Product Design & Identity
The challenge in this project was to have a firm grasp of the significance of good navigation, simplicity, and clarity. Highlighting the pictures of the different events and having the website in three different languages, English, French, and Arabic, was also very important to the client.
We used the home page to connect the photo events, language options, and social media. That took some time because I wanted to simplify all the information and filter the user's language choice right from the beginning.
The problem of this project was to show the event pictures with the description next to it. The solution was to show the full photo with an “i” information icon on the top right corner, once the user clicks on it, the description will show next to the picture.
There were different iterations for the project. To make the wireframing process easier, I used an app that helped me scan my drawings and create some prototypes.
Having a big picture showing the different events that the company was responsible for as a landing page was a good idea since the clients could browse all the different events COMEANDDO can organize.
Ensuring that the desktop version looked good on the mobile version was challenging because I had to curate the pictures in a specific way to look good and stay centered.
Then I created a timeline to show all the events that the company was involved in. For the Arabic version of the timeline, we had to change the column of the years from left to right because that is the visual aesthetics that Arabic users are used to.