Amarelo

2021 Lemon Sprint Adobe hackathon, Bronze winner.

Overview

We were asked to produce a journey map using Adobe XD identifying emotional triggers and solutions for those triggers. 

Role

Research, UI/UX, Visual Design, Prototyping.

Goal

Our goal is to design solutions to help students discover more about their emotions, triggers, and develop their emotional comprehension.

Duration

1 week (June 1-5, 2021)

Tools

Adobe XD, Photoshop, Adobe Rush & Illustrator.

Collaborator

homepage-screen

System Map

We then created a Systems Requirement Chart using the MoSCoW method (Must have, Should have, Could have, and Won’t have), which is a prioritization technique used to determine which features are the most essential to the function of the application. These requirements, with the timeframe in mind, then informed the system map.

Amarelo_site-map

Low - Fidelity Wireframes

Screen-Shot-2021-06-24-at-10.40.34-PM

Visual Design

The proposed digital solution is named Amarelo, Amar means love, and Elo means link in Portuguese, representing the collaborative aspect of the solution. Because the theme we chose to explore was SOCIAL AWARENESS – to understand others’ emotions and show empathy for others.

visual-design_amarelo_typo
visual-design_amarelo_buttons
visual-design_amarelo_color
visual-design_amarelo_illustrations

Walkthrough

2-screens