Luseta Beauty is a brand of natural hair care products. Its website, made by Huemor agency, has a separate eStore section that follows the sleek and streamlined aesthetics and layout of the main site.
The white background serves as a clean foundation for the Nanum Gothic sans serif font and the brightly colored product photos that provide the necessary eye candy to the pages. Meanwhile, the sticky main navigation features the brand logo on the left, several main links in the middle and user icons on the right.
The eCommerce section features a large image signaling the current best deal. Shopping filters are on the left-hand side, while the products are showcased in three columns. The design of this page doesn’t feature any redundant frill that would take the user’s attention away from the products.
The actual product page consists of large photos on the left, product info on the right and a big black Add to Cart button.
The website of BeLive, a vitamin gummies brand, was developed and designed by Weby Agency. It has similar aesthetics to the previous entry: vivid images add liveliness to the white and light blue background elements, while Plus Jakarta Sans font delivers sturdiness and legibility.
Bold CTA buttons follow short bits of messaging to drive the shoppers down the conversion funnel. The benefits of taking these vitamins are communicated in colorful content boxes. User experiences and other case studies are also featured quite visibly on the site.
The actual eCommerce page filters the products by their type, availability, price and alphabetical order. The products are displayed in large images, in a three-column layout, complemented by user reviews and a price.
The product page features even more white space that emphasizes the large image on the left, the product info on the right, with price and Add to Cart standing out in color and size.
Trellis’s website for Slate Milk, a high-protein chocolate milk and latte brand, relies on custom typography, professionally shot images of products and very to-the-point copy to engage and convert customers.
The sporty nature of this particular product is reflected in numerous endorsements and reviews by top US athletes that provide social proof. A modest lineup of only three main products is featured throughout the website in photographs depicting everyday consumption: from work hours pick-me-up to post-workout “fuel.”
The shop features a large image of three Slate Milk flavors, the choice of different package types, variety pack, quantity and, once again, a black Add to Cart button against a light blue background.
User-generated content, such as product reviews and photos, is a major aspect of the product page.
Scattered content sections throughout the homepage
Shop section is all images, no names or descriptions
Nooo Agency from Padova, Italy is behind the exquisite website design for Choose fashion brand. Sporting a logo that follows the trends in the fashion industry, the website displays the creative nature of this vertical using a very minimalist platform.
Large fonts, a lot of white space, the main menu on the top right that opens across the entire screen and its unevenly scattered content elements are the cornerstone of Choose’s website layout. The auxiliary navigation on the left is sticky, while animated gifs and background videos provide a surprise factor to the user experience.
The eCommerce section displays the products in a 4-column layout with nothing but images – the name of each product appears as a vertical text once the user hovers over it.
Sweet Wine Club is, as the title suggests, an eCommerce brand that specializes in selling club memberships for Stella Rosa sweet wines. Seeing as 5forests branding agency’s expertise lies in the food and beverage industry, the task of creating this website was right up their sleeves.
Although, somewhat predictably, the website sports purple hues, the custom illustrations add orange as an accent color, forming a unique combo. The navigation is focused on the top right where the main links and CTAs are found.
The actual shop features lavish images of wine bottles in a three-column grid. Each product page features somewhat smaller images of a bottle, but with plenty of content describing the ideal food pairing, the production process and more.
Receive proposals from top website design agencies. It's free.
Shoppers can look at each product from every angle
Emperia, a developer of immersive virtual retail experiences, has delivered on its promise and mission by creating a unique UX for Harrods x Burberry online store.
Using a familiar 360-degree Virtual Tour layout, the eCommerce website offers a live retail store experience in the digital realm. Upon landing on the homepage, the user is prompted to enter the “premises” of this online store. Once they’re there, they are welcomed by virtual shelves full of handbags, presented in a celestial, classically-inspired fashion.
The user can move around this environment freely, between different store sections and adjacent rooms. The brand’s products are displayed in 3D on the shelves. Clicking on one opens a pop-up window with details about this particular product. The shopper can even take a closer look into each bag with an additional 360-look feature.
Codice Vino, a winemaking company from the Italian region of Abruzzo, has employed the services of Treeweb media agency to deliver a memorable UX right from the moment a prospect lands on the homepage. Custom font and a deconstructed winery logo appear above the fold, which assembles as the user scrolls down.
A hamburger main menu icon displays all over the screen when clicked. Shades of gold, ochre, silver and white complement the black and white photos of the picturesque region and the company’s figureheads. The elements on the page float in and out, creating a free-flowing, unique experience that engages the users.
The wine shop section opens with hi-res photos of flagship wine types — each containing specific bottles. The product page contains massive photos, its price, an Add to Basket button, a downloadable factsheet and some descriptions or info on tasting notes near the bottom.
Hai is a women’s fashion apparel brand. Their website, made by Special Offer creative agency, is a thing of modern retail. It uses images of different sizes, where products are laid out naturally, models posing casually, surrounded by a relaxed color palette and an overall laid-back approach to aesthetics.
Meanwhile, rudimentary, non-pretentious typography and minimalistic visual cues make way for a very easy-to-scan UX. CTAs use simple dotted line borders, while the only complex aesthetic element on the page is the glimpse of a video embedded in the background.
The main menu, which is at the top center where the website logo usually is, points to the shop portion of the site. Each product comes with a carousel gallery of professional images, a choice of size and color and a light blue Add to Bag button.
Little’s Coffee assortment of instant coffee, coffee pods, ground coffee and other products are displayed on a charmingly festive and user-friendly website developed by Kota creative agency. A sticky main menu shrinks when a user scrolls, while three flagship products and a simple messaging with a CTA complete the above-the-fold section.
A colorful display uses enough white space for each element to stand out on its own, while prominent, squared teal CTAs provide convenient shortcuts to the shop basket.
Product pages feature a large picture of each coffee, along with related products and an option to leave a user review.
3Saints is a THC brand whose website, courtesy of Polyform creative studio, is a stunning display of their marijuana-based products. The striking red and black color combo is both on-brand and visually stimulating, as is the string of motion effects that load the page as the visitor scrolls down the funnel.
Enormous photos and thematic messaging leave no doubt when it comes to the look and effect of the brand’s products. The main menu navigation reappears once the visitor scrolls back up.
The product pages follow the unconventional layout and are divided into multiple sections with messaging and imagery, focusing on the responsible use and effect of 3Saints’s assortment.
Cowboy's website, designed by Basic agency, relies on monolith structures and sections to display each vital piece of messaging. The above-the-fold look isn't reserved for the opening part of the website - the parts below follow suit with black, beige and grey as the main colors.
Large and close-up images of the brand's products permeate the slick, modern website, while readable typography makes skimming it easy and efficient. An effective showcase of Cowboy's app that accompanies every bike purchase uses subtle animations and micromovements.
The "Order Now" CTA button in the main menu, also repeated several times on the website, simplifies and accelerates the potential conversion of a prospect.
Elecbrakes is a manufacturer of electric brake controllers. Their website, courtesy of Redback Solutions, makes use of big, strikingly colored fonts, simple messaging and helpful looping videos that provide a visual aid to the user.
The royal blue and orange combo pleases the visitors' eyes as they land on the homepage, before moving down the funnel to find hi-res photos, product diagrams and looping gifs and videos that explain how it's mounted and used.
Large CTAs, customer testimonials and a sticky navigation menu provide a good UX from the standpoint of educating the audience and helping them reach the desired point of a website quickly.
Share your best designs for a chance to be featured on DesignRush!