Project Vision


In this project, I wanted to give back to my beloved community and I wanted to have a new idea such that we can include sport in the process and let people discover my country.

Challenges


1- Make the website support multiple languages.

2- How to convince people to donate.

3- Make a mobile version of it.

Kick off


At the start of this project, I asked Myself couple of questions to determine the foundation of the project, 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?

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 with every project, I use preliminary ideation to get to know the user and to make adjustments to the website from their recommendations and that will be a good step forward, also in this phase, I really can think like a user and discover his needs.

Research Insights


After analyzing all data I received from many surveys and questions, here are the insights that I came up with.

80 % of the users found the app useful.

More than 40 % said that this app will do good to the community.

50 % of the users said that they are happ to give money.

More than 20 % said that the tourism businesses will grow.

Meet the users

Information Architecture

P&P Wireframes


Before going through this process, I didn't have a clear idea on how the app will look like and after some drawings,skitches and really hard time.I 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, I was able to workout some of the technical issues that would not be clear in the app, as well as tone down our "blue-sky" screens into more realisitic ones. It was important for me to start big and scale down so that I could work around the features that I really wanted to have, rather than working upwards and maybe missing something that would've been really cool to see as a user.

Challenge1


As this project can be used by people all around the world, I made two versions of it, one supports Arabic, and the other supports English.

Challenge2


Many people nowadays use their phones more than they use their laptops, so for that need, I also designed this project to use mobile phones.

Challenge3


To make convince, people, that the project is a real project, I designed a checkout page to show the user that it's secure and not spam.

Final Design.

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 gain experience and meet new people.