Cinemagic
This project is about designing a native mobile app for both iOS and Android phones, that solves a specific user problem. It aims to assist young adults, who enjoy watching movies at cinemas, to book and buy movie tickets at their convenience, so they can watch the respective films.
My Process
Objective
The aim of this project is to create a native mobile app design for both iOS and Android mobile phones. The design for iOS phones must follow the Human Interface Guidelines. The design for Android phones must follow the Material Design Guidelines.
User Flow
Google Drawings was used to create the user flow. It shows how users can move from one webpage to the next on the movie ticket booking app.
Low-fi wireframes
Balsamiq Wireframes was used to arrange the placement of different components and elements used for each page.
iOS
Android
Mid-fi wireframes
Figma was used to edit the arrangement of the selected components and elements used for each page. Real text was added to buttons, titles, sub-headings, paragraph sections, etc.
iOS
Android
Hi-fi wireframes
Figma was used to add colour to the wireframes, using a colour scheme from the style guide. The style guide's typography was also applied at this stage.
iOS
Android
Mockups
These mockups illustrate how the devices look on mobile phones when users are on the app at various locations.
Conclusion
A native mobile app was successfully created for both iOS and Android mobile phones. Both the Human Interface and Material Design Guidelines were followed to ensure the app met their standards. Feedback from users also helped in making the design of the app intuitive.