ArksClub

1) Project Overview
Industry: Fashion & Lifestyle E-commerce
Duration: 4 Months
Role: Senior UI/UX Designer
Team Size: 1 Product Manager, 2 Developers, 1 QA, 1 UI/UX Designer

Tools Used:
Figma, Adobe Photoshop, Adobe Illustrator

Responsibilities:
• UX Research • Competitor Analysis • Information Architecture • User Flow Design • Wireframing • UI Design
• Design System Creation • Responsive Design • Developer Handoff

2) Business Challenge
ArksClub wanted to establish a premium digital shopping experience that reflected the brand's minimalist identity while providing a seamless and intuitive e-commerce journey.
The challenge was to create a scalable platform that balanced luxury aesthetics with usability, ensuring effortless product discovery, simplified purchase journeys, and a consistent experience across devices.

3) Research & Discovery
Competitor Analysis
Conducted competitive analysis of premium fashion and lifestyle brands including COS, Zara, H&M, Uniqlo, and Mango to understand industry standards, shopping behaviours, and best practices in premium e-commerce experiences.

Stakeholder Discussions
Collaborated closely with stakeholders to understand business objectives, brand positioning, customer expectations, and future scalability requirements.

Existing Platform Audit
Performed a UX audit to identify gaps in navigation, product discovery, content hierarchy, and overall shopping experience.

User Pain Points
• Difficulty in discovering products quickly. • Overwhelming product catalog structures.
• Complex shopping journeys. • Lack of clear visual hierarchy. • Inconsistent experiences across devices.

4) UX Process
User Flows
Mapped end-to-end shopping journeys to ensure users could seamlessly browse products, explore details, add items to cart, and complete purchases with minimal friction.

Example User Flow
Homepage - Category Listing - Product Listing - Product Detail Page - Add to Cart - Checkout - Order Confirmation

Wireframes
Created low and mid-fidelity wireframes to validate layouts, define content hierarchy, and optimize user interactions before moving into high-fidelity designs.

Iterations
Multiple design explorations and iterations were conducted to refine navigation patterns, visual hierarchy, and overall user experience based on stakeholder feedback.

5) Visual Design
Design System
Developed a scalable design system comprising reusable components and interaction patterns to ensure visual consistency and efficient design implementation.

Typography
Selected modern, elegant typography to reinforce the premium and minimalist personality of the brand while maintaining readability across devices.

Components
Designed reusable UI components including:

• Global Navigation • Hero Banners • Product Cards • Category Modules • Filter & Sorting Components
• Product Detail Sections • Shopping Cart • Checkout Components • Footer Modules

6) Impact
• Improved product discoverability through simplified navigation.
• Enhanced overall shopping experience with intuitive user journeys.
• Reduced friction during the purchase process.
• Strengthened the premium brand perception through a modern and minimalist UI.
• Created a scalable design foundation for future product expansion.
• Improved engagement by delivering a seamless multi-device experience.