Warborn Eclipse Game Landing Page Design

This was a fun and cinematic sci-fi game landing page to design. The goal was to create a strong first impression for Warborn Eclipse, a survival game set in the mysterious Crystal Wastes, while keeping the experience clear, immersive, and action-focused.

Started the design in Figma to explore the layout, visual hierarchy, typography, content structure, and overall game branding direction. Once the visual direction was clear, moved the landing page into Framer to build and refine the live experience with responsive layouts, smooth sections, and a polished web flow.

Framer made the iteration process faster and more flexible. It allowed me to adjust spacing, visuals, content placement, and interactive details quickly without depending on a long development process.

The core goal was to turn the game world into a visually compelling story while guiding users toward the main action of downloading the app.

The focus was on:

A cinematic hero section with a strong sci-fi atmosphere

Large visual sections to introduce the Crystal Wastes

Character storytelling to build player connection

Bold typography and dark futuristic UI styling

Clear app download CTA placement

Responsive landing page structure for a polished game website experience

This project shows how Figma, Framer, UX/UI design, game branding, and visual storytelling can shape a sci-fi game’s identity before the player even starts playing.