Archives: Websites

eCommerce Websites

Unmoth

Unmoth’s website uses a bold, minimal agency-style design with strong typography, sharp contrast, and a direct explanation of its brand-building process. The business focuses on creating complete brand systems for companies, including logos, typography, color systems, visual assets, imagery direction, iconography, application examples, and brand guidelines. Its offer is positioned around helping ideas launch and scale with a cohesive visual identity.

Raazi

Raazi’s website uses a warm, ritual-focused tea brand design with rich color, textured imagery, Indian-inspired visual details, and a calm “Slow The Now” positioning. The products focus on premium whole-leaf teas in plant-based sachets, with curated blends such as Indian Breakfast and Jasmine Green, plus tea sets, herbal options, limited releases, and rare tea drops.

Raazi Shop Page Example

Raazi Product Page Example

Raazi Checkout Page Example

Raazi Footer Example

UNREAL

UNREAL’s website uses a bright, playful CPG design with colorful packaging, bold product photography, review/social proof sections, and clear “better-for-you candy” messaging. The products focus on chocolate snacks made with simpler ingredients and less sugar, including peanut butter cups, almond butter cups, coconut bars, chocolate gems, crispy quinoa bites, pretzels, variety packs, and vegan options.

UNREAL Shop Page Example

UNREAL Product Page Example

UNREAL Checkout Page Example

UNREAL Footer Example

Small Wonder

Small Wonder’s website presents a polished, premium beauty brand with soft lifestyle imagery, clean typography, and strong sustainability messaging. The products focus on powder-to-lather, refillable haircare, including shampoo, conditioner, treatments, minis, and a powder-activated hair serum. The overall design positions the brand as luxury, clean, travel-friendly, and eco-conscious.

Small Wonder Shop Category Page Example

Small Wonder Product Page Example

Small Wonder Checkout Page Example

Small Wonder Footer Example

Slow Street Granola

Slow Street Granola’s website has a casual, energetic Shopify design with bold messaging, lifestyle imagery, product callouts, reviews, and a clear direct-to-consumer structure. The products center on low-sugar, high-protein granola made with ingredients like tahini, certified gluten-free oats, pumpkin seeds, dried fruit, and compostable packaging. The brand also sells bundles and merch, including hats.

Slow Street Granola Shop Page Example

Slow Street Granola Product Page Example

Slow Street Granola Checkout Page Example

Slow Street Granola Footer Example

Good Bacteria

Good Bacteria’s website uses a clean, science-led wellness design with soft imagery, educational sections, trust badges, reviews, and clear subscription messaging. The product is a 28-day rotating synbiotic system with weekly blends of prebiotics, probiotics, and postbiotics, designed to mix into water, juice, or smoothies. The site positions the brand around gut diversity, digestive health, immunity, and microbiome support.

Good Bacteria Product Page Example

Good Bacteria Checkout Page Example

Good Bacteria Footer Example

Icelandic Provisions

Icelandic Provisions’ website uses a clean, premium food-brand design with Nordic-inspired visuals, product photography, recipe content, and educational storytelling around traditional Icelandic skyr. The products focus on thick, creamy skyr made with heirloom Icelandic cultures, available in dairy, whole milk, low-fat, flavored, extra-creamy, and oatmilk dairy-free varieties. The site also emphasizes protein content, probiotics, store availability, and skyr-based recipes.

Icelandic Provisions Shop Category Page Example

Icelandic Provisions Product Page Example

Icelandic Provisions Footer Example

Fresh Patch

Fresh Patch’s website uses a straightforward pet-care ecommerce design with clear product comparisons, subscription options, reviews, and practical messaging for dog owners in apartments, condos, or homes without easy outdoor access. The products focus on real grass potty patches for dogs, available in multiple sizes and formats, along with trays, training accessories, sprays, and related pet-care add-ons. The brand positions its product as a cleaner, more natural alternative to synthetic pee pads or artificial turf.

Fresh Patch Shop Category Example

Fresh Patch Product Page Example

Fresh Patch Checkout Page Example

Fresh Patch Footer Example

Beastie

