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. […]
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 […]
App Design Development (Figma Artboards)
following the website design for Rock in Rio, the companion mobile app is specifically tailored for festivalgoers on-site. While the website handles planning and information discovery before the event, the app supports real-time needs during the festival—navigation, scheduling, notifications, and updates. This post details the development of the app prototype using UX and UI principles […]
Rock in Rio Website and app development Log
Introduction For this project, I selected Rock in Rio, one of the largest global music festivals. My aim is to create a modern, engaging, and user-friendly festival website that clearly communicates key event information, promotes ticket sales, and enhances the overall user experience through effective UX and UI principles. Rock in Rio spans multiple days […]
Defining the UX
Introduction to Rock in rio My theme I would be using for this assignment is the Rock in Rio music festival. The Rock in Rio is one of the world’s largest and most iconic music festivals, first held in Rio de Janeiro, Brazil, in 1985. With a legacy spanning over three decades, it has expanded […]
Three Cover Designs
The cover of a book or magazine plays a pivotal role in attracting readers. In this post, I’ll document the process behind designing three potential covers for my classical romance-themed publication. Design ThinkingFor the first cover design,It is designed in a classic romance style. It features a silhouette of a couple in an intimate embrace, […]
Four to Six Traditional or Online Editorial Information Pages
Romance Through the Ages: Conceptualizing the Editorial “Romance Through the Ages” was created with inspiration from the classic romance novels’ everlasting appeal and Victorian art’s aesthetic appeal. By balancing font, colour, composition, and images, this editorial effort seeks to visually tell the essence of love legends like Romeo and Juliet. These components had to be […]
Traditional or Online Conceptual Editorial Masthead (Logo) Design
An important part of a publication’s identity is its masthead or logo. I wanted a masthead for my project with a classical romance theme that would instantly convey the ageless, romantic ambiance of classical classics. This post will detail my decision-making process and the steps I took to create the masthead. A key component in […]