MockUp Image

02
GREEN GENERATION

GREEN GENERATION is an app designed to educate user about the carbon footprint and help them reduce their impact on the environment. By encouraging sustainable habits for environmentally responsible living, we aims to empower individuals to make eco-friendly choices in their daily lives.

greenie

Say hello to Greenie 🌱,
our mascot and your guide of
GREEN GENERATION.

Greenie will guide you through tutorial and learning sessions, and get ready for some friendly competition as you go head-to-head with Greenie in the quiz challenge!

tutorial
learning
quiz

Research & Analysis

What is the problem?

problem

Who would be main users?

perosna

Therefore, GREEN GENERATION will focus on

solution

Ideation

Based on the research, the team prioritized conceptualizing features for the app.
A brainstorming session was conducted to generate ideas, followed by the development of user flow.

Brainstorm

brainstorm

Userflow

user_flow

Design

Color

Green dominates the color palette, symbolizing nature and growth. Sunset Orange, activated on hover, adds dynamism. Sky Blue signals interface changes and successful actions, offering a contrast. Dark Olive and its tints ensure readable text and icons with strong contrast against green tones.

Sage Green
#ABCD9C

Warm Chartreuse
#C7D59F

Sunset Orange
#F7934C

Sky Blue
#5AA9E6

Dark Olive
#343633

Off White
#FAF9F6

Typography

Primary Typeface: Utilized a clean "sofia Sans" font with various styles for both heading and body text, offering a versatile and modern typographic experience.

Secondary Typeface: Employed "Righteous", a bold and stylish font, specifically for the logo and h1 tags. Its distinctiveness and size make it a visually impactful choice for key elements.

Illustrations and Animations

tap
tap

Validation

Learning

validation1

Quiz

validation2

The team brought the fully functional Green Generation app to life based on the final design. Join us for an app demonstration to experience its features firsthand.

;