Beastie’s website uses a polished, playful pet-care design with warm copy, clean product navigation, lifestyle imagery, and community-driven messaging around “Club Beastie.” The products focus on dog care and grooming rituals, positioned around clean formulations, bonding, and the brand’s “Cleanest Cuddle Guarantee.”

Beastie Shop Page Example

Beastie Product Page Example

Beastie Checkout Page Example

Beastie Footer Example

Libré

Libré’s website uses a clean, clinical wellness design with soft lifestyle imagery, science-led messaging, ingredient transparency, and a polished direct-to-consumer shopping flow. The products focus on physician-developed women’s supplements for hormonal shifts and life stages, including Daily Vitality and Life Transition Hormonal Blend. The brand emphasizes bioavailable ingredients, third-party testing, EU standards, sustainable aluminum packaging, and HSA/FSA eligibility.

Libré Shop Page Example

Libré Product Page Example

Libré Checkout Page Example

Libré Footer Example

Yodo Coffee

YODO roasts single origin coffee from Costa Rica and ships it from Miami, selling 200g whole bean bags such as TABA and NAJO in the $20 to $30 range alongside a subscription option. The brand states it holds no warehouse inventory, roasting each lot to order and working direct with growers on the Nicoya Peninsula. Coffee is sold direct to consumer and through a network of roughly 25 stockists across the United States and Canada. The store runs on Shopify.

Website Design

A Mac OS 9 desktop, rebuilt in a browser. The homepage opens as a working desktop simulation, complete with a menu bar reading Sleep, Restart and Shut Down, a startup chime prompt, and draggable windows labelled About This YODO, The Catalog, Stockists, Origin and Instagram. Each window behaves like a Finder folder, listing files such as README.txt, SOURCING_TRIP.png and stockist_nyc.png with fake kilobyte sizes.

Shop templates drop the costume. Once a shopper clicks into the catalog or a product page, the interface reverts to a plain, conventional Shopify layout in black text on white. The retro treatment is confined to the homepage and its windows rather than applied throughout.

A kraft and near-black palette. The desktop background and footer run in a warm taupe close to #8a877e, text sits in a near-black #211F1A, and panels lighten to an off-white #F2F0EA. These tones match the kraft paper coffee bags photographed on the product pages.

Shopping Experience

The catalog reads like a spreadsheet. Inside its desktop window, the product list appears as a table of Name, Price and Order columns rather than a conventional image grid, before the shopper reaches the standard bag photography on the shop page itself.

A one-time or subscription choice at the buy box. Each product page offers a one-time purchase alongside a discounted subscription that auto-renews and can be skipped or cancelled, set directly beside the Add to Cart button.

Standard Shopify checkout. Express options for Shop Pay, PayPal and Google Pay sit above the card fields, with a summary column listing the single item and its subtotal.

Brand Storytelling

A joke file among the real ones. The desktop includes a decaf.txt document that cannot be opened, its tooltip reading “nice try,” a small aside on a brand that otherwise centers caffeine and freshness.

Surf report as sourcing metaphor. A widget styled as a morning surf report for Nosara sits beside the origin notes, tying the Costa Rican coastline directly to the sourcing story rather than treating it as decoration alone.

Notable Features

A Spotify window on the desktop. A Now Playing panel links out to a YODO Sessions playlist, framed as another open application rather than a simple embedded player.

Stockists as a card catalog. The store locator lists partners such as Happier Grocery in New York and Basquet in Miami in a record format, with fields for city, address and stock status rather than a plain list or map pin.

Yodo Coffee Shop Page Example

Yodo Coffee Product Page Example

Yodo Coffee Checkout Page Example

Yodo Coffee Footer Example

Motif

Motif’s website uses a polished, modern Shopify design with glossy product photography, cafe-inspired messaging, recipe content, reviews, and a clear direct-to-consumer shopping flow. The products focus on naturally sweetened coffee and tea syrups with 70% less sugar, including flavors like Cinnamon Babka, Vanilla, Pistachio, and bakery-style bundles.

Motif Shop Category Page Example

Motif Product Page Example

Motif Checkout Page Example

Motif Footer Example