Reviva Care Cosmetics

  • Revivacare Cosmetics

    Project Info

    • Client: Reviva Care Cosmetics
    • Location: Germany
    • Year: 2020
    • Our Role: Brand & Website Creation, Product Visualization
    • Link: revivacare.de
    • Tools & Tech: Figma, Adobe CC
  • Revivacare Cosmetics

    Client’s goal

    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.

  • Reviva Care - Composition 1

    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.

  • Reviva Care – Composition 2

    5. Product page

    The website was scheduled for publishing before the sales start, so we set up WooCommerce for product information display first.

  • 5. Preloader

    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).

  • 6. Product Visualization & Photo Editing

    We also organized the product visualization and photo editing services according to the client’s needs.

  • 7. Brand collateral – Business Card

    We designed the business card template with regard to business growth so it could be used for any future employee.

  • 8. Brand collateral

    The project is ongoing and we continue creating more collaterals.