Madison Reed
Re-Design of Reviews Page
Introduction
Madison-Reed is an online hair color company that sells hair color products made from organic materials. The company’s website is constantly updated with contents and improvements to drive sales from online shopping and membership subscription. The company operates on Agile Design and Scrum Project Management improve the company’s website.
Project Requirements
The current reviews page is underutilized and the current content does not match the brand or current value proposition. The page can be an organic SEO and paid landing page. The page should include updated photos, look and feel; user generated content, with name, shade used; feature reviews at top, with links to reviews by hair color family; continuous List/ Pagination of all reviews by hair color family; sticky CTA to color advisor; link to Press ; feature Blog posts that are driving through Madison Reed review(s) keyword; and it must be responsive.
Link to page: https://www.madison-reed.com/madison-reed-reviews/black-hair
Original Design
The current design of the testimonial page was 2 years old and it was underutilized. I was tasked with redesigning the page. The project timeline for completing the redesign was two weeks.
Brainstorming / Sketch
My process for redesigning the testimonials page was to understand the project requirements. I sketched out the user flow, page elements, and wireframe. This was done through UX/UI brainstorming session with other designers at the company.
A/B Design Draft
I developed A/B design drafts for the project team to review and provide feedback. The purpose of this process was to give the project team comparison of different designs and incorporate the team’s feedback to narrow down finalization of the design.
Prototyping
After I incorporated the team’s feedback, I developed the prototype of the design on inVision to show the project team the design flow in different devices. The purpose of this is to allow the project team to get the look and feel of the design on different devices.
Delivery
After the design was signed off by the project team, I delivered the UI spec to the front-end developers to implement the design via Zeplin.
Final Design
