The mood board for my Rock in Rio app was developed with the intention of capturing the vibrant, high-energy atmosphere of a global music festival while maintaining a sleek, modern interface that appeals to a young audience. Drawing inspiration from iconic festivals such as Tomorrowland and Coachella, I focused on creating a visual identity that […]
Responsive layout
This stage focuses on developing mid- to high-fidelity layouts for the Rock in Rio website and companion app, translating the visual identity from the mood boards into structured, responsive designs. Using Figma, I built prototypes that adapt seamlessly across devices, ensuring a consistent user experience (UX) for mobile and desktop. In the Rock in Rio […]
Typography
Typography is a key element in shaping the visual identity and user experience of the Rock in Rio app. For this project, I made a deliberate choice to limit the design to two typefaces—Cantata One and Cherry Cream Soda in order to create a balanced and consistent interface. This approach was driven by the principle […]
Figma Artboard 2
I created a responsive design that works flawlessly on mobile devices to make sure the Rock in Rio app is always accessible. In the event that consumers lose their confirmation email, they may easily access their digital tickets within the app, guaranteeing a seamless festival entrance. I positioned the main navigation choices, like lineup, tickets, […]
Figma artboard
My main inspiration for the Rock in Rio festival app came from the digital user interfaces of well-known festivals Coachella and Tomorrowland. Both festivals are renowned for their innovative digital platforms that combine cutting-edge UI design with user-friendly usability in addition to their live music experiences. I closely examined these events’ visual techniques, drawing inspiration […]
Rejected designs
INTRODUCTION In this final stage of the development process, I moved from mid-fidelity layouts to high-fidelity, fully branded user interfaces for both the Rock in Rio website and mobile companion app. This post documents the integration of final UI elements, typography, color palette, visual consistency, and accessibility best practices to ensure that the user experience […]
Low fidelity UI prototypes
The low-fidelity prototype presented below serves as an early-stage wireframe for the Rock in Rio companion mobile app, laying the foundational structure for user flow and interaction design. The purpose of this prototype is to map out essential features and user journeys before applying detailed visuals or branding. This approach allows for rapid testing and […]
UI principles to be applied to the design
A number of fundamental UI design principles are successfully applied by the Rock in Rio festival app to provide a smooth and interesting user experience. Consistency is a fundamental design element that is seen in the navigation arrangement, typographic styles, and recurring usage of dark pink tones. This lessens cognitive strain and enhances usability by […]
Requirements gathering and analysis
To ensure the design of the Rock in Rio website and companion app reflects real user needs, I created three detailed personas using verified age demographic research (Müller, 2020) and user commentary from platforms like Reddit and YouTube. The personas focus on individuals aged 18–35, which is the most dominant audience segment for Rock in […]
Adapting for Tablet and Web Deployment
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 […]