Clean and Fresh: How important is a website design
I am a visual animal.
To be honest, one crucial component of my purchase is simply, that you have to look GOOD.
Or at least, look comfortable.
This might sound superficial (actually it is). However, we cannot deny human beings do have the tendency, the instinct to judge a subject by its outlook because we believe the appearance can give a sense of clue to explain the product/the brand itself — -sometimes a good design makes the best marketing.
In this case, today we are going to talk about clean beauty website design.
On the homepage, the background is purely white. A large almost full-sized banner stands across the webpage: BELIEVE IN GREEN MAGIC
HOME PAGE
The top menu summarizes all the key sections of the website.
In less than 3 seconds, a pop-up window jumps out with a 10% discount for the first order — a slight push for selling covered by benefit, not bad.
On the right, the latest arrival product serum is shown with green leaves on the back. Without further decoration, this promotional banner demonstrates the “less is more” aesthetics and the natural concept.
From the tagline below, the audience can tell the product is designed for sensitive skin, which is a skin type that can easily suffer from redness. Based on this knowledge, the UI design chooses a soft green banner to enhance the comforting feature of the product, and a click button states “shop the magic” to further persuade the audience to shop.
Placing the latest product on the front page is a good way to increase visibility.
PRODUCT PAGE
When the customer opens the banner, it takes approximately 2 seconds to redirect to the product page:
A vertical bar menu is shown on the left, from top to bottom, introducing the texture, Before and after image, function, and ingredients in turn
Scrolling down there is a question section to answer several potential concerns, and then the next part is reviews and related items that may boost another interest.
Step by step, the UX is clear and straightforward. The bar menu narrows out what the customer is most concerned about the serum: texture, effectiveness, and ingredients. By listing all that information, the website provides a sense of trustworthiness, and reviews from other customers make another push for the purchase.
DIVIDING SECTIONS
Back to the main home page, each section is divided by titles: best-seller, get started…etc.
Under the new product banner, the website offers a selection of functions for the customer to choose from. Instead of showing the corresponding product, the image presents the texture on small blocks, offering a sensory linkage that intrigues curiosity for exploration.
The best-seller section uses a white background to emphasize the product itself. Except for the name and price, there is no extra information to distract attention. The “add to cart” button leads to a shortcut for purchasing — -very straightforward.
The Get Started section categorizes the key products from face to body, single item to sets. The product image in this section is relatively colorful in order to create an impression of abundance, and also further increase visibility for all series of products.
At the end of the homepage, the brand slogan is placed with past collaborations. Credibility and brand equity are presented, highlighting the accomplishments of the brand.
What is UX?
The concept is always around the consumer.
From the consumer side, when it comes to skincare, besides effectiveness, consumers are most worried about safety. Herbivore Botanical captures this idea, its whole design is based on a non-invasive and consistently clean concept. Its UX and UI create a soft veil, abandoning commercial elements while presenting the product.
The shopping process is smooth and direct. Cutting out other distractions and making consumers less likely to hesitate about purchasing. A subtle color scheme and simple layout build up an easy-to-scan visual experience.
How do I feel? I just made my first order.