CU – App Mockup

For the Collaborative Unit, my team is making a shop discovery app. It’s like making Yelp and Trip Advisor, but for specialized fashion boutique targeting students in London. I challenge myself making a mockup for the app. Our plan was to create screens and place it, but I watched quite a lot of tutorial and felt challenged to do the wiring as well to make it like a good demo.

Before we make it, I found that typeface and colours are important aspects of designing a brand identity–which then will be the base for designing the app.

Based on the data, we decided to use sans serif typeface, Futura PT, for the font as we want our identity as a brand that simplifies the users’ lives. We want the app to be easy and simple to use. For the colour, blue and green are the safest choices for a brand that targets both male and female so we chose blue as our core colour, complemented by brown.

The top part are the screens for our app, Arkive. The bottom part are the assets (icons, templates, etc) we’re using to create the design.
Wiring of the app so the transitions will be like in a real app.

Instead of just making the design for the screens, I try wiring it using time, tap and animation to make the experience of the viewer better.

Examples of the screen that we made.

I can’t include the whole video of the demo as the editor won’t let me embed the video from Youtube for some reason so I put them into two .gif files.

I enjoyed making this demo and I think this will be useful for my own pitch for Digital Concept and Strategy later!