Skip to content

Web Technology

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… 

Design and Research.

The concept of “Mutant Haven” is based on an existing game “Monster Sanctuary”. Some features and styles were based on the original however all assets included in the final project are original and are created…