In a mood – Website Case Study
The objective of this web design project was to create a website for a supplement brand focused on promoting better sleep and relaxation. The brand’s core philosophy was centered on using only healthy ingredients and promoting transparency in its products. The website was designed to include a shop that would allow visitors to purchase the brand’s products online. The goal was to create a clean and minimalist design that reflected the brand’s values while also conveying a sense of calmness and relaxation.
“The light motif is a hand-drawn line that connects different sections of the website. This line is meant to convey a sense of organic movement and flow, in line with the brand’s .”
The balance between a medical and natural vibe was a critical aspect of the design approach for this project. The client wanted to convey a sense of professionalism and trustworthiness, which is often associated with the medical industry, while also emphasizing the use of natural and environmentally friendly ingredients.
To achieve this balance, I carefully selected a color palette and typography that communicated a sense of calmness and clarity. The color blue, which is often associated with trust and dependability, was used in a muted tone to create a soothing and professional atmosphere. The typography was chosen for its simplicity and legibility, with a sans-serif font that conveys a clean and modern look.
At the same time, the use of organic hand-drawn illustrations and a natural, textured background added a touch of warmth and a connection to the natural ingredients used in the products. This balance between the medical and natural elements created a unique and harmonious design that appealed to both the client’s desire for a professional look and their commitment to environmental sustainability.
The minimal approach to the design also played a crucial role in balancing the medical and natural vibe. I focused on simplicity and clarity, using a minimalist design to emphasize the purity and simplicity of the products. This approach helped to communicate the client’s commitment to natural, high-quality ingredients and their desire to provide customers with a clear and concise message about the benefits of their products.
The use of high-quality images and simple yet elegant typography adds to the overall aesthetic appeal of the website.
The website also incorporates the brand’s core philosophy of transparency by providing all the necessary information about the products, including their ingredients and their benefits. The brand’s mission statement is prominently displayed on the homepage to emphasize the importance of transparency.
Colors
Blue: The color blue is often associated with calmness, serenity, and tranquility. It has a calming effect on the mind and body and is believed to lower blood pressure and reduce anxiety. Blue is often used in web design to create a sense of trust, loyalty, and professionalism. The shade of blue used in this website’s color scheme is a light, muted blue, which helps convey a sense of calm and relaxation.
Green: Green is a color that is often associated with nature, growth, and harmony. It has a calming effect on the mind and is believed to promote relaxation and reduce stress. Green is often used in web design to create a sense of balance and harmony. The shade of green used in this website’s color scheme is a muted, soft green, which helps create a calming and soothing atmosphere.
Beige: Beige is a neutral color that is often associated with simplicity, purity, and transparency. It is a color that can convey a sense of honesty and openness. Beige is often used in web design to create a sense of clarity and to promote transparency. The shade of beige used in this website’s color scheme is a light, muted beige, which helps convey a sense of transparency and openness.
“Did you know that the colors used in web design can have a significant impact on how users perceive a brand or website? In fact, research has shown that up to 90% of an individual’s initial judgement of a website is based on its color scheme alone..”
In conclusion, the color scheme was carefully chosen to create a sense of calmness, relaxation, transparency, and professionalism. The combination of blue, green, and beige helps create a soothing and calming atmosphere, while also conveying a sense of trust and transparency. The choice of muted shades for each color also helps create a sense of subtlety and elegance, which is in line with the minimalist design of the website.
Light Motif:
In addition to the color scheme, there is also a light motif that adds to the overall aesthetic appeal of the website. The light motif is a hand-drawn line that connects different sections of the website. This line is meant to convey a sense of organic movement and flow, in line with the brand’s emphasis on using natural and organic ingredients.
The hand-drawn nature of the line also adds a personal touch to the website, conveying a sense of warmth and approachability. This is particularly important for a brand that is focused on promoting relaxation and better sleep, as visitors may be looking for a sense of comfort and reassurance.
The line is used to highlight different sections of the website. It adds a sense of visual interest and helps guide the user’s eye through the website. The use of a light shade of blue for the line also helps tie it in with the overall color scheme, creating a cohesive and harmonious design.
In conclusion, the light motif used in this project adds to the overall aesthetic appeal of the website and helps reinforce the brand’s message of using natural and organic ingredients. The hand-drawn nature of the line conveys a sense of warmth and approachability, while its organic movement and flow create a sense of relaxation and tranquility.
Iva Petrovic
UI/UX Designer
Leave a comment