Scribd
Upload
40 views14 pages

GROOVENUE - Music Ticket Ordering App

The ticket ordering app project aimed to enhance concert discoverability and accessibility by addressing pain points users experienced on existing platforms. User research revealed that users wanted more event information and visualization to help decide and imagine concerts. The designer created a sitemap, wireframes, prototypes, and mockups with a focus on usability, accessibility, and creating a cohesive experience across devices. User testing provided positive feedback on the intuitive interface and navigation. The project helped the designer gain expertise in designing for different screen sizes and tools like Figma and Adobe XD.

Uploaded by

Neos Hưng
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
40 views14 pages

GROOVENUE - Music Ticket Ordering App

The ticket ordering app project aimed to enhance concert discoverability and accessibility by addressing pain points users experienced on existing platforms. User research revealed that users wanted more event information and visualization to help decide and imagine concerts. The designer created a sitemap, wireframes, prototypes, and mockups with a focus on usability, accessibility, and creating a cohesive experience across devices. User testing provided positive feedback on the intuitive interface and navigation. The project helped the designer gain expertise in designing for different screen sizes and tools like Figma and Adobe XD.

Uploaded by

Neos Hưng
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

Ticket ordering app

Let's find your Groove


Project Overview
Project Overview

The problem The goal


Difficulty in discovering and Enhance concert discoverability
accessing music concerts and accessibility
User Research
Summary

Through user interviews and empathy mapping, I gained valuable insights into the
target users and their needs for the music ticket ordering website/app.

I discovered that many users attend concerts to enjoy live music or spend quality
time with friends as a thrilling and enjoyable experience. However, existing websites
often overwhelm and confuse them, leading to frustration.

Additionally, these platforms lack a clear focus on selling music tickets, offering
various types of tickets instead. This creates confusion for music enthusiasts who
simply seek a straightforward way to find and purchase tickets for live music
experiences.
User Research
Pain Points

Insufficient Event Information Lack of Visualization


1 Users often encounter limited or 2 Users often struggle to visualize the
incomplete event information when concert experience when browsing
browsing ticket ordering websites/apps. ticket ordering websites/apps. Limited
This lack of comprehensive event visual content and descriptive text can
details can impact their decision- make it challenging for users to imagine
making process and lead to uncertainty the atmosphere, stage setup, and
or missed opportunities. overall ambiance of the event.
Sitemap

While mapping out the app, I ensure that


each page has its unique content, yet
maintains a clear connection with others. I
go beyond the usual structure by
considering how the pages relate to each
other.

Additionally, I take a user-centric


approach, considering what would create
a smooth and seamless interaction
without overwhelming the users.
Wireframe

For each page, I created multiple sketches with For mobile designs, I start by laying out the desktop
different designs and structures. To make my selection, design on the side. From there, I integrate, reduce,
I marked the preferred design or specific elements with and redesign certain elements while ensuring a
a star and added additional information with blue similar overall look. The goal is to create a cohesive
strokes. From there, I moved on to developing the final mobile experience while maintaining consistency
design. with the desktop version.
Digital Wireframe

When moving from paper to digital wireframes, I


found that the smaller size of the paper wireframes
led to blank areas in the digital version. Therefore, I
maximized the content presented.

I also keep in mind about focal points as well as the


essential presence of the "Call to Action" button. By
that, it increase the likelyhood of user's decision.

Additionally, I place the logo at the top of the


navigation bar, providing users with a convenient
way to return to the homepage from any location
within the app.

Desktop Mobile
Low Fidelity
Prototype

Flows Fix/Redesign
I ensures a smooth connection from the After completing my wireframes, I noticed that link to
Homepage to the Confirmation page. Users buttons and texts appeared larger than desired in prototype
can view detailed information and easily set fullscreen mode. To address this, I made adjustments
up their billing payment. to ensure proportional sizing and visual harmony.
High Fidelity
Prototype

link to
prototype
Product Mockups

Color theme includes magenta, white


and black.

After conducting a usability study, I


made proportional reductions in the
size of buttons and texts to maintain
design harmony.

Accessibility
Considerations

Color Contrast Optimization: Text Labels: Dynamic Font Size:




The design incorporates high color Instead of relying solely on icons or Consistent typo and size throughout
contrast between text and background visual cues, the app uses descriptive pages helps understanding their
elements to enhance readability for text labels for interactive elements hierarchy as well as their significance.
users with color vision deficiencies. such as buttons and links.
Takeaways

Impacts Lessons

During the usability study, users While developing this app, I gained
expressed positive feedback about the expertise in creating screen
app's interface, finding it interesting variations for different sizes,
and intuitive. This positive impression ensuring the app's consistent
increased their eagerness to use the appearance.
app.
I also learned the different
When discussing the overall structure, advantages and disadvantages of
users were satisfied with the easy using Figma and Adobe XD, which
navigation and the informative content helps me in better project
provided. preparation.
I appreciate your time reviewing this project.

If you would like to get in touch with me or see more of my work,


feel free to reach out!

Email: Lphneos245@gmail.com
Hung Le
UX UI Designer/ Illustrator My Figma My Illustration
Prototype Website Website

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy