All Yours Website Redesign
Project Overview
The Problem
The current design of All Yours’ website is outdated and there is difficulty in achieving the desired conversion and sales goals.
The Solution
Through conducting user research, user flow mapping, and wireframing, I identified the specific areas that stood as barriers to an optimized user experience. The current website design makes it difficult to establish a high level of trust and value with site visitors and fails to give them enough security to convert into successful customers. I iterated on the site’s design to create a more brand-consistent look that also minimizes cognitive load and builds a strong connection with site visitors right from the start.
Role
UX/UI Designer
Duration
March - April 2023
Design Process
As the goal is to optimize conversion rates, we centered our design decisions around how to
-
visually establish a high level of professionalism and trust with site visitors
-
make website content more easily digestible and products more easy to browse
-
spread awareness about the brand and incentive visitors to make a purchase
Wireframes
The homepage of the website needed the most focus in this redesign project. I drafted multiple wireframes for the homepage design, where as a team, we then scaled it down to two options, before deciding on the final version. We decided this to be the most fitting for the brand's mission in spreading positivity.
Major Design Iterations
Before
Homepage
After
Navigation bar has too much weight and content is off-centered
Users reported poor color contrast
Social media at the top can distract and drive away visitors
Users were unlikely to click through slider images
Visitors can directly see and view the most recent products
Added services that customers can expect with their purchase
Eye-catching hero image with clear slogan and CTA
Added brand's mission statement to the top of the page
Added some featured products to make it easier for visitors to view
Links to important pages
Products Page
Some images are not proportionally sized
Before
After
Font size and spacing is inconsistent
Button
colors are not consistent
Filter button is more properly placed
White background highlights content more clearly
More consistent use of brand color throughout
Influencer Application Form
Before
After
Users reported text color made it overwhelming and straining to read
Form elements are displayed in a more easy to digest manner
Please feel free to view the full website here
Next Steps
After launching the updated version of the website, we will closely monitor conversion rates as well as any customer feedback on their experiences with the website. If appropriate, we will also continue to update any design changes and conduct A/B testing to create the most optimized user experience. Please look forward to continuous updates on All Yours Coaching!