Archives: Websites

eCommerce Websites

Element

Element is a skateboard brand founded in 1992 that now sells skate hardware alongside men’s, women’s and youth clothing, footwear and accessories. The store describes itself as “a streetwear brand with Skateboarding at its roots”. It runs on Salesforce Commerce Cloud with a region switch covering seventeen countries, each a localised storefront, and product pages name the loyalty scheme as the Boardriders Europe programme.

Website Design

Greyscale with a single brand red. The interface is built on a near black #181818 and a grey ladder through #565656, #8B8B8B, #E5E5E5 and #F8F8F8. Red #B12534 carries the logo and sale flags, with green #039855 held back for stock states.

Poppins for everything, one display face above it. Poppins sets navigation, body copy, prices and buttons across the whole site. A second face, Styleash Global, appears on campaign headings, and an in house icon font handles the interface glyphs.

Editorial blocks in place of a homepage feed. The homepage stacks full width campaign panels, collaboration tiles and a skateboard section split into Complete Skateboards, Decks and Wheels, then hands off to filtered category pages rather than showing product cards.

Shopping Experience

A deep catalogue with deep filters. Men’s clothing alone returns 514 results. Filters cover colour, size, type of product, a price slider spanning 4.00 to 176.00 pounds, and a sustainability group of Organic, PFC Free and Recycled. Sorting offers price and best sellers.

Tiles carry four signals at once. Each card shows a New arrival flag where it applies, a number for available colourways, a material tag such as organic cotton, then the product name, a one line descriptor and the price.

Product pages front load compliance and delivery. A polo page shows the price, a size row from XS to XL, an out of stock state on the selected colour, an Eco-Bonus loyalty line, a dated delivery estimate, an Environmental Footprint panel and a features block listing style code, fabric weight and fit.

Membership is the shipping offer. Free shipping and free returns are attached to the My Element programme rather than to an order threshold, returns run to thirty days, and return labels are free for members.

Brand Storytelling

Skateboarding is kept structurally, not decoratively. Skateboards is a top level menu holding Complete Skateboards, Decks, Wheels, Bearings, Trucks, Grip Tape and Flat Bar and Rails, sitting beside Team, Blog, Lookbook and a set of Product Guides.

Sustainability behaves as a filter, not a manifesto page. Conscious By Nature appears as a shoppable collection inside men’s, women’s and youth, then returns as a filter facet and again as a per product material tag.

Notable Features

A seventeen country region switch in the footer. Countries are grouped as Americas, APAC and Asia, and Europe, with each entry leading to its own storefront and currency.

Collaboration ranges get navigation, not banners. Element x Floor, Element x Timber, Element x Gabriel Alcala, Icon and Lowcase are menu entries inside the gender categories rather than homepage tiles.

Service is routed before it is asked for. A Need help panel gathers order access, shipping, returns, payment, gift card and data protection links, with a live chat entry and an FAQ beneath it.

Kokontozai

Started in Soho, London in 1996, the Kokon To Zai Multi-brand and music store destination quickly became a creative hub of activity, and gained a following for the unique pieces it sold.

nodpod

Nodpod sells weighted sleep and wellness accessories built around a Deep Touch Pressure premise, led by a weighted eye mask and extending into a weighted body wrap, silk pillowcases and smaller accessories, aimed at buyers seeking stress relief and better sleep. Built on Shopify.

Website Design

Assistant carries both headings and body. The site uses a single typeface, Assistant, across display and running text, a restrained choice that keeps headline and body type close rather than contrasted.

An off-white base with muted accent color. Pages sit on a warm off-white ground (#fafaf9) rather than pure white, with body copy in a soft charcoal gray, letting color arrive mainly through product swatches rather than a fixed brand hue.

A wide, muted palette across variants. Product swatches span sage green, blush pink, sand, mustard, muted purple, olive and deep brown, a range wider than most single-product sites, used to differentiate mask and pillowcase colorways.

Shopping Experience

A narrow core range with one extension. The Sleep Masks category holds the Nodpod Weighted Sleep Mask at $38 and the Mineralized Silk Weighted Sleep Mask at $68, with a body-worn extension, Nodpod BODY, priced at $92.

Reimbursement account support built in. Products are marked HSA and FSA eligible through Truemed at the point of purchase, rather than a policy mentioned only in an FAQ.

Standard thresholds stated plainly. Free shipping applies above $75, with a 30-day return guarantee stated in the same policy block, both common terms for a mid-priced accessories brand.

Brand Storytelling

Deep Touch Pressure as the scientific anchor. Copy repeatedly returns to Deep Touch Pressure, the sensory principle behind weighted products, used to justify both the eye mask and the newer Nodpod BODY wrap.

Trademarked descriptors used as taglines. The site refers to its mask as “The Weighted Blanket For Your Eyes” and the body product as “The Weighted Pod For Your Body,” both carrying trademark marks and functioning as explainer taglines rather than plain product names.

Founder and cause signals in the navigation. An About dropdown separates Our Story, Sustainability, Impact and Sleep Science into individual pages, and the footer states the brand is female-founded, with 1 percent of proceeds directed to mental health causes.

Notable Features

Press mentions used as social proof. The homepage cites placement in Allure, Vogue and the Wall Street Journal, a media-credibility signal rather than a customer review count.

Care instructions doubling as reassurance. The masks are stated as machine washable and the silk pillowcase line carries its own material and care notes, addressing a common hesitation with fabric-covered weighted goods.

OEKO-TEX certification stated on the product. Textile safety certification is stated as fact on the product pages rather than shown only as a badge, tying back to the wellness positioning of the goods themselves.

nodpod Shop page example

nodpod Product page example

nodpod Checkout page example

nodpod footer example

Dick Moby

Dick Moby is a Dutch eyewear brand based in ‘s-Hertogenbosch, selling sunglasses and prescription eyeglasses made from biodegradable acetate, recycled acetate and recycled metal, handmade in Italy and fitted with ZEISS lenses. Frames run from about 109 euro in the sample sale to 275 euro in the current collection. The position is stated in the page title itself: waste nothing, see everything. Built on Shopify.

Website Design

Avenir doing all the work. Both the heading and body families resolve to AvenirLT Pro Roman, one geometric sans in a single weight, with Assistant as the fallback. There is no display face and no serif in the system.

Dark navy ink on cream. Base text is set at rgb(22, 25, 58), a deep navy rather than black, against off-white grounds of #FCFAF6 and #FCFAED. A teal #005F7C and a green #00B495 appear on the mission content and nowhere in the shop.

Menus that explain as they navigate. The Sunglasses drop-down carries a lens panel inside it, stating that every pair has full UVA and UVB protection with anti-scratch and anti-reflective coating. The panel repeats in the mobile menu and in the eyeglasses drop-down.

Shopping Experience

Three filtering axes in one menu. Sunglasses and eyeglasses each split into men’s and women’s, then into shape (aviator, round, square, cat-eye, hexagon, oversized), then separately into material. Material sits beside shape as an equal way in.

Colourways sold as separate products. Each finish is its own listing rather than a swatch on a shared page: Sydney in Dusk sky and Sydney in Milky Espresso are two products at 268 euro each.

What comes in the box, stated in the listing. Every description ends with a fixed block naming the ZEISS lenses, a free recycled leather case and a free recycled PET pouch, then free shipping, a 30 day try at home and a full refund with no questions asked.

Measurements as plain numbers. Lens, nose and temple widths are given in millimetres on the product page, beside a virtual try-on control placed with the image gallery.

Brand Storytelling

A mission section with figures attached. The homepage quantifies impact per thousand frames produced: 924kWh of energy, 263kg of CO2 and 5,000 litres of water saved against an industry average, credited to an external researcher working from the Ansys Granta Materials Data Library.

Certificates listed one by one. Bio-acetate as Mazzucchelli M49 tested to ISO 14855, recycled metal to Recycled Claim Standard 2.0, the ZEISS bio-nylon lens to REDcert2, the PET pouch to SCS Recycled Content and the leather case to OEKO-TEX each get a line.

A release schedule used as an argument. The brand states it runs one collection a year, reasoning that more frequent launches leave overstock in its warehouse or in the customer’s wardrobe.

Notable Features

Virtual try-on in the product gallery. A TRY ON control sits with the images rather than in a separate tool.

B2B portal in the top navigation. Wholesale access sits beside Stores and Contact instead of being buried in the footer.

Trustpilot near the cart. The rating widget sits by the cart drawer, not only on the homepage.

Dick Moby Shop Category page example

Dick Moby Product page example

Dick Moby Checkout page example

Dick Moby footer example

The Great Divide

The Great Divide is a menswear and lifestyle retailer selling a curated mix of heritage and contemporary brands, from Barbour, Red Wing and Pendleton to Frizmworks, Lady White Co. and Beams Plus, on a Shopify storefront. The range spans outerwear, knitwear, denim, boots and trainers, bags, hats and a small run of home goods, aimed at buyers who want a single stockist for both established workwear labels and smaller independent names.

Website Design

Navy and a single red accent. The interface pairs a dark navy used for headings and brand elements with a red reserved for accents and calls to action, set against white and light grey page backgrounds. The palette stays close to two colours rather than expanding into a full brand system.

A rounded sans-serif throughout. Nunito, a rounded sans-serif, is used for the visible interface type, giving the site a softer edge than the heritage brands it stocks might suggest.

Brand logos used as navigation, not decoration. A grid of roughly a dozen partner logos appears on the homepage and doubles as a way into each brand’s dedicated shop-in-shop, rather than sitting purely as a trust signal.

Shopping Experience

An alphabetical brand directory. Beyond standard category links, brands are browsable in four alphabetical bands, A-F, G-N, O-R, S-Z, a structure that assumes shoppers often arrive already knowing which label they want.

New arrivals led by boots. The New Arrivals grid at the time of research was dominated by Paraboot boots in the 300 to 450 pound range, with a dedicated New In Barbour section running underneath for wax jackets.

An outlet kept structurally separate. Discounted stock sits in its own Outlet section rather than blended into New Arrivals or brand pages, so full-price and reduced items do not compete for the same shelf.

Brand Storytelling

A journal instead of a blog label. Editorial content runs under the name TGD Journal, with pieces such as a history of the New Balance 574, positioning the retailer as a source of product background rather than only a seller.

Newsletter framed as membership. Email signup is pitched as joining the TGD Union rather than a plain subscribe box, offering 10 percent off the first order in exchange.

Notable Features

A very wide country and currency selector. The footer offers localized pricing across more than 190 countries, a scale of international support unusual for a retailer of this size.

Cryptocurrency accepted at checkout. Payment options list 13 methods including USDC alongside the standard cards and digital wallets, a detail that stands out against an otherwise traditional payment set.

A named personal email in the footer. Customer contact is listed as a named individual’s address rather than a generic support inbox, keeping the brand’s small-team positioning visible even in the site’s utility areas.

The Great Divide Shop Category page example

The Great Divide Product page example

The Great Divide Checkout page example

The Great Divide footer example