M.A.P.
I was challenged to develop an App that can be used in both iOS and Android.
I came up with a concept called M.A.P., an App designed for people of any age that love any type of art and entertainment and want to be updated on the last events around them.
Objective: Always be updated with Art Exhibitions, Plays, Musicals, Concerts and local Events. Offering promotions and options to buy tickets.
Tools: Sketch, FlowMapp, Illustrator, InVision
UX/UI Design
Case Study | Career Foundry
2019
MUSIC
I started by exploring the main features that the App would have had, this helped me to define the process the user would take to complete selected tasks.
Once the Userflow was decided I moved into sketching the Wireframes.
User Flow
Wireframes
ART
After I was comfortable with my sketches, I created first Mid and then High Fidelity Wireframes for both Systems. The wireframes have been tested to a small group of people for usability using InVision. The Task was to find an Event, adding it in to the favourite and finally purchase the Ticket. All were able to complete the Process.
Android Samsung Galaxy S8
Low-Fid Wireframes
IOS - Iphone X
High-Fid Wireframes
PLAYS
After i moved to the the Final Screens giving to M.A.P. a visual Identity, creating a Style Guide and appliying the features to both the iOS and Android versions keeping in mind both Guidelines. The final screens have been tested again by a small group of testers using InVision. The App received generally positive reviews, there were just few feedbacks regarding some pale colours that were originally selected.
IOS - Iphone X
Final screens
Android - Samsung Galaxy s8
Final screens
The biggest challenge of this project was designing for two platforms keeping in mind my Style Guide and the iOS and Material style guides at the same time.
During my Testing I made sure to find platform specific testers. This was very important for the Android platform because I was not familiar with it, not only the testers helped me on this with few comments but also going through and studying the Android Material Style Guides and looking at existing Apps and examples.
M.A.P. can still be improved with further screens, for example the different ways to book Tickets for Theatre or Concert, having the option to select seats on map, and also develop more the Event page and Setting page.
This project was a good way to test my problem solving skills, creativity, use of colours and sense of aesthetic.
