Interaction Gaming Mobile App

CLIENT

Nintendo

INDUSTRY

Gaming

PLATFORM

iOS

ROLE

Product & UI/UX Designer

TIMELINE

8 weeks

Tools

Figma

Photoshop

After Effects

ProtoPie

Overview

This project explores a visual redesign of Nintendo’s legacy UI by examining outdated interface patterns and user feedback. By analyzing pain points highlighted in historical reviews and legacy screens, the work focuses on improving clarity, hierarchy, and interaction while preserving Nintendo’s brand identity.

Primary

#03A0FF

Primary

#272727

Secondary

#000000

Secondary

Stone Grey

#969696

Secondary

Ash White

#F8F8F8

Helevitca Bold

Primary Typeface

Roboto Regular

Secondary Typeface

Wireframes:

Wireframe exploration built the visual and interaction system backbone — modular blocks for achievements, friends list, news feed, and voice chat. Emphasized scalable grids, component reusability, and flow logic to ensure seamless translation from concept to polished UI.

This low-fidelity wireframe reimagines a Nintendo companion app by channeling the DNA of iconic controls: Game Boy’s minimalist screen + D-pad purity, SNES balanced button layout, and modern dual-analog ergonomics. Three variants distill 35+ years of intuitive Nintendo input into touch-first mobile flows for library, social, and achievements. The result: a scalable foundation that feels instantly familiar yet forward-looking.

This conceptual Nintendo mobile gaming UI splits the screen into a red dynamic zone (left) that reacts fluidly to thumb placement anywhere for analog-style movement, and a blue static zone (right) with fixed ABXY buttons that activate precisely on touch. The asymmetric split honors Joy-Con ergonomics while maximizing screen space for immersive, intuitive handheld play on smartphones.

Hi-Fidelity Mockups

Capturing the Brand’s Essence

The redesign centered on infusing the companion app with vibrant, welcoming family-gaming energy—using bright primary colors, rounded forms, playful typography, and soft gradients to create a joyful, inclusive feel that brings people of all ages together. It emphasizes effortless social connection (see friends online, join sessions instantly) and seamless return to play through cloud saves and quick-resume, ensuring every interaction feels warm, shared, and full of life.

Vibrant Family Aesthetic — Bright colors, rounded elements, and gradients for playful warmth. Effortless Friend Connectivity — Instant visibility and easy multiplayer joins. Frictionless Return to Play — Cloud saves + quick-resume keep the experience uninterrupted.

The core challenge was designing a fluid, intuitive home screen that organizes essential gaming and social elements without overwhelming users. It provides quick, glanceable access to friends online, quick play sessions, shared video captures, party chats, the game library, and news—all in one smooth vertical scroll with clear hierarchy, generous spacing, and balanced section placement to feel welcoming, effortless, and naturally discoverable from the first glance.

The key challenge was integrating responsive on-screen controls for mobile cloud gaming without blocking the view of fast-paced action on a small screen. The red dynamic zone (left) reacts fluidly to thumb placement anywhere for analog movement/camera, while the blue static zone (right) keeps fixed ABXY buttons visible only on deliberate touch—minimizing clutter, preserving immersion, and maintaining ergonomic comfort.