Angenehm Nachhaltig

Online Platform About Sustainability – Website

Overview

The goal of this project was to design a website where authors can share knowledge about sustainability. 

Problem

There is no website on the market which focuses on easy sustainability. Things that can be applied in daily life without a lot of effort.

Solution

The authors focus only on easy tips and tricks about daily life sustainability. A big platform for everyone who wants to reduce their personal footprint on this world.

Users

The main persona is an adult between 18 and 60, is interested in a healthy life style, sustainability and environmental problems. He or she works in an office and has not a lot of time.

Key Features

A big collection of easy to apply sustainability tricks and tips and a database about useful information around environmental problems, sustainability, recycling and fair trade.

My Contribution

  • Analysis of the market
  • Researching personas
  • Define and create user flow
  • Wireframes
  • Prototyping
  • Feedback analysis
  • User interface design
  • Logo design
  • Illustration
  • Mockups

User Flow Diagram

I created user flows based on the brief, several user stories and a comprehensive research of personas.

Wireframes

After analysing similar apps and identifying the focus of the design, wireframes were created.

Moodboard

STYLE GUIDE

Color Palette

I used three main colors in an earthen tone. They represent soil and the earth itself. The almost white background surrounds everything in a clean environment. The berry color is used for accents of the interface.

Typography

I chose a one typeface solution to relax the energetic visual style of the illustrations and architecture. Montserrat is a very fitting allround font for this theme.

Heading

H1 Montserrat Regular, 36px

H2 Montserrat SemiBold, 30px

H3 Montserrat SemiBold, 24px

Body Text

P1 Montserrat Regular, 14px

I learned about serif and sans serif typefaces,
about varying the amount of space between
different letter combinations, about what makes
great typography great. It was beautiful.

P2 Montserrat Regular, 12px

I learned about serif and sans serif typefaces,
about varying the amount of space between
different letter combinations, about what makes
great typography great. It was beautiful.