top of page

Light Quotes App

overview

CONTEXT

 

In the context of our design project, it's crucial to recognize the growing significance of quotes. Over recent years, there's been a surge in the desire for inspiration and empowerment, particularly in the face of today's challenges. Quotes have evolved into an integral part of our daily lives.

As human beings, we're inherently aspirational. As the "Mantras Matter" article aptly puts it, quotes serve both personal satisfaction and can reflect our social status or individual preferences.

When individuals navigate the complex landscape of their emotions, they often find themselves in solitary moments. In these instances, quotes serve as invaluable tools, empowering individuals to harness their emotional energy and regain momentum.

CHALLENGE

The project was driven by the necessity to create a new product targeting young adult users seeking a consistent source of empowerment, inspiration, and motivation.

 

The existing apps in this space present a significant challenge due to their excessive complexity, leading to choice paralysis among users. The surplus of features often results in a loss of momentum for the much-needed energy boost.

 

Moreover, the overwhelming abundance of unorganized quotes on social media further complicates the situation, leaving users unable to easily access the inspiration they seek. Our challenge was to design a solution that addresses these issues and provides a user-friendly, organized, and empowering experience for the target audience.

ROLE
Research / Concept /  UI/UX for Mobile / Illustration / Visual Design 

TEAM

Lina Yohay (UI/UX and Visual Designer)

Sylviane Rabi (Positive Psychology)

Luis Bustamante (Code and Engineering)

TOOLS
Figma / Miro / Zeplin

CLIENT
Young + Minds
Code Ara Design Studio
Belgium

YEAR
2019-2023

How might we empower people to achieve their goals with an inspiring tool?

OUR APPROACH

Our team was eager to discover how and why young adults between 20 to 40 use quotes on a regular basis. In addition, we needed to assess the short-term emotional impact of the quotes as a tool for achieving a long-term goal and dealing with daily challenges so that we could use this data for building our app.

We wanted to:

 

  1. Create a simple, user-friendly, and effective app.

  2. Discover new techniques to build more engaging and customizable quote designs that can be shared via the app or social media.

  3. Allow users to be motivated and empowered to continue their daily journey while receiving an emotional boost.

My design process for this project was structured around four key steps.

discovery >> ideatION >> design >> testing

Discovery:
Research and Analysis

The research and analysis for this project primarily revolved around uncovering users' emotional needs and objectives when engaging with quotes. We were particularly interested in discerning the diverse contexts in which quotes are employed and the underlying motivations for sharing them. Additionally, we sought to evaluate the immediate emotional impact of quotes in relation to long-term goals and everyday challenges.

Based on insights gathered through user interviews, it became evident that quotes serve as potent sources of inspiration, energy, and motivation for individuals. They function as an emotional energy boost with a rapid and tangible effect on users.

16 Interview.jpg

THE USER

We set our target into two groups: 1) Young working professionals 30 to 40 years old,  with or without kids, and 2) College students in their 20’s.

Persona 1

courtney-cook-unsplash.jpg

“ I like to see how others perceive life through quotes.”

Maria Sierra

26 / Female / Single / Student / Tel Aviv

As an art student, Maria likes to understand the perceptions of others through visual images or the quotes they post on Instagram. 

 

She posts quotes on her Social Media twice a week and looks for different ways to stay inspired. She makes quotes' illustrations and finds sharing them useful as a tool to communicate her feelings and empower others.

Goal

Find inspiring quotes without having to choose from many sources.

 

Pain Point

There are too many topics to choose from in the Quote Apps that she uses, and she gets lost in her decisions to post, spending more time than what she has available.

ed-pylypenko-unsplash.jpg

“ Reading a positive quote every morning empowers me to continue my daily routine.”

Pablo Porto

32 / Male / Married with 1 small child / Marketing Manager / Madrid

As a Marketing Manager has a hectic schedule and uses different apps to keep his mindset on track. He meditates early in the morning and likes to use quotes with his team to inspire them in their personal and professional lives.

Goal

Get empowered every day through practical tools.

 

Pain Point

There is no time to read books searching for meaningful emotional boosters. Social Media showcases many quotes but finding the correct section takes too long.

Persona 2

INTERVIEW NOTES

The Quotes Survey drew 50 responses from young individuals. The following is an example of 5 of them and their comments on how they interact with quotes.

1 Interview Notes.jpg

THEMES AND OPPORTUNITIES

After evaluating and analyzing all of the responses, we divided them into eight categories to gain insight into the quotes' influence on the participants.

2 Interview Synthesis Sections.jpg
27 Quote.jpg

KEY FINDINGS

*

People feel inspired, empowered, and motivated by the use of quotes.

*

Quotes work as an emotional energy boost that has an immediate effect.

*

Quotes are transformed into metaphors and mantras, making them easier to learn, remember, and use in many contexts.

*

In a few words, quotes convey a clear message. As a result, unless they are seeking for anything specific, consumers don't spend much time utilizing quotes.

*

Participants get involved by using quotes on social media to introduce themselves, share an opinion, and communicate deep thoughts, feelings, and convictions in a few words.

*

Quotes are used at least once a week as a powerful quick tool for receiving or transmitting a message that has an impact on a positive experience, and they like to use it for themselves or share it with others.

Ideation

During this phase, we engaged in a collaborative brainstorming session to generate innovative design ideas and features that would seamlessly integrate our research findings. This ideation stage marked the initial step in the process, which was then followed by feature prioritization and the development of a feature prioritization matrix.

Feature Ideation

3 Features.jpg

Feature Prioritization Matrix

5 Feature Prioritization Matrix.jpg

Feature Prioritization

4 Complexity Effort.jpg

CONCEPT AND SKETCHING

As an integral part of the UX process, I generated a wide array of concepts through techniques such as Crazy 8's, brainstorming sessions, and eventually translated these ideas into Digital Prototype Iterations. This approach was instrumental in enhancing our chances of uncovering the most viable solution within our chosen design direction.

Crazy 8's

11 Crazy 8.jpg

Brainstorming

12 Sketches.jpg

Pizza Quote

Categories with icons

Quotes' spiral

3 Quotes categories

Quote Meal

DIGITAL PROTOTYPE ITERATION

18 digital prototype iteration.jpg

Design >
Low Fidelity

In the development and incorporation of the Light Quotes features, I determined that the app should encompass four fundamental Quote categories to facilitate swift selection. Additionally, I prioritized making the new product both editable and shareable for enhanced user flexibility.

17 Splash screen and signup.jpg

Splash Screen and Sign up

17 Categories.jpg
17 Login and welcome.jpg

Login and Welcome Screen

Categories, quote customization, and sharing

FLOWCHART

At this stage, my aim was to consolidate and organize all the content accumulated during the research phase. With a well-established project concept and a deep understanding of both users and application functions, I created a comprehensive flow that addressed every facet of the solution.

To refine the user experience, I scrutinized four vital categories for the app: empowerment, self-awareness, motivation, and inspiration. Multiple flow designs were conceptualized and rigorously tested to identify the most user-friendly approach. A pivotal Lookback.io test was conducted, and the insights gained from it informed adjustments and clarifications to ensure an optimized flow.

6 Flow.jpg

First Flow Approach

Final Flow Implemented

8 Flow.jpg
27a Quote.jpg

Visual Guidelines

To maintain a cohesive experience on the app, I built a consistent design system using atomic principles to develop all of the project's components. The visual style guide sought to convey joy and openness while preserving a clean design.

Its elements may be implemented in future designs such as websites, additional app sections, or printed material. I carefully selected a collection of over 200 quotes to be built in and arranged by category, as well as a customizable geometric drawing system to allow the user to personalize the experience.

Logo and Colors

Logo_lightquotes.jpg
Colors_lightquotes.jpg

Typography and Icons

Typography.jpg
Iconography_lightquotes.jpg

Quotes Images

Quotes stories_lightquotes.jpg
Quotes_lightquotes.jpg

Buttons and Bars

Button_lightquotes.jpg
Bars_lightquotes.jpg

Develop Prototyping

In the development of the Light Quotes app, I designed a high-fidelity prototype to facilitate the last round of refinements for optimal user accessibility. This prototype was instrumental in fine-tuning the user experience, ensuring seamless navigation and ease of use.

Within the app, users have the option to either create a new account or sign in to an existing one. Once logged in, they can select their preferred app category, customize it to their preferences, and then save or share their personalized creation. The customization options extend to individual quotes, allowing users to tailor aspects such as color, text, images, and size according to their choices.

20 Onboarding.jpg
21 Sign up and Welcome.jpg
22 Quotes 2.jpg

onboarding

login and sign up / QUOTE SELECTION

QUOTE CUSTOMIZATION

SHARING ON SOCIAL MEDIA

25-Instagram-Story-GIF.gif

Testing >
Validation, usability, and feedback

The journey to the final product was a comprehensive one, marked by four distinct rounds of prototyping, meticulous user feedback collection, and rigorous testing. This thorough process allowed us to ensure that the resulting solution met the highest standards and aligned with user preferences.

The culmination of these efforts brought us an incredibly promising outcome: an impressive 80% of users unequivocally endorsed the app, describing it as "empowering, useful, understandable, and easy to use." This resounding vote of confidence reflects the app's strong usability and user-centric design.

The incorporation of new features and the refined user interface were instrumental in empowering our users to efficiently explore, collect, and share quotes, all while managing their time with wisdom to effectively attain their desired goals. This user-centric approach has resulted in a product that resonates with our audience, providing them with a valuable tool that truly enhances their daily experiences.

bottom of page