SOE Clothing
An online store for heavy duty clothing and outdoor gear. We designed a bold black and orange store, with a hero slide beside a customer login panel, a category menu, featured product cards, a promo banner and a wall of brand logos.
- Client
- SOE Clothing
- Industry
- Workwear and outdoor gear
- Specialism
- Heavy duty clothing
- Style
- Black and orange
- What we did
- Store design
The brief
SOE Clothing sells heavy duty clothing and gear online: jackets, trousers, boots, torches, knives, rucksacks, sleeping bags and tents, from brands such as Tranemo, Blaklader, 5.11 Tactical, Gerber and Magnum.
The design had to feel tough, make the six product categories easy to reach, and keep sign in, search and the cart close at hand.
A three tier header built for shopping
A thin top bar holds a welcome message and account links. Below it, the logo sits beside a search field with an orange button, a phone number for general queries and the cart. An orange home button, six category links and an orange Contact button make up the menu bar.
A hero slide beside a login panel
A snowy mountain photograph shows a high vis parka and a dark jacket under bold headline type, with a dark Shop now button. Beside it, a dark Registered customers panel holds an email and password form, and an orange New customers panel with a Create an account button sits just below.
A welcome panel and a category menu
A white panel opens with an orange Welcome to SOE Clothing heading, a short intro and a Read the full story button with a line running out from it. A wide banner below it advertises sleeping bags, tents, bags and clothing over photos of real gear. On the right, a dark Shop by category panel lists six categories as orange buttons with arrows.
Featured product cards
Four white cards sit on a pale grey background, each with a large product photo, a name, a bold orange price and a heart for the wishlist. An outlined Add to cart button and a Share link sit at the bottom of every card, and one heart is filled in to show a saved item.
A promo banner with a code
A dark banner puts the Save big on knives headline in large white type over a knife photograph. A promo code, an expiry date in orange and an outlined Shop now button sit on the right.
A wall of brand logos
Eight brand logos (Tranemo, Blaklader, 5.11 Tactical Series, Gerber, Artex, Magnum, Peli and Pencarrie) sit in two rows of four on the pale background. They are all shown in the same muted grey, so the wall looks consistent.
A call to action and a full footer
An orange band with a mountain silhouette invites visitors to get in touch, with a wide email field and a Subscribe button. The black footer has five columns with orange hexagon markers: Order tools, Categories, Info, Support and the company address. Social icons, payment logos and a copyright line close the page.
Colour and type
Black and dark grey form the header, the login panel, the category panel and the footer, so the gear in the photos stands out. Bright orange marks the menu, the buttons, the prices, the headings and the sign up band, and the page itself is pale grey with white cards.
The logo and the promo headline use a heavy, condensed sans serif in capitals, while headings and body text use a clean, rounded sans serif.
Want a store like this?
Tell us what you sell and we will design it, build it and launch it for one fixed price.