ioje.app

project
overview

project
overview

project
overview

the product

project duration

the problem

the goal

my role

responsibilities

the product

A mobile application serving as a comprehensive digital agenda for events in Florianópolis, providing users with easy access to information and ticket purchases for various events such as parties, concerts, theaters, museums, and conferences.

project duration

16 weeks

the problem

Users struggle to find information about events due to scattered announcements across different platforms, leading to a time-consuming search process and missed opportunities.

the goal

Develop a mobile application that consolidates event information, simplifying the search process and enabling users to discover and attend a diverse range of events effortlessly.

my role

The project involved the participation of three people: two fellow programmers and me, as a UX/UI designer. In this way, I led the entire design process, leveraging my experience in mobile UI design.

responsibilities

• Conduct user research

• Define personas, user journeys, empathy maps, and user flows

• Visual design of low-fi and high-fi wireframes, prototypes, and user testing

understanding the user

understanding the user

understanding the user

user research

personas

user journey map

user research

summary

Due to the short time and low investment, I chose to conduct 3 interviews and 10 surveys to understand user's frustrations and needs regarding event discovery.


This way, without prioritizing just one type of research, I obtained both qualitative and quantitative data.

user research

pain points

  1. Time-consuming event searches: difficulty finding events as it takes a lot of time.


  2. Lack of comprehensive information about events: Incomplete event details make it difficult to make informed decisions.


  3. Difficulty in finding relevant events for the user: there are no event recommendations based on the user's choices.

personas

Name:

Guilherme

Age:

23

Job Title:

Data Analyst

Status:

Single

Location:

Florianópolis, SC

About:

Guilherme is a busy remote professional during the week, so whenever he can, he likes to go out with friends and explore new places during his leisure time. Throughout the week, he constantly looks for restaurants, bars, and parties in the area but struggles with the lack of or insufficient information he finds. As a result, he ends up repeating the same locations week after week.

Goals:

• To discover new places, cuisines, and drinks. 

Motivations:

• To have new experiences and break the routine.

Pain Points:

• Spends a lot of time searching for events and locations.

• Never easily finds all the necessary event information.

Name:

Vinicius

Age:

42

Job Title:

Project Developer

Status:

Married

Location:

Florianópolis, SC

About:

Vinicius is married and has two children: Gustavo, 9 years old, and Davi, 11 years old. He leads a busy professional life but always tries to be present for his children by engaging in outings and activities that allow him to bond with them. Currently, he wishes to engage in activities that are both enjoyable and culturally enriching, so his children can have a good time and learn more about the world. However, due to a lack of time and not knowing where to look, he feels frustrated and faces difficulty in finding information about museums and theater performances.

Goals:

• To have new experiences with his family. 

Motivations:

• To be a better and more present father. 

Pain Points:

• Doesn't know where to find desired events.

• Has difficulty finding relevant information.

user journey map

When creating user journey maps, I wanted to illustrate the process of how Guilherme and Vinicius behave, feel and what they think when achieving their goals to solve pain points or provide moments of joy.

starting the design

starting the design

starting the design

sitemap

user flow

paper and digital wireframes

low-fidelity prototype

usability studies

I built user-focused flows to ensure that my personas could successfully complete their key objectives while reducing any existing pain points.

sitemap

user flow

paper wireframes

Focusing on the core features identified during user research, I sketched the first wireframes.

digital wireframes

To make the digital wireframes, I started by putting my ideas on paper. Then I began to work on the high-fidelity wireframes in Figma. After several iterations, I came up with these wireframes.

low-fidelity prototype

I created a low-fidelity prototype from the user flow diagram and wireframes to test functionality before incorporating it into the final design and to ensure accessibility for end-users.

usability studies

parameters

study type

Unmoderated usability study

location

Florianópolis - SC - Brazil, remote

participants

3 participants

lenght

20-30 minutes

findings

  1. home screen: users commented on being able to search the profile of event organizers, thus being able to follow upcoming events in their favorite locations.


  2. Filters: users noted that although it is useful to filter by the desired day, it would be very interesting to be able to filter by period, for example, from Friday to Sunday, to view all the weekend's events

refining the design

refining the design

refining the design

mockups

high-fidelity prototype

accesibility

style guide

accessibility

  1. When choosing a color palette, I made sure my primary colors met WCAG AA Compliance before building out the UI for each screen.

  2. I am using only one typeface: Space Grotesk is a sans serif typeface with a good number of fonts to use in different sizes.

  3. I implemented a text hierarchy throughout the app. This helps users to distinguish the different sections and information on screen.

style guide

mockups

Based on insights from the usability studies, I applied design changes.

mockups

Based on insights from the usability studies, I applied design changes.

mockups

Based on insights from the usability studies, I applied design changes.

high-fidelity prototype

After finalizing the low-fidelity wireframes, I worked on creating the final designs with the goal of making them simple and intuitive.

high-fidelity prototype

After finalizing the low-fidelity wireframes, I worked on creating the final designs with the goal of making them simple and intuitive.

high-fidelity prototype

After finalizing the low-fidelity wireframes, I worked on creating the final designs with the goal of making them simple and intuitive.

going forward

going forward

going forward

takeaways

next steps

your feedback

takeaways

impact

The development of ioje.app addresses the prevalent issue of fragmented event information, offering a solution that streamlines event discovery for users in Florianópolis.


By consolidating event details into a single platform, the app significantly reduces the time and effort users spend searching for events across various sources. This not only enhances user convenience but also fosters a more dynamic and engaged local community by encouraging attendance at a diverse range of events.


Moreover, by catering to different age groups and interests, ioje.app contributes to a more inclusive and vibrant event culture in the region. As a result, the impact of ioje.app extends beyond individual users, enriching the overall social and cultural landscape of Florianópolis.

what I learned

As a UX designer working on a event platform, I have gained valuable insights and knowledge through the design process. Some of the key things I have learned include:

  1. Understanding user needs

  2. Importance of simplicity

  3. Accessibility considerations

  4. User feedback

next steps

Moving forward, the focus will be on further enhancing the user experience and expanding the app's reach. This includes obtaining feedback from experienced UX/UI designers to identify areas for improvement and refine the design elements accordingly.


Additionally, efforts will be directed towards developing a cross-platform responsive design to ensure a seamless user experience across different devices. Moreover, ongoing updates and optimizations will be made based on user feedback and evolving technological trends to maintain the app's relevance and effectiveness.


By continuously iterating and refining ioje.app, we aim to create a robust and indispensable tool for event discovery and engagement in Florianópolis and beyond.

your feedback

your feedback

your feedback

I would appreciate your thoughts and insights on this project, as feedback is crucial to further enhancing the findings of this study.

pietrogfb@gmail.com

+55 48 98426-9131

LinkedIn

Behance

pietrogfb@gmail.com

+55 48 98426-9131

LinkedIn

Behance

pietrogfb@gmail.com

+55 48 98426-9131

LinkedIn

Behance

Create a free website with Framer, the website builder loved by startups, designers and agencies.