(2) Brand guidelines
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…
dbankas2024
(1) Early design prototyping
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…
Adapting Your Design for Web Deployment
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…
UI Prototyping for Mobile Application
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…
User Flow and U.I Wireframing
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…
Colour planning
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…
Responsive Layouts
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.…
Typography
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…
Figma artboards 2
In order to ensure that my website is always easily accessible, I have made a version compatible with mobile devices. This would also make it possible for the users to present the website at the…