THE PRODUCT
The Iris cinema responsive website is an extension of the Mobile app project, please visit home page for reference. The website offers the best user experience when purchasing film tickets online; effective visual accessibility, smooth user flow and engaging screen interaction are all embedded within the design to keep our users coming back. This responsive website is available in desktop and mobile screens as shown on the right.
Date: June 2023
Role: Lead UX Designer
Responsibility: Research, Building wireframes/prototypes, Usability studies, iterations & hand off
Crazy 8s exercise
As with the mobile app, drafting the paper wireframes was a challenging yet adventurous process. I made sure to use my research goal as a guide as i came up with ideas because the user must always be front and center.
EARLY IDEATIONS
Wireframes
I made changes to the design based on reviews and feedbacks from research findings and usability study. On the mobile wireframes, a few changes were made to fit into the screen; the use of a hamburger menu and a more condensed version of the horizontal carousel effect.
DESKTOP
MOBILE
MOCKUPS
Early designs allowed for some customization. The initial design seemed to clunky because the layout was distracting and disorganized. However i later rearranged some elements after the first usability study, and included a vertical scroll to ease the vision of users.After conducting the first and second usability study, One major feedback I got from participants was lack of interaction within the design; the design felt too linear and basic. I was able to draw vital insights from the feedbacks and incorporate those insights into the design.
MOBILE
DESKTOP
HIGH FIDELITY PROTOTYPES
The final hi-fi prototype presented a cleaner/smoother user flow and navigation. Also visual accessibility was greatly addressed to ensure users get the best experience while using the app.
DESKTOP
MOBILE