Reviva Care Cosmetics is a German manufacturer of cosmetics and mediceuticals. In addition to their own high-quality products, the company offers product development, production, and distribution according to their customers’ specific requirements. The goal of the website was to have an elegant and modern presentation of the company’s services and products. Another goal of the company was to keep the brand image coherent.
1. CONSULTATION & BRAINSTORMING SESSION
Within one hour of the initial consultation, we went through a series of questions to figure out the company’s goals and needs. We also received a list of example websites for inspiration and better direction. We then worked out a proposal, project timeline, and a contract agreement.
2. Shaping The Brand and Creating The Icons
Based on the client’s wishes and the results of the competitor analysis, we made a mood board and a color scheme centered around a black and white theme. To give the brand a feminine touch for a better connection with the audience, we chose a gentle rose color that works well with a wide range of black and white shades.
Next, we designed a set of icons for the values of the company. We also ensured that the logo (which we had previously received from the client) was responsive, making it adaptable to different needs.
3. INFORMATION ARCHITECTURE, WIREFRAME & MOCKUPS
In order to start the website development, we sketched out a full site map with all the views and functionality preview necessary. Once it was finalized, we started to wireframe and design. This is an important process, as it includes the client’s experience of their customers’ buying behavior and needs.
4. DEVELOPMENT OF THE WEBSITE, Content Management & TRAINING
We set up a staging website and created user accounts for our client’s team members to start uploading content. It’s a great way to include the clear early into the website creation process and to teach content management in a safe environment.
The idea of the preloader is to build up interest and curiosity while a visitor is waiting for the assets of the website to load. It transmits the basic brand image, and from the technical perspective, it ensures that once the website is displayed to a visitor, the necessary assets are already loaded, and there won’t be any layout shift (which is the visual process that happens when a website is loading).
- Client: Reviva Care Cosmetics
- Location: Germany
- Year: 2020
- Our Role: Brand & Website Creation, Product Visualization
- Link: revivacare.de
- Tools & Tech: Figma, Adobe CC