adidas Lebanon
adidas localized e-commerce platform tailored to the Lebanese market, offering a curated selection of activewear and sports products. The website is designed to reflect the bold, dynamic identity of the adidas brand while providing users with a seamless and engaging shopping experience across desktop and mobile.
Project Overview
adidas Lebanon required a localized e-commerce experience that aligned with the global adidas brand while catering to regional user expectations, browsing behavior, and shopping patterns. The goal was to design a clean, intuitive, and performance-driven shopping experience across web and mobile platforms. This project focuses on enhancing usability, improving product discovery, and streamlining the purchase journey while maintaining adidas’ bold visual identity.
Problem Statement
The existing experience lacked clarity in navigation, product discovery, and checkout flow. Users faced friction while browsing categories, comparing products, and completing purchases specially on mobile devices.
User Experience Process
A competitive and heuristic analysis was conducted by studying global adidas platforms and leading fashion e-commerce websites. The focus was on understanding common usability patterns, navigation structures, and conversion-optimized layouts.
Key insights
Users expect fast access to categories and collections \ Clear CTAs improve engagement \ Visual storytelling plays a major role in fashion retail
Based on research findings, a simplified site structure was created to ensure smooth navigation across categories, collections, and product pages.
The architecture focused on
Clear category grouping \ Logical product hierarchy \ Reduced cognitive load for users
A sitemap was developed to map out primary and secondary navigation flows for both desktop and mobile.
Low-fidelity wireframes were created to define layout structure, content prioritization, and interaction flow. This stage helped validate user journeys before moving into high-fidelity design.
Wireframes covered
Homepage promotional banner and campaign sections \ Category landing pages (Men, Women, Kids) \ Product listing page with filters and sorting options \ Product detail page with size selection and product variants \ Shopping cart and cart summary layout \ Multi-step checkout flow \ Search results page and product discovery layout \ Wishlist and saved products page \ User account dashboard and order history \ Order confirmation and tracking screens \ Promotional campaign and seasonal collection pages
Design System
A structured design system was implemented to maintain consistency with adidas’ global brand guidelines while ensuring a scalable and cohesive user interface. The system focused on clear visual hierarchy, reusable components, and a product-first presentation to support the e-commerce experience.
adidas brand typography hierarchy \ Defined color palette aligned with brand standards \ Consistent button and CTA styles \ Product card and grid components \ Navigation and mega-menu patterns \ Filter and sorting UI components \ Form elements for search and checkout flows \ Iconography and interactive UI states \ Structured spacing and grid system
This ensured visual consistency and faster design iterations.
UI Design
The interface design follows adidas’ global visual language, focusing on a clean, product-first layout that highlights performance and lifestyle collections. The UI emphasizes strong imagery, clear typography, and structured layouts to create an engaging and seamless shopping experience.
Bold imagery to showcase products \ Clean layouts with clear CTAs \ Mobile-first responsive approach \ Consistent interaction patterns
Responsive Design
The experience was optimized for multiple screen sizes, ensuring a seamless shopping journey across desktop, tablet, and mobile devices.
Mobile navigation / Touch-friendly interactions / Readability and spacing
Final Outcome
The final design delivers a modern, intuitive, and brand-aligned e-commerce experience for adidas Lebanon. The improved navigation, structured layouts, and refined UI components collectively enhance usability and user engagement. The design system allows easy scalability for future features, campaigns, and regional expansions.
Simplicity in navigation significantly improves user experience \ Consistency in UI elements builds trust in e-commerce platforms \ Mobile-first thinking is essential for retail products \ A strong design system accelerates product scalability