A high-fidelity Figma prototype that turns my hypothetical game and media studio into a branded mobile experience, combining visual identity, interface design, and connected interactions in one consistent system.
This project was created as an assignment for my DDSGN 135 course as a company app concept for BlazingMind Studios. The goal was to move the studio beyond a static identity and create a mobile interface that could carry the same personality through an organized, connected experience.
The central design challenge was translating an expressive game-and-media studio identity into a mobile interface without letting the visual style overpower readability, hierarchy, or navigation.
BlazingMind Studios needed an app that could present the studio identity, projects, and creative content as one connected experience while keeping the dark visual system readable and easy to navigate.
I used repeated layouts, clear content sections, predictable navigation, consistent typography, and connected interactions so the visual identity and UX could work together.
Formal competitive research was not part of the original app assignment, so I revisited the project for this case study and compared several established game-platform experiences. The goal was not to copy their interfaces, but to identify patterns that players may already expect when interacting with a game or studio ecosystem.
I focused on how these experiences organize games, updates, social features, media, profiles, and other studio content. The comparison helped me evaluate whether the BlazingMind Studios app feels like one connected experience rather than a collection of unrelated screens.
Riot Mobile brings multiple Riot games, news, social features, esports, and other content together within one branded experience. This showed the value of creating a recognizable home base instead of treating every section like a separate product.
Ubisoft Connect brings games, friends, rewards, and other player services into the same ecosystem. The consistent organization reinforced the importance of predictable navigation when an experience contains several different types of content.
Battle.net combines game discovery with social features, friend management, news, and media. Its mobile experience demonstrates how several functions can remain accessible without allowing the interface to become visually overwhelming.
The comparison reinforced my use of repeated layouts, predictable navigation, clear content sections, large visual areas, and recognizable actions. For BlazingMind, I wanted those familiar UX patterns to support a more cinematic studio identity built around dark backgrounds, bright accents, artwork, and visual storytelling.
The app is intended for people who want a direct way to learn about BlazingMind Studios and interact with its creative work, from first-time visitors to people already familiar with the studio.
Discover the studio identity, game direction, and creative work.
Explore game, app, motion, and story-focused content.
Understand the studio’s style, capabilities, and digital direction.
The low-fidelity layouts established the hierarchy, content areas, and navigation before color, imagery, and final branding were applied. This kept the early decisions focused on composition and function rather than decoration.
Low-fidelity wireframes used to establish screen structure and hierarchy. Select the image to enlarge.
The design system uses a dark foundation, vivid accents, consistent typography, repeated spacing, icons, and reusable interface elements. The goal was for every screen to feel like part of the same studio rather than a collection of unrelated layouts.
Color, typography, icons, spacing, and repeated components create continuity across the app.
The flow maps the route from launching the app and entering through to the main hub, content areas, account setup, and deeper screens. Repeated navigation patterns reduce the amount a user has to relearn as they move through the experience.
The user flow documents the primary path and secondary account/content branches.
The finished screens show how the same hierarchy, visual system, and interaction patterns carry through different parts of the app. The opening screen establishes the identity, the primary screen organizes the main experience, and the content screen extends the user experience through visual storytelling.
As part of revisiting the BlazingMind Studios app, I am reviewing the interface for accessibility issues that could affect readability and usability. Because the design uses dark surfaces, bright accent colors, compact mobile layouts, and animated transitions, I am paying particular attention to contrast, typography, touch controls, labels, navigation consistency, and motion.
Review white, cyan, orange, and secondary text against the app's dark backgrounds so important information and controls remain easy to distinguish.
Check headings, body copy, labels, and secondary text at the size they will appear on a phone rather than relying on the enlarged Figma canvas.
Review buttons, menu controls, navigation items, and other interactive elements for comfortable target sizes and enough spacing to reduce accidental taps.
Use understandable labels or supporting context for icons, and make active, selected, or disabled states distinguishable through more than a color change.
Navigation patterns and repeated controls should stay in familiar locations and behave consistently so users do not have to relearn the interface from screen to screen.
Transitions and animations should reinforce changes in the interface without being required to understand content, navigation, or the result of an action.
The interactive Figma prototype connects the interface design into a usable flow and demonstrates the internal animations and navigation as a complete user experience rather than a set of isolated screens.
The strongest result is the consistency between the BlazingMind Studios identity and the way the app actually moves and behaves.Open Figma prototype
