01

Background

Based on the product positioning of Forest 2, we propose five "product keywords" to enable the team to effectively discuss and converge ideas on the visual perception presented on each page, and to make adjustments. This approach aims to maximize the contribution of visual elements to the user experience.
App Design
UI Design Lead

Product Designer
Aug 2022  — Oct 2022
02

Define

" How can we define the Visual experience which aligh with product value ? "

For Forest 2, we aim to develop a design system that fosters an atmosphere of motivation and companionship, crucially reducing stress for users while they focus.

Keywords

Based on the product feature positioning of Forest 2, we have proposed five "keywords" that enable the team to effectively discuss and converge ideas on the visual perception presented by each page, making adjustments as necessary. This approach aims to maximize the potential of visual design to enhance the user experience.

Concept Testing

We will conduct concept testing of the initial visual style during user interviews, asking users about their feelings and experiences with the new visual style. This will help us gauge user expectations for the visual style of Forest 2 and serve as a benchmark for further optimization.

Visual Proposal

Ultimately, we will consolidate the opinions of both the team and the users, selecting three key pages to apply and showcase the different key terms, as well as to capture the experience they convey. This will assist the team in aligning the overall visual style and tone, and also enable the team to converge ideas and facilitate discussions using the key terms.

03

Challenge

Since the core mechanism of Forest is to continually motivate users to focus through a gamified interface (by growing a forest with focused time), the visual style is extremely important in the presentation of the focus process pages. Consequently, the interface design must be clear and easy to understand, minimalist and clean, with intuitive operations, and possess a page style with stronger color compatibility compared to Forest.

04

Delivery

UI Guideline
As the core mechanism of Forest is to continually provide users with the motivation to focus through a gamified interface (by planting trees through focused time), the visual style is extremely important in the presentation of pages within the focusing process. Consequently, the interface design must achieve clarity and ease of understanding, simplicity, cleanliness, and intuitive operation. Additionally, it should have a page style with a stronger color compatibility than Forest.
05

Delivery

Design System
06

Result

As the core mechanism of Forest is to continually provide users with the motivation to focus through a gamified interface (by planting trees through focused time), the visual style is extremely important in the presentation of pages within the focusing process. Consequently, the interface design must achieve clarity and ease of understanding, simplicity, cleanliness, and intuitive operation. Additionally, it should have a page style with a stronger color compatibility than Forest.