A Consistent Identity
Fonts and colors needed a more cohesive direction.
BEAUTY & PERSONAL CARE
Dr. Kanks Shopify UI/UX Redesign Case Study
Seven key pages. Coordinated desktop and mobile designs. A new shopping experience for Dr. Kanks, designed within 15 days.
- Brand
- Dr. Kanks
- Industry
- Beauty & Personal Care
- Platform
- Shopify
- Service
- UI/UX Redesign
- Timeline
- 15 Days
The Redesign
A New Visual Direction for an Existing Beauty Store
Cynthia Kankeu asked Tech Striker to rethink the Dr. Kanks ecommerce experience, bringing a more consistent visual identity and clearer shopping journey to a store focused on plant-based skincare, body oils and hair care.
Our scope was UI/UX design in Figma and Adobe Photoshop, with desktop and mobile layouts for all seven pages.
- Client
- Cynthia Kankeu
- Design Tools
- Figma + Adobe Photoshop
- Pages Designed
- 7 Key Pages
- Formats
- Desktop + Mobile
The Challenge
Bringing the Store Experience Together
More Even Spacing
Alignment and spacing varied across the existing pages.
A Clearer Journey
The layout made products and information harder to find.
Useful Product Details
Product information needed a clearer reading order.
Mobile Usability
The smaller-screen experience needed dedicated attention.
A Polished Presentation
The store needed a visual system that connected its pages.
Our Approach
From Brand Direction to Page Design
Understand the Brand
Review the beauty and skincare context and customer expectations.
Review References
Use the client's references to establish the preferred direction.
Define the System
Bring font pairing, color and theme direction together.
Rework the Hierarchy
Organize sections, spacing and product information in the designs.
Design Both Views
Create desktop and mobile layouts for every page in scope.
Desktop Before & After
The Same Brand. A New Shopping Experience.
The Homepage: From Promotion to a Clearer Introduction
The new design separates navigation, visual product categories and the main message. A calmer hierarchy gives the imagery and shopping action their own space.
Best Sellers: More Structure Around Every Product
Consistent image areas, benefit-led information and individual shopping buttons replace the less structured product presentation.
Product Experience
Make the Details Easier to Explore
The product-page design brings the image gallery, benefits, price, size and finish options into a clearer sequence before the purchasing action. The aim was to help shoppers understand the product before choosing.
- Image Gallery
- Product Benefits
- Size & Finish Options
- Purchasing Action
Mobile Before & After
Designed for the Smaller Screen, Too
Mobile-specific layouts were created for all seven pages. These homepage captures show the change in navigation, category discovery, imagery and the main shopping action, with a dedicated composition for the smaller screen.
The Design Scope
Seven Pages. One Connected Experience.
Homepage
Desktop + Mobile
Product Details
Desktop + Mobile
Collection
Desktop + Mobile
About
Desktop + Mobile
Blog
Desktop + Mobile
List of Ingredients
Desktop + Mobile
Contact Us
Desktop + Mobile
Design Tools & Visual System
A Consistent Direction Across the Store
Designed in Figma and Adobe Photoshop.
Typography
A coordinated font direction and clearer heading hierarchy.
Color
A softer rose-to-plum direction balanced with white space.
Layout
More consistent spacing, alignment and product presentation.
The Outcome
A Complete Design Direction in 15 Days
Dr. Kanks received a coordinated UI/UX redesign across seven key ecommerce pages, with desktop and mobile versions delivered within the agreed 15-day window. The designs establish a more cohesive visual identity and a clearer way to present the products.
Visit Dr. Kanks (opens in a new tab)The current store may have evolved since the project. The supplied captures above document the redesign.
- Seven Ecommerce Pages Redesigned
- Desktop and Mobile Designs for Every Page
- Consistent Typography and Color Direction
- Clearer Product-Detail Presentation
- More Consistent Layouts and Spacing
- Designs Delivered Within 15 Days
Explore our web design and UX services, Shopify services and broader Website Solutions, or browse more Case Studies.
