After successfully prototyping the mobile version, the client requested an adaptation for tablet and web platforms. This required evaluating how UI elements scale across screen sizes and adjusting layouts for wider displays. The tablet version retains the vertical scrolling structure, but increases padding and image sizes to accommodate larger touch targets. The bottom navigation is […]
UI Prototyping for Mobile Application
Introduction After establishing the user flow and wireframes for the “Attack on Titan” companion app, I moved into the UI prototyping phase using Figma. This phase involved translating low-fidelity wireframes into high-fidelity prototypes, adding visual styling, interactive elements, and user interface details. Prototyping is essential to bridge the gap between static designs and functional interfaces, […]
User Flow and UI Wireframing
User Flow and UI Wireframing Introduction In this phase of my design process, I focused on developing the user flow and wireframes for the “Attack on Titan” companion app. This stage was crucial to map out how users would navigate the app and what content they would encounter. According to Garret (2011), effective user flow […]
Design and Research
INTRODUCTION For this project, I chose to develop a mobile companion app based on the globally popular anime series Attack on Titan. Given its expansive storyline, diverse character arcs, and large fanbase, Attack on Titan offers rich potential for a multimedia application that connects fans through streaming content, character data, discussion forums, and collectible elements. […]