Website powered by

Cooking Game - Cute Stylized UI

This is my 1st portfolio project, the goal was to create UI for a cutesy stylized cooking game then implement it in Unity. All the 3D assets as well as the functionality for cooking recipes and using the shop was made by me in a previous course in preparation for the portfolio course.
-
I used Figma to quickly make different mockups and concepts for how I wanted to HUD to look. Most of the assets were made in Figma or Illustrator since I wanted a very clean and minimal look for them. However some things like the background to the shop and recipe menu as well as the coin icon were hand drawn in Clip Studio Paint. All the UI was built in Unity UI and to animate the UI in Unity I used the plugin PrimeTween which was very easy to learn and use. I was very inspired by games such as Ooblets, PHOGS!, and What The Car for the visual style of the UI. I also used Ooblets and Fruitbus as inspiration for the style of the 3D models.

Video showing all screens

HUD

HUD

Shop Menu

Shop Menu

Recipe Book Menu

Recipe Book Menu

Successful Cooking Pop-Up

Successful Cooking Pop-Up

Failed Cooking Pop-Up

Failed Cooking Pop-Up

All UI graphics I made

All UI graphics I made

Wireframe I did for all the screens in the beginning to plan out the UI

Wireframe I did for all the screens in the beginning to plan out the UI

Earlier iterations of the UI, I went for a cleaner and less cluttered style eventually due to feeling like it fit the game better

Earlier iterations of the UI, I went for a cleaner and less cluttered style eventually due to feeling like it fit the game better