logo

sustainability parcour

Landingpage

May 2019 / Uni assignment

Justpunch Screen Pictures

Briefing

For a design project in the 2nd semester, I needed to design a landingpage design for a sustainability parcour of Landesgartenschau 2020 in Ingolstadt.

My Role

Web Design

Icon Design

Illustration

Tools

Sketch

Adobe Photoshop

Adobe Illustration

duration

May 2019・1 month

Information Architecture

The goal of this website was to encourage locals to visit the sustainability parcour by arousing interest in sustainability.

In order to all site visitors can reach the access information, I have placed two buttons so that user can quickly jump to the map.

Justpunch Screen Pictures

Wireframe

Justpunch Screen Pictures

Color

Since the current menu navigation was to be retained, a rich orange tone and rich emerald green tone had to be used. The new orange and green colors were chosen because original colors appear too strong.

Justpunch Screen Pictures

Typography

I chosen the Font Skuhumtiv Set as the base font. It is friendly and goes well with the atmosphere of the illustrations. the second Font Tahoma is used for the number and "Q1" because Tahoma's number is clearer and more legible.

Justpunch Screen Pictures

Icons

Small icons have been created to help visiter's understanding.

Justpunch Screen Pictures

Illustration

Illustration also have been created to help visiter's understanding and make the site fun. This is an illustration of the process of making a t-shirt.

Justpunch Screen Pictures

Final Design

Justpunch Screen Pictures

Thank you.