top of page
LOGO-01.png

PROJECT OVERVIEW

devices_FILL0_wght400_GRAD0_opsz24.png


THE PRODUCT

Convenue is a music venue e-commerce where users can be notified and buy tickets for upcoming shows related to the music industry.


MY ROL

UX Designer designing an App for Convenue from conception to sales.


RESPONSABILITIES

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability study, accounting for accessibility and iterating for designs.

Untitled-1.png
history_FILL0_wght400_GRAD0_opsz24.png


PROJECT DURATION

From March 2023 to September 2023.

UNDERSTANDING THE USER

USER RESEARCH: SUMMARY

Interviews were conducted and empathy maps were created to understand the user needs. A primary users group identified through research some users are not aware of upcoming shows and lost the opportunity to find tickets. 

​

Other users problems include economics, payment options and lack of time, also, accessibility is not implemented in most music venue e-commerces.

user_search_icon_251978.png

USER RESEARCH: PAIN POINTS

01

Users are not aware of upcoming show near them.

02

Music shows can be very expensive for some users. 

03

Most music venue platforms are not equipped with assistive technologies.

USER RESEARCH: COMPETITIVE AUDIT

I conduced a competitive audit by comparing different music venue and ticket selling apps and webpages across several categories. Although the companies had very similar features, the significant gap in the market was the poor brand identity, lack of accessibility features and graphics layout. 

3289576-individual-man-people-person_107

PERSONAS

PERSONA 1: LILY


PROBLEM STATEMENT

Lily is a student who wants more payment options to go as much shows as she can.

PERSONA2 LILY COOPER-01.jpg

PERSONA 2: EDWARD


PROBLEM STATEMENT

Edward is a music lover who needs be notified about new shows and options to pay tickets.

PERSONA1 EDWAR ARMAS-01.jpg

USER JOURNEY MAP

Edward needs to be notified about upcoming events and payment plans.

User Journey Map Edward Armas (2)-01.png

STARTING THE DESIGN

PAPPER WIREFRAME

IMG_20230925_170305.jpg

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes will be well-suited to address user pain points. For the home screen I prioritized a quick and multiple ways to find an event taking into account filters like location and date.

Stars were used to mark the elements of each sketch

that would be used in the initial digital wireframe.

DIGITAL WIREFRAMES

Easy access to navigation that’s screen ready friendly.

Easy navigation was a key user need to address in the design in addition to equip the app to work with assistive technologies.

LOW FIDELITY-01.jpg
LOW FIDELITY.png

LOW FIDELITY PROTOTYPE

The low fidelity prototype allows the user to find a show and buy a ticket, so it could be used in a usability study.

USER RESEARCH: FINDINGS

I conducted two rounds of usability studies. Findings from the first study helped guide the design from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

ROUND 1: FINDINGS

01

Users wants several methods of payment.

02

Buttoms should be more visible.

03

Order editing should be possible before completing the order.

ROUND 2: FINDINGS

01

News related to the event should be implemented.

02

The checkout process has too many unnecessary steps.

refining THE DESIGN

 MOCKUPS

Early designs allowed for some customizations, but after usability study several payment options were added. Also, buttons are more visible.  

BEFORE USABILITY STUDY 1

LOW FIDELITY-02-01.png

AFTER USABILITY STUDY 1

payment-01.png
notifications-01.png

AFTER USABILITY STUDY 2

The seconds usability study revealed the necessity for users to be informed about events. A checkbox was added to send e-mail notifications related to the show.

prototypemobile_120436.png

HI-FIDELITY PROTOTYPE

The final high-fidelity prototype presented cleaner users flow for find a show, receive news and checkout. It also shows user profile and app settings.

​

Screenshot 2023-09-21 165056.png

ACCESSIBILITY CONSIDERATIONS

01

Provided access to users who are vision impaired through adding alt text to images to screen readers.

02

Used icons to make navigation easier.

03

Used big and colorful images to help users identify artist and events.

TAKEAWAYS

The app make users be updated about their favorite artist shows. Constant updates regarding the event sent via e-mail are appreciated.

checkform_85890.png

IMPACT

open_book_icon_252042.png

WHAT I LEARNED

While working on CONVENUE app I learned a lot about user necessities and how important is to have an e-commers that actually cares about them. Usability Studies really makes the difference and help me improve every iteration of the app design. 

NEXT STEPS

01

Conduct another round of usability studies to validate whether the pain points users experienced were successfully addressed.

02

Conduct more user research to determine any new areas of need.

LET'S CONNECT

Get in touch if you have a new project or just to say hi! :)

bottom of page