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. 

  • Instagram
  • behance png
  • LinkedIn - Grey Circle

© 2020 by Claudio Priore Design. London NW10