“Hot hot”
Mobile application design - Foody - 2024
This project was an assignment in the Mobile App Design course. I had to meet specifications and therefore required pages:
- Home page;
- Product page;
- Order/payment page;
- Order tracking page;
- User profile page;
- Order history page.
Obviously, the entire design had to be user-friendly, attractive, and user-friendly.
1 - Creation - Prototype
Here, the process is different from “Paper Heroes” because I first started by making the prototype. This allows us to directly have the texts and features we want and see if it matches the theme.
2 - Inspiration - Moodboard/Kit UI
Next, I created a mood board to get the colors and fonts right. I also looked for a UI kit to ensure consistency throughout the app. Finally, I had to check if I had covered all the necessary steps for creating a delivery app, especially for checkout.
3 - Creation - Design
Next, we move on to the design of our application. We add the font, images, color, and everything needed to create an attractive and user-friendly design. Here, I wanted to convey the burger universe, which is why I used orange and brown; it matched the theme well, and the templates also used orange a lot. But I used more brown for readability and accessibility. And the background remained white to meet delivery app standards. The rest is pretty standard; I used a bolder font for the titles and a more readable text. The images are images of burgers and other items.
4 - Creation - Animation
The final step is to animate our application, just like our prototype. This is where it will truly come to life. We’ll animate the buttons, images, navigation, and more. For this application, there are many animations for ‘add’, ‘delete’, ‘+’, ‘-‘, and more. But also sliders and navigation.