CLICKSHADES
Mobile & Desktop Design Variations
Control
Original Site
CONTROL
Current Live Site
clickshades.com.auIssues Identified (CRO Audit)
- Logo fails "squint test" - SHADES text too small/light
- Missing main claim - no clear value proposition above fold
- No reviews/trust signals visible in hero
- No rotating top banner with key benefits
- Selector UX doesn't auto-advance like throtl
- No urgency elements (countdown, limited offer)
- No "Talk to Sales Tech" support visibility
- No popular models fallback for quick selection
Responsive Design
Recommended
LATEST
V7 - Responsive (Mobile-First)
January 15, 2025
Mobile (390px)
Desktop (1280px)
Features
- ADDED ClickShades brand colors (#2463af blue, #ffd600 yellow CTA)
- ADDED throtl-style expandable car picker with type-to-filter
- ADDED Mobile-first responsive layout
- ADDED Desktop: horizontal selector, 4-column grids
- ADDED Rotating benefits banner (inline on desktop)
- ADDED Trust badges, popular models, urgency countdown
Mobile Variations
390px Viewport
V4
V4 - throtl Style + Real Images
January 15, 2025
Changelog
- ADDED Real product images from ClickShades (hero background, popular models)
- ADDED Star rating badge in hero (4.9 from 127 Reviews)
- ADDED Rotating top banner with icons: Easy Fitment, Same-Day Dispatch, 14-Day Returns, Free Delivery, 87% UV
- ADDED throtl-style expandable dropdown selector with "Type to Filter"
- ADDED Year-first selection flow (Year → Make → Model → Submodel)
- ADDED "Talk to a Sales Tech" support row with 1300-SHADES + AUS badge
- ADDED Phone icon in header (search, phone, cart)
- ADDED Promo banner with dismiss X ("Summer Sale! Get 15% OFF")
- ADDED Urgency section with countdown timer
- ADDED "Shop by Popular Models" with real product thumbnails
- CHANGED Blue accent color throughout
- CHANGED Selector auto-advances after selection
V3
V3 - Snapshades Layout
January 15, 2025
Changelog
- ADDED Dark header matching Snapshades style (MENU + logo + cart)
- ADDED Centered logo with inline CLICK + SHADES
- ADDED "Stars from X Reviews" format like Snapshades
- ADDED White selector card with rounded pill dropdowns
- ADDED Red CTA button "SEARCH" (Snapshades style)
- ADDED Floating 5.0 star review badge
- ADDED Bottom navigation bar (Menu, Help, Account, Cart)
V2
V2 - CRO Principles Applied
January 15, 2025
Changelog
- ADDED Rotating top banner (FREE Shipping, Same Day Dispatch, 14-Day Money Back)
- ADDED Reviews bar with stars + "127 Reviews" above fold
- ADDED Main claim + sub-claim as bullet points
- ADDED "Popular Models" fallback (RAV4, Corolla, etc.)
- ADDED Trust badges (100% Satisfaction, Australian Owned)
- CHANGED Logo passes squint test - SHADES same size as CLICK
V1
V1 - Initial Design
January 15, 2025
Changelog
- ADDED Initial mobile hero concept
- ADDED Stacked CLICK / SHADES logo
- ADDED Australian Owned badge
- ADDED 100% Satisfaction Guarantee card
- ADDED Trust row (Free Shipping, 4.9 Rating, Easy Install)
V4-Based Responsive Designs
Mobile + Desktop
V8
V8 - V4 Mobile + Snapshades Desktop
January 15, 2025
Mobile (390px)
Desktop (1280px)
Features
- MOBILE Exact V4 mobile layout (throtl-style dropdowns)
- DESKTOP Snapshades-style split hero (content left, image right)
- DESKTOP 2x2 selector grid in hero area
- DESKTOP Full navigation bar with links
- DESKTOP 4-column popular models grid
- DESKTOP Full footer with navigation
V9
V9 - V4 Mobile + throtl Desktop
January 15, 2025
Mobile (390px)
Desktop (1280px)
Features
- MOBILE Exact V4 mobile layout (throtl-style dropdowns)
- DESKTOP Centered hero with large brand text
- DESKTOP Inline horizontal selector (all 4 fields in one row)
- DESKTOP Click-to-expand dropdown panels
- DESKTOP Centered product image below selector
- DESKTOP 4-column popular models grid
Desktop Variations (Standalone)
Full Width
DESKTOP
V5 - Desktop throtl Style
January 15, 2025
Features
- ADDED Dark theme inspired by throtl.com
- ADDED Inline horizontal vehicle selector (Year | Make | Model | Submodel)
- ADDED Full-width benefits bar at top
- ADDED Hero section with gradient background and product image overlay
- ADDED Trust badges section (Perfect Fit, UV Block, Easy Install, Returns)
- ADDED Popular models grid with cards
- ADDED Urgency countdown banner
- ADDED Full footer with navigation
DESKTOP
V6 - Desktop Snapshades Style
January 15, 2025
Features
- ADDED Light, clean theme inspired by Snapshades
- ADDED Split hero section (content left, image right)
- ADDED Labeled vehicle selector form with Navy/Gold accent
- ADDED "Why Choose Us" benefits cards with icons
- ADDED Popular models grid with ratings
- ADDED Customer testimonials section
- ADDED CTA banner with dual buttons
- ADDED Professional footer with social links
Product Card Elements
Category Page
AMAZON
Amazon-Style Product Cards
January 15, 2025
Features
- ADDED White card with subtle shadow, hover lift
- ADDED Square product image with white background
- ADDED Star rating with review count
- ADDED Price with strikethrough + discount percentage
- ADDED "FREE delivery" badge
- ADDED "Same-Day Dispatch" (Prime equivalent)
- ADDED Yellow "Add to Cart" button
TRACTIVE
Tractive-Style Product Cards
January 15, 2025
Features
- ADDED Large image with hover zoom (scale 1.1)
- ADDED Gradient overlay at bottom
- ADDED Poppins font (premium feel)
- ADDED Bold 700-weight pricing
- ADDED Pink accent badges (Best Seller, Popular)
- ADDED Pill-shaped CTA button with hover scale
- ADDED Trust signals section
Product Page Designs
PDP
AMAZON
Amazon-Style Product Page
January 15, 2025
Features
- ABOVE FOLD Image gallery with thumbnails
- ABOVE FOLD Product title, rating, price (was/now)
- ABOVE FOLD Buy Box with Add to Cart + Buy Now
- ABOVE FOLD Delivery estimate, stock status
- BELOW FOLD Product features checklist
- BELOW FOLD Technical specifications table
- MOBILE Fixed bottom buy bar
TRACTIVE
Tractive-Style Product Page
January 15, 2025
Features
- ABOVE FOLD Full-width hero (80vh)
- ABOVE FOLD Trust badge with stars + review count
- ABOVE FOLD Large pill-shaped CTA button
- BELOW FOLD Key features grid with icons
- BELOW FOLD Why ClickShades benefits
- BELOW FOLD Vehicle compatibility selector
- MOBILE Sticky bottom CTA bar