Project Vision


As technology is more and more involved in our daily life, things like shopping nowadays are done on mobile phones and with For this project, we wanted to do the same thing, but with movies, our goal here is to make it easier for people to buy tickets online in easy and cheap way.

Kick off


At the start of this project, I asked myself four important questions, Who is going to use our app?,why would they use it? how can our app help them? and how we can give them the best experience possible?, after analyzing the results I found out that many people would like to use the app and the problems they all have in common is that they lack of time.

1) Who is our primary audience ?




2) why would they use them ?

3) how can our app help them ?




4) we can give them the best experience possible ?

Preliminary Ideation


As usual, I use preliminary ideation to know more about our users and to take a general idea of how they feel about the app, and that will make it easier for us to set the foundation of this project.

board image

Research Insights


We analyzed the questions we asked the user earlier in the process, we also contended another questionnaire and we asked the users multiple questions, and here are our insights.

80 % of the users found the app useful.

More than 60 % said that having a community for movies is helpful.

Meet the users

Key Path Scenarios


here we have two primary key path scenario, we identified two key path scenarios when using our app. the user will experience as while planning an to buy a tickets or just to see what is trending.

The scope of the product allowed us to focus more on these two pathways as there aren't any notable validation scenarios other than entering a familiar settings screen.

story
story

Information Architecture

IA for books app

P&P Wireframes


Before going through this process, we didn't have a clear idea on how the app will look like and after some drawings,skitches and really hard time.We finally formed a first look at what the app will look like and based on the spark where there for more ideas and that helped as a lot.

Preliminary Wireframes


Creating a higher fidelity but still fairly preliminary version of our wireframes, we were able to workout some of the technical issues that would not be viable in Convene, as well as tone down our "blue-sky" screens into more realisitic ones. It was important for us to start big and scale down so that we could work around the features that we really wanted to have, rather than working upwards and maybe missing something that would've been really cool to see as a user.

Final Design.

Coding

Here you can acces the code for this app, I did code it using flutter(dart) only front-end.



The link for the code Click me

Style Guide


Choosing the right color is important for every design, because you want as a designer to show your skills and show your identity to people.

Takeaways


This project is so important to me as it's a possible way to show people my skills and share my work with them; to gainexperience and meet new people.