A fashion brand celebrating cultural heritage and natural beauty through handcrafted hair accessories. The goal of this project was to design and develop a website that reflects the brand’s identity elegant, bold, and empowering, while maintaining usability and accessibility across devices.
My Role
UX/UI Designer
Web Developer
The Process
The Process
Wireframe (Low-Fidelity Prototype)
Before creating the digital low-fidelity wireframe, I sketched the first layout by hand to visualize the structure, sections, and user flow. This early drawing guided the design direction and helped establish a clear foundation for the homepage.
Wireframe (Low-Fidelity Prototype)
The wireframe established the information hierarchy, visual balance, and user flow for the homepage.
Key design decisions included:
Simplified navigation bar (Feature, Ankara, Rayon, Satin, About) for intuitive browsing.
Clear CTAs (“Shop” and “View More”) positioned after every collection section.
Visual storytelling with large imagery to highlight textures and fabrics.
Final Website (High-Fidelity + Development)
The final site was implemented using Wix, customized with brand colours and typography inspired by African royalty:
Gold for luxury and confidence
Deep purple and navy for sophistication and heritage
Clean sans-serif fonts for modern readability
Accessibility improvements:
High colour contrast for WCAG compliance
Clear alt text for all product images
Logical heading structure for screen readers
Outcome
Enhanced brand identity and online presence for Karalty
Smooth and engaging navigation experience
Mobile-responsive layout with improved readability and clear hierarchy
Tools Used
Figma – Wireframing, Visual Design and Image editing
Wix – Development & CMS