Low fidelity prototype LOW FIDELITY PROTOTYPE PREVIEW During the low fidelity stage I focused on the basics of the layout and any unique design choices which I couldn’t afford to forget. The focus was making… (4) Wireframe prototyping
After creating a wide variety of scamps to choose from, I have decided on the current logo. I chose a wolf for a variety of reasons; there are almost no sports brands which have wolves… (2) Brand guidelines
Early moodboards dadsaadda Before developing my own direction, I have vaguely compiled a moodboard for each topic. This was highly beneficial my creative process since it has given me a multitude of different pathways I… (1) Early design prototyping
Home page Website available at https://www.figma.com/design/5pzaQWrcLVQc13unUuNLu6/Companion-app-MUTANT-HAVEN-IPAD-PORTED?node-id=0-1&t=4UkI6PZvxZYnrM0D-1 Due to the larger canvas space on the tablet interface, I had to rearrange the options in order to make them appear to take up more space in order… Adapting Your Design for Web Deployment
Home page Website available at: https://www.figma.com/design/5qtQaZgd3K1u7JNtxM69db/Companion-app-MUTANT-HAVEN?t=4UkI6PZvxZYnrM0D-1 Inspired by the UI for the Animal Crossing companion app, I have used muted colours that harmonise together in order instil a calm feeling into the user, by avoiding… UI Prototyping for Mobile Application
Figma design file available at : https://www.figma.com/design/VkWHgf14qgWScHtgv3j3IU/LF—companion-app?node-id=0-1&t=KxL0UoNo7FlzJz5a-1 Home page In order to start figuring out the compositional aspects of the app, I have created an 8 page long low fidelity prototype. The main menu is… User Flow and U.I Wireframing
The logo design was intentionally created using only two colours to embrace simplicity and maintain a sense of graphic minimalism. This decision wasn’t just an aesthetic choice, it was rooted in established design principles seen… Colour planning
Best option is highlighted, and every option has its own visual cue. Every important option has a notable change in colour to bring attention to it and make them easier for the user to find.… Responsive Layouts
I made the choice to limit the number of typefaces used to just two. This decision was rooted in the principle of maintaining visual consistency throughout the design. By restricting the variety of fonts, the… Typography