Archives: Websites

eCommerce Websites

Recess

Designed for women by women, Recess is a Philippines-based activewear and life-intervention-wear brand dedicated to producing quality yet affordable clothing.

M.Gemi

M-Gemi featured

M.Gemi sells shoes and handbags handmade by family-run workshops across Italy, with most items priced between about $200 and $600. The women’s range covers flats, loafers, drivers, sneakers, heels, boots and sandals plus totes, crossbodies and backpacks; the men’s side runs to sneakers, loafers, drivers, boots and boat shoes. The positioning is stated in one line: “We’re not just made in Italy, we’re Made By Italy.” Built on Shopify with a custom theme.

Website Design

Serif headline over a sans interface. Display type is 205TF Louize, a high-contrast serif, set against Poppins for body copy, buttons and navigation. Menu labels run lower case while promotional headers are upper case, keeping the two registers visibly separate.

Near-neutral by default. Theme variables resolve to black on white with two off-whites, a warm #F7F6F3 and a paler #F7F5F4, carrying most page grounds. A single red, #BB2832, is held back for sale and error states and a muted blue scale is reserved for the loyalty panels.

Editorial tiles instead of banners. The homepage stacks full-bleed photography under short upper-case labels such as “THE UNA FAMIGLIA”, “THE FELIZE” and “NOT YOUR AVERAGE SNEAKERS”, each with one line of copy and a shop link rather than a discount.

Shopping Experience

A two-track header. Navigation splits into Women, Handbags, Men and Sale. Each drop-down repeats three groups: EDITS for New Arrivals, Bestsellers and Gift Cards, then SHOES by silhouette and HANDBAGS by shape.

Prices on the grid, size on the page. The bestseller carousel shows name and price together, with The Una at $298, The Francesca Convertible Clutch at $278 and The Lisinda 35 at $378. Product pages ask for a size first, with a Size Chart link and a Fit Tip beside the selector.

Sold out becomes a waitlist. Where stock has gone the buy area swaps to a notify drawer, prompted on the page as “Select a size. If sold out, sign up to be notified.”

Provenance inside the product detail. Accordions cover Details and Materials alongside an Artisan panel naming the workshop and its city under the line “Handmade in Italy”, with a note labelled “Thoughts from Maria” beside them. Checkout is Shopify’s, with a PayPal express wallet and Klarna messaging.

Brand Storytelling

Family as the organising idea. An “All in the Famiglia” block lists the makers as fathers and sons, sisters and brothers, husbands and wives, then links to Meet Our Artisans rather than to a product.

Italian vocabulary throughout. Styles are named The Una, The Felize, The Lisinda and the Doppio, and the loyalty programme is Cliente Rewards, so the catalogue language matches the sourcing story.

Notable Features

Service terms repeated under every product. Three tiles state free shipping and easy returns, exchanges that ship as soon as the return is posted, and delivery within days.

A staffed contact block. A “Let’s Talk” panel gives hours of Monday to Friday, 9am to 6pm ET, a phone number, an email address and a chat link above the footer.

Segmented offers in the footer. Refer a Friend and Cliente Rewards sit beside a dedicated Healthcare, Military and Teachers page, plus wholesale and affiliate routes.

Snow Peak

Snow Peak USA sells Japanese designed camping gear, campsite furniture and outdoor apparel, including the modular IGT Camp Kitchen system, to campers who want “heirloom quality gear” over disposable alternatives. The seven item nav, New & Featured, Tents & Shelters, Campsite Living, Camp Cooking, Apparel, Experiences and Journal, sits above a 47 product Bestsellers grid, and the brand backs its 60 year history with company owned stores in Portland, Seattle and Brooklyn plus its own Takibi restaurant and Campfield campground.

Website Design

Inter, set small, throughout. Body copy, navigation and product cards all run on the Inter sans serif, giving the site one consistent typographic voice rather than a separate display face for headings.

A rust red mark against near black. The brand accent is a burnt rust red used sparingly for sale tags and links, set against near black text on an off white ground, a muted, outdoors leaning palette rather than a bright one.

Wide hero photography, then a dense grid. The homepage opens on a full width photograph of a tent and shelter setup in a forest clearing, then drops straight into a four column product grid with no further storytelling before the shop begins.

Shopping Experience

A filtered, four column catalogue. The Bestsellers grid filters by price, colour swatch and capacity, and every card shows a star rating with a review count, a Sold Out label or a Save percentage where relevant.

A related products rail on every item. A product page such as the Amenity Dome Medium in Ivory pairs full bleed lifestyle photography with a Related Products sidebar, a pickup availability note, and a Lifetime Guarantee badge alongside free shipping and returns icons.

Three way express checkout. Shop Pay, PayPal and Google Pay sit above a manual card form, with PayPal and Klarna offered again as alternate payment methods, and a black Pay now button closes the order in USD.

Brand Storytelling

Heritage stated as a number. The homepage tagline credits 60 years of craftsmanship and modular design, tying the company’s age directly to its durability claim rather than a separate history page.

The brand extends past the product. Footer links to Snow Peak Campfield and Our History sit next to Careers and Affiliates, and the company positions its restaurant and campground as part of the same outdoor life its gear is sold for.

Notable Features

A points based loyalty program. Customers can log in or sign up to earn and redeem points at checkout, with the offer repeated on the account and checkout screens.

Native apps and physical stores. The footer links to Google Play and App Store downloads and lists three named store locations, extending the brand beyond the Shopify storefront itself.

A gift card sits in the main shop nav. Rather than tucking gifting into a help page, Gift Card appears as its own entry in the Shop column alongside New Arrivals, Tents & Shelters and Camp Cooking, treating it as a standard product line.

Snow Peak Shop Category page example

Snow Peak Product page example

Snow Peak Checkout page example

Snow Peak footer example

Ministry of Supply

Ministry of Supply is a Boston-founded performance workwear brand selling machine-washable men’s and women’s shirts, suits, blazers, bottoms and travel-ready carry pieces built from technical fabrics, running on a Shopify storefront. Prices captured on site run from about $150 for a dress shirt upward, and the footer states the brand’s premise directly: apparel “engineered around the human body, how it moves, and the climate it moves through.”

Website Design

A near-monochrome system. Colour custom properties in the stylesheet are named ms-ink, ms-graphite, ms-mist and ms-steel alongside pure black and white, and the shop itself reads as black text on a white ground with a solid black footer band beneath it.

Sk-Modernist across the type. Headings and body copy are set in a face named Sk-Modernist in the underlying CSS, a plain grotesk that keeps product names and technical copy legible at small sizes.

A gradient breaks the palette once. The one departure from black, white and grey is a purple-to-blue gradient used on the “Buy with Shop” button beneath the main Add to Cart button on product pages.

Shopping Experience

A dense filter sidebar. The Men’s Shirts category page lists Category, Fit, Size, Style, Price, Color, Fabric and Availability as filter groups down the left rail, above a three-column grid where each card carries a red Ships Now badge, a star rating and colour swatch dots.

Trust icons under the buy box. The AeroZero Dress Shirt page places icons reading Machine Washable, Iron-Free, Quick Dry and Two-Day Travel Ready beneath the size selector, ahead of accordions for a founder video, Engineer’s Notes, Fit, Care, and Returns and Payments.

Engineered-detail panels below the fold. Four two-column blocks under the heading “Built into every stitch” pair a product photograph with a claim and a short paragraph: Business-Class Comfort, Quick Dry, Carry-On Only, and Machine (and Hotel Sink) Washable.

Four express buttons and a loyalty banner at checkout. The checkout offers Shop, PayPal, Amazon Pay and Google Pay as express options, a green Free Shipping Unlocked banner, a points balance reading Complete this purchase to earn up to 150 Points, and a Verify with ID.me button offering a discount to healthcare workers, first responders, government employees, military and teachers.

Brand Storytelling

A press strip with a pull quote. Above the footer, GQ, The New York Times and Fast Company logos sit over the quoted line, “It’s office attire upgraded to be sweat-wicking, odor-reducing, and ultra-stretchy. We dig it.”

Research folded into the footer nav. The About & Help column lists Our Story, Innovation and Labs + Co-Labs beside ordinary support links such as FAQ and Returns, treating product research as part of the same navigation group as customer service.

Notable Features

Identity-based discount verification. The checkout’s ID.me integration lets eligible shoppers verify their status and apply a discount inline, rather than through a separate code.

A founder video inside the product accordion. One collapsible section on the product page is labeled as the founder explaining the fabric, unlike the other accordion labels around it.

Contact details styled as a slogan. The checkout’s trust panel lists a phone number as “909-Apollo-3” beside a support email, styling a functional contact detail as brand copy.

Ministry of Supply Shop Category page example

Ministry of Supply Product page example

Ministry of Supply Checkout page example

Ministry of Supply footer example