Eclipse — Gaming Device Marketing Site

Interactive prototype

The challenge

Create a cohesive marketing presence for a fictional gaming device that bridges the gap between portable and high-performance gaming.

Our approach While teammates focused on 3D rendering the device hardware, I designed the complete marketing website with brand identity, product showcase, feature highlights, and responsive layouts.

Team collaboration

My Role: Web Design

Brand identity and color system (dark purple, orange, black)
Complete marketing website design in Figma
Product page layouts and feature sections
Responsive design for mobile and desktop

Team Members: 3D Rendering

Created 3D model of Eclipse device
Rendered product shots for marketing materials
Designed device interface and controls
Collaborated on overall product concept

Design process

Research: Analyzed Nintendo Switch and Steam Deck marketing to identify positioning gaps
Brand Identity: Developed dark purple/orange/black palette to convey premium gaming aesthetics
Information Architecture: Structured site with hero, features, specs, and CTA sections
Visual Design: Created high-contrast layouts emphasizing product renders and key features
Prototyping: Built interactive Figma prototype with navigation and hover states

Site features

Hero Section: Bold product introduction with 3D device render and primary CTA
Feature Highlights: Modular sections showcasing portability, performance, and battery life
Product Specifications: Technical details presented in accessible, scannable format
Responsive Design: Optimized layouts for mobile, tablet, and desktop viewports
Brand Consistency: Cohesive color system, typography, and component library throughout

Outcomes & learnings

🎨

Complete Brand System

📱

Responsive Layouts

🤝

Cross-Discipline Collab

Successfully delivered a cohesive marketing presence that complemented the team's 3D work. Gained experience in brand identity design, product marketing, and cross-functional collaboration with 3D artists.

Reflection

Brand identity work requires balancing boldness with usability—too much contrast can hurt readability
Marketing sites need clear hierarchy and CTAs to guide user journey effectively
Collaborating with 3D artists taught me to design around high-quality assets and showcase them properly
Responsive design considerations should start in wireframing, not as an afterthought

← Back to Projects View Prototype