Google UX/UI Design

Drive-In
Experience App

The Hilltop Drive-in is a recently renovated modern drive-in theater located in Massachusetts. Because of the ongoing pandemic, the theater has seen constant customer growth as it aims to provide a safe and enjoyable space for movie lovers. This project was part of the Google UX certification. 

CLIENT: PERSONAL PROJECT ROLES: UI/UX YEAR:  2021 
TYPE OF MEDIA: INTERACTIVE APP
Light-Mockup-1
Light-Mockup-2
Light-Mockup-3
Light-Mockup-4

User Personas

User personas confirmed initial assumptions about the Hilltop Drive-In, but research
also revealed that customers and potential customers that are not native English speakers
had challenges and limitations when enjoying the movie.

Screen-Shot-2021-07-25-at-12.08.10-PM
Screen-Shot-2021-07-25-at-12.08.17-PM

User Journey Map

Mapping Camile’s journey revealed how helpful it would be for users to have access to
a dedicated Hilltop Drive-In app. I conducted interviews and created empathy maps to understand the users I’m
designing for and their needs. 

Screen-Shot-2021-07-25-at-12.12.16-PM

Wireframing

Paper Wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy selection of the movie title and time.

Edited-Wireframes

Sample of the wireframes created for this project.

Digital Wireframes

The low-fidelity prototype connected the primary user flow of purchasing movie tickets, including selecting snacks and food as well as the checkout process. In addition, the flow showcases the accessibility options build such as captions, audio options, and handicap reserved spaces.

Screen-Shot-2021-07-25-at-12.19.27-PM

High-Fidelity Prototype

The hi-fi prototype followed the same “ticket and snack order” user flow as the lo-fi prototype and included the design changes made after the usability study. 

Screen-Shot-2021-07-25-at-12.38.27-PM

CONCLUSION

Accessibility Considerations

For this project, it was paramount to take into consideration the implementation of accessibility features.

Screen-Shot-2021-07-25-at-12.40.59-PM

Takeaways

Taking a look at the most important things I have learned.

Screen-Shot-2021-07-25-at-12.46.51-PM

Next Steps

Among many things to improve in the future here are the 2 more important next steps.

Screen-Shot-2021-07-25-at-12.46.56-PM-1

Getting In Touch

If you would like to know more or talk, feel free to DM me on any of my social media profiles.

sebastianyepesdesign@gmail.com