Old
New
P360 is a child enterprise B2B product under Personify Corp. that serves many of our members (trade and non-profit organizations) across the U.S. With many technological advances in the past decade, the product is somewhat outdated leaving members wanting a newer and fresher version.
P360 and E-Business
Role
Product Designer
Tools
Figma, Miro, Figjam
Some Context
March 2022 - June 2022
Timeline
Customers can change their eBusiness tool by using style sheets and skins provided by P360. With this in mind, my focus was to only modernize the base eCommerce website.
Industry
Non-profit
Using e-Business reduces the amount of time, resources, and the expense of maintaining websites. Functionality accessed through e-Business assists users in modifying content of base webpages and integrating webpages into existing websites.
E-Business functionality includes:
E-Business functionality includes:
- Change the look and feel of the entire website. Users can apply new style sheets and skins.
- Change menu/tab items and associated links in the header and other menus.
- Change the layout of existing pages by adding new modules and deleting and/or moving existing modules.
- Create new webpages using e-Business Web Modules or canned web modules included with the base sample e-commerce website.
- Modify the module properties of a page, including containers, images, and icons.
- Add new web modules (developed separately) into the e-Business database and use them in existing pages.
In this case study, we focus on revamping P360's eBusiness feature, a client facing
web service where our members can sell items, setup event registration, nominations, awards, donations, and member directory information. This feature generates revenue for our customers' organizations.
web service where our members can sell items, setup event registration, nominations, awards, donations, and member directory information. This feature generates revenue for our customers' organizations.
Personify Corp
Company
E-Business is approximately 15 years old and is used by only 10% of our total clientele. Many members over the years have vocalized feedback about this eCommerce feature. Their feedback included:
Our hope is to address this feedback, increase adoption, usability, and reduce current negative feedback on its aesthetics. After feature release, we will obtain data to compare its performance to the older version.
- Doesn't feel very intuitive and lacks ease of use.
- Checkout process is not as efficient as other eCommerce websites.
- Worried that an older feature such as eBusiness might have security issues.
- Doesn't feel as consistent as other shopping experiences.
- Looks visually outdated.
Our hope is to address this feedback, increase adoption, usability, and reduce current negative feedback on its aesthetics. After feature release, we will obtain data to compare its performance to the older version.
Why Revamp E-Business?
Our member's customers are the primary user for eBusiness and the secondary user includes our member's admin(s) or hosts that will setup eBusiness information in the back-end of P360.
e-Business Users
After reviewing feedback from customers and understanding company goals, these were the steps I took:
My Process
- Critique the current e-Business website accordingly by UX/UI principles laid out by _______.
- Analyze competitor websites and look up visual inspiration. These competitors included:
- Nimble
- Microsoft Dynamic 365 Sana eCommerce
- Fonteva
Process image here
- Strategize what to prioritize which were the landing page, my account page, and the online store homepage. I also created sample style sheets showing different colors and fonts for various branding (members are in charge of their own branding setup).
- Ensure engineers will be able to develop designs based off our third party tools Dotnetnuke and Queue it.
- Design mid-fidelity wireframes and present to the team to hear feedback and/or concerns.
- Iterate the designs to present a final version.
Landing Page Hierarchal Review
UI Changes
Version 1 of the eBusiness Landing Page with feedback
I presented my first designed version of the eBusiness website to 20 engineers and 2 PMs. Here is some of the feedback I received:
1.
2.
1.
2.
Version 2 - Landing Page Design
Listening then thinking about the feedback I had received, I determined which critiques were the most viable and developer a version 2 for the eBusiness website.
Here you can see I made a few changes:
1.
2.
3.
4.
5.
Here you can see I made a few changes:
1.
2.
3.
4.
5.
Release date 06/22/2025
There is a 1-3 month wait before this feature will be release, which is project to be at the start of 2026. Development and QA must occur before any kind of usability testing/data capture can be obtained.
The kind of statistics I will be collecting once released is:
Collecting this data will help us to better understand our customers and refine the product to their standards.
The kind of statistics I will be collecting once released is:
- Churn rate (the percentage of current users that stop engaging with the new version).
- Adoption rate by current customers who do not currently use the older version.
- Retention rate by current customers who move from the old version to the newer one.
Collecting this data will help us to better understand our customers and refine the product to their standards.