TicketFix: Movie Tickets
Embedded Files
An appealing, organized, and effective movie ticketing flow for desktop
An appealing, organized, and effective movie ticketing flow for desktop
My Role
My Role
As lead UX Designer, I was tasked with sketching paper wireframes, planning and conducting user research, creating digital wireframes, developing low to high-fidelity prototypes, testing prototypes and creating insights as well as iterating on designs based on user feedback.
As lead UX Designer, I was tasked with sketching paper wireframes, planning and conducting user research, creating digital wireframes, developing low to high-fidelity prototypes, testing prototypes and creating insights as well as iterating on designs based on user feedback.
Empathize
Empathize
To begin empathizing with users, I came up with a unique persona to capture the essence of target users. Coming up with diverse personas with a unique set of qualities and hinderances such as poor eyesight, ensures that designs are equitable and accessible for all.
With Alberto's unique characteristics in mind, we could design our web flow with large buttons and easy-to-read text, as well as universal icons to help him navigate as a non-English speaker.
Define
Define
Conducting further user research, I asked several (5) movie goers about their experience with buying movie tickets online. More specifically, I asked them about what the most frustrating part of this process was, as well as why it caused frustration. I found the following:
Ideate
Ideate
Throughout the ideation phase, my aim was to design a web flow optimized for a distraction-free checkout process, as well as an effecient and convinient browsing experience.
Here I practiced with crazy eights to quickly come up with design ideas for the overall flow of the website. The goal was to come up with as many design ideas as possible within a short period of time.
I also decided to make several rough concept sketches for what a homepage would look like. This way, I could highlight the best elements from each version and use them to make a much stronger homepage.
Prototype
Prototype
During the prototyping phase, I got to bring my ideas to life through low-fidelity wireframing. I went with a design that places movies to watch front and center, minimizing additional features as much as possible.
Responsive Web Design
Responsive Web Design
On top of being my first experience designing for desktop and adobe XD, this project was also my first experience experimenting with responsive web design. Translating pages from desktop to the responsive mobile format was a fun design challenge and designing it to be consistent with the web version was very satisfying.
Test
Test
User testing revealed 2 distinct insights on how the current design could be improved. Criticism was little, as most of the feedback was positive.
With these insights, I could now begin improving my designs, building additional features into the user flow as well as adding color + images for a new and improved high-fidelity prototype.
Impact
Impact
TicketFix is a new take on traditional movie ticketing web design, allowing users to quickly swap out showtimes, movies and show dates without interrupting the user flow. the organization and structure of the site is optimized for a distraction free, visually appealing experience.
What I learned
What I learned
This project was my first experience designing for desktop as well as with responsive web design. Learning how to get around a completely new design tool was frustrating at first, but very stimulating and enjoyable once I got the hang of Adobe XD.
Link to current prototype:https://xd.adobe.com/view/f5b50643-926a-455c-afeb-03342c35f1b1-a0e6/?fullscreenÂ
Page updated
Google Sites
Report abuse