Cuckoo App Design

 

01_header

 

 

ROLE: UX, UI & VISUAL DESIGNER

Conceived concept and idea for new app. Target User definition and Feature prioritization by means of User Research. Definition of user and screen flows. Paper, interactive as well as animated Prototypes. Usability Testing. Definition of UI Guidelines.

TOOLS & METHODOLOGIES

Interviews, A/B Testing, pen and paper, Invision, Principle, Sketch, After Effects, Photoshop & Illustrator

SHORT DESCRIPTION

Cuckoo App helps users to take control over the time spent on social media. The user can set an alarm for the time frame they want to spend on each social media account. When the user reaches the time limit he receives a Pop-up Notification. Furthermore the app allow users to generate an overview of all Social media Activity.

 

Alarm & Color Settings

…………

Social Media Activity Tracking

…………

Cuckoo Alarm

…………

 

Quian Quote

 

*

INTERVIEWS

To understand Quian’s behavioral patterns around social media, I gathered information on her regular daily activities and investigated how these activities were connected to her habits of checking social media on her phone.

*

 

 

 

*

PROBLEM

For Quian, the experience of reading a book on her phone is positive because she feels productive and conscious of the time she invests in the activity. Conversely, she tends to check her social media feeds unconsciously, and to lose track of time when consuming social media content.

*

problem

 

*

MAIN FEATURES

The main features of Cuckoo aim to help the user to be conscious of the amount of time they spend on social media. Users can:

*

 

 

*


FIRST PROTOTYPES & USER TESTING

 

*

Track Social Media Activity

Cuckoo Alarm Setting

Cuckoo Alarm Setting

Connect Social Media accounts with cuckoo app

social media

Cuckoo alarm notifications

 


*

UI GUIDELINES

The design principles and visual constraints of the app are based on the needs of target users and context in which the app will be used.

*

 

Logo

…………

cuckoo logo

 

Fonts

…………

cuckoo Ui guidelines fonts

Icons

…………

 

Colors

…………

 

Primary Color Palette

Primary Color Palette

Secondary Color Palette

Secondary Color Palette

 


color gradients

*

SCREEN FLOW

*


 

*

HAPPY USER

*

 


Skills: Motion Design, UX / UI Design
Client: Quian