WEB DESIGN CASE STUDY
PROJECT OVERVIEW
Company: She Cute Hair
Project Duration: February 2021 (2 weeks)
Role: User Research, Web Designer
She Cute Hair was an eCommerce brand that sold Grade 12A Brazilian and Peruvian wigs to South African women at affordable prices.
OBJECTIVES
- To create a robust e-commerce website on Shopify.
- To drive organic traffic, and increase revenue for the business.
Research & Design Process
To create a user centric home page for Kidico, we conducted a thorough analysis of the personalised products industry, reviewed competitor websites, and international websites offering the same service. This research helped us identify an ideal user experience, and industry trends.
We began the design process by creating wireframes & mockups to explore different layout options. Through iterations and feedback from stakeholders, we finalised a design that emphasised simplicity, clarity, and intuitive navigation of an ecommerce page. I then we developed & executed a visual design that aligned with Kidico’s branding guidelines on WordPress.
Development and Technology
The home page was rebuilt using a combination of WP Bakery Page Builder on WordPress, and CSS.
We also integrated lead capture forms using a MailChimp popup to facilitate lead generation and tracking.
Tools Used
- Shopify
- HTML & CSS
- Asana
- Canva & Adobe Photoshop
- Zoom
Style Guide
Images
By showcasing images of happy kids, our aim was to convey a sense of fun, playfulness, and genuine joy, aligning with our brand’s mission to create memorable and positive experiences
Colours
#F23630
#E88685
#FF6F96
#C0B2D7
Typography
Header1: Baloo/ Bold/ 32px
Header2: Baloo/ Bold/ 28px
Body1: Open Sans/ Regular/ 18px
Body2: Open Sans/ Regular/ 16px
Button1: Baloo/ Bold/ 22px
Results and Outcomes
MARCH 2023 vs. FEBRUARY 2023
- After the home page was updated, Kidico experienced a significant increase in organic website traffic by 27.91% and the e-commerce conversion rate increased from 0.97% to 2.52%.
- The bounce rate decreased by 22.18%, the sessions duration on the page increased from 00:00:57 to 00:01:22, and the % exit decreased from 36.97% to 26.28%, indicating that the page became engaging, provided more relevant information, and encouraged users to continue exploring the website.
