Home Page Breakdown
Main Navigation
Prominent nav categories: Hydration, Fuel, Recovery, Bundles, Gear, Shop All.
Promotional Carousel
A multi-slide hero banner promoting:
“Recovery Mix now packs 20G of complete protein! — Shop Now”
“High Carb Fuel back in stock — Shop Now”
Visually dynamic with full-width images, bold headlines, and clear CTAs for each key product theme.
Product Benefit Highlights
Key product attributes displayed in bullet-like style:
Complete energy, light taste, gut-friendly formula
Presented as simple value propositions to support product categories.
Footer & Brand Community Section
A “Join Our Crew” area encouraging newsletter signup and connection.
Footer includes categories:
Explore, About, Help navigation
Legal links (Terms, Privacy, etc.)
Brand origin: “Made by athletes in Durango, Colorado”, adding authenticity and locality.
Collection Page Breakdown
Site Header & Global Navigation
Sticky header with:
Shipping promo: “Free standard shipping on all U.S. orders over $59”.
Menu items:
HYDRATION, FUEL, RECOVERY, BUNDLES, GEAR, SHOP ALL
Utility icons: Search, Login, Cart.
Category Filter Bar (Sticky/Subnav)
Secondary links under the title allow swift navigation to sub-groups:
Fuel, Hydration, Recovery, Bundles, Gear
– These act like inline category tabs within the collection.
Product Card Details
Each card displays:
Creative product image
Clear title
Price (range or sale)
“Shop Now” button styled for immediate action
No inline reviews or badging (e.g., bestseller) shown on this page snippet.
Page-Level JavaScript Behavior
The header shows an “Item added to your cart” toast overlay after adding an item (quick cart feedback).
Navigation likely remains sticky on scroll, ensuring access to main categories at all times, though that behavior isn’t directly observed.
Footer
Footer columns with headings:
EXPLORE — Brand Collaborations, Popscapes & You, Collections, Art Consultation.
COMPANY — About Us, How We Make Art, The World Of Popscapes, Gallery.
HELP — Contact Us, Shipping & Return, FAQs.
Newsletter signup: field and CTA: “Sign up to receive exclusive offers!” and Subscribe control.
Legal & corporate links: Terms & Conditions, Privacy Policy, Company Information, User Agreement, Cookie Preferences.
Copyright + platform: and a Shopify attribution link — page is served on Shopify.
Product Detail Page
(PDP)
Hero Area
Image gallery featuring styled photos of the tee — front, back, and detail shots.
Clicking images opens a full-screen modal view.
Title, Pricing & Stock Status
Product name in prominent text: “MYSTIC BLUE SHORT SLEEVE TEE- UNISEX.”
Price displayed clearly as $29.00 USD with no discount applied.
A “Sale” placeholder is visible
Variants & Quantity Selection
Size options listed inline: Small, Medium, Large, X-Large, XX-Large — each priced at $29.
Quantity selector with accessible buttons and labels for increasing or decreasing quantity.
“Add to cart” CTA available for purchase.
Recurring Purchase Notice
After adding to cart, a pop-up appears: “Item added to your cart” with options to “Check out” or “Continue shopping.”
An embedded notice reveals recurring-purchase legal text, though the item is standard merch — likely theme boilerplate.
