Header Specs (Your Requirements)
Row 1: First
ZODEX name on left → in last Liked products with Like icon only → next to it Cart icon.
Row 2: Full search bar ("Search sneakers...") → filter icon button directly beside it.
Row 3: Horizontal scrollable filter chips (All Kicks, Running, Sneakers, Basketball, Streetwear, Sale).
Active Palette Tokens
| Primary Brand / CTA | #FF6700 |
| Secondary Accent | #004E98 |
| Supporting Accent | #3A6EA5 |
| Background Color | #F8FAFC |
| Card Surface | #FFFFFF |
ZX
ZODEX
Featured Categories
View All →Running
148 styles
Sneakers
210 styles
Basketball
84 styles
Streetwear
190 styles
Trending Sneaker Deals
See 34 More →
50% OFF
ZODEX Velocity Nitro Pro
₹1,899
₹3,499
LIMITED
ZODEX Retro Runner X
₹2,199
₹3,999
HOT DEAL
ZODEX Cloud Step Trail
₹1,499
₹2,999
BEST SELLER
ZODEX High-Top Heritage
₹2,799
₹4,999
Free Express Delivery
Orders above $99
100% Authentic
Verified sneakers
30-Day Easy Returns
Hassle-free refunds
24/7 VIP Support
Live chat & concierge
Item added to cart!
Implementation Plan Checklist
Mapped to Phase 3 in implementation-plan.html:
- ✓ Hero Banner: CTA, countdown, premium feel
- ✓ Featured Categories: 4-col quick touch grid
- ✓ Header: ZODEX name → Likes icon → Cart
- ✓ Search & Filters: Input + icon + filter pills
- ✓ Trending Deals: 2-col product cards with heart
- ✓ Promo Banners: KiddoNest style multi-promos
- ✓ Trust Badges: Authenticity, returns & delivery
- ✓ Bottom Nav: Sticky 5-icon thumb-friendly bar
Liked Products Wireframe Specs
Interactive Wishlist experience aligned with selected theme:
- ✓ Header Like Icon: 1-click opens Liked screen
- ✓ Theme Reactive: Adapts to active palette instantly
- ✓ Size Selector: Choose size directly from wishlist
- ✓ Move to Bag: Instant cart transfer & badge sync
- ✓ Batch Move All: 1-click transfer for all saved kicks
- ✓ Empty State: Graceful zero-item fallback screen
Shopping Bag Wireframe Specs
Interactive Checkout Funnel aligned with selected theme:
- ✓ Header Cart Icon: 1-click opens Bag in active theme
- ✓ Free Shipping Meter: Real-time progress bar
- ✓ Quantity Controls: Live increment/decrement & total recalculation
- ✓ Save For Later: 1-click move item to Liked Products
- ✓ VIP Coupon Engine: Test with
ZODEXVIP15for 15% off - ✓ Fixed Proceed to Buy: Fixed at bottom alongside bottom navigation with live item counter