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, […]
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. […]
Mid-Fidelity Layouts and Responsive Design
introduction With visual identity and layout structures defined, the next stage of the design process focused on developing mid-fidelity prototypes for both the Rock in Rio website and mobile app. This post covers how I created mid-fidelity wireframes in Figma, integrated interactive functionality, and most importantly, gathered and applied user feedback to improve the design […]
Mood Boards, typography and color planing
Introduction Establishing a consistent and effective visual identity was critical for the Rock in Rio website and companion app. This post details the visual research, mood board development, early layout planning, and how these informed the final UI components. Drawing from core UX/UI design principles, this phase laid the foundation for a design system that […]