iam

Web Design

Created in collaboration with Ryan Parajas and Hung Tsai

My team design a website about social and emotional competenices for Adobe Lemon Sprint. We wants to create a friendly website that allows users to recognize their emotions, values, strengths, and weaknesses. By doing this, users can have a better understanding of why they are feeling a certain way, which will help them manage their mental state, fix their issues, or seek help.

Timeline

5 days

My Key Contribution

Process

Understanding

Analyze

Share Experience

Research

Define

Brainstorming Ideas

Iteration

Persona

Lofi Storyboard

Branding

Illustration

Sketch

Final Step

Hifi screens Prototype

Submit to Adobe

Problem Statment

First, Adobe Lemon Sprint need each team to design a solution for just one of the following:

One direction

Our target audience is students. We shared our experience in high school with each other, and we realized that we shared very different yet similar experiences in high school. We all experience different levels of lioness. There were moments that we didn’t feel connected even with the world. we decide to focus on self awareness. we want to develop the interaction that doesn’t require users to answers tones of questions because we want to help students understand their emotions.

Self-awareness

Self-awareness is the area that leaders typically least enjoy or spend time on. They may see it as self-focused or a waste of time, but we can effectively work with others only if we get really good at knowing ourselves, our thoughts, our emotional reactions, and our tendencies. As a small step, try spending 60 seconds writing down what you think and feel before you start your day and at the end of the day. Are you fearful, worried, angry? Write down at least two prevailing thoughts running through your mind. You do not have to solve these or work on them for now—just know where you are.

Persona

This persona is based on my team’s personal experience.

Lofi Storyboard

Final Storyboard

Play Video

Branding

Wireframe- brainstorm

Illustration

Final Design

Environment Interaction

Result

"Iam" website was rated as the top project by the judges.

Final Thoughts

We are thrilled to share that our web design has a unique approach that resonates well with teenage students. Our design incorporates engaging visuals and fun interactive elements that keep users intrigued from start to finish. We believe that this not only helps our users stay engaged, but also fosters self-awareness and a deeper connection to our brand. It’s truly fulfilling to see our design making an impact on our target audience and we’re excited to continue to enhance their experience.