Genshin Impact - Interactive Map

Overview
This is a fan-made concept for a mobile-friendly Genshin Impact interactive map. Designed for players to easily track resources, domains, and exploration progress within a refined and immersive UI.

Design Goal
To reimagine the official Genshin map experience in a way that feels native to mobile devices — faster, cleaner, and optimized for on-the-go exploration.

Approach & Features
Inspired by Genshin’s aesthetic and user needs, I created a UI that:

  • Prioritizes quick search and pinned items

  • Groups map items into Featured, Pinned, and Chest categories

  • Uses icon-based filtering to reduce text clutter

  • Maintains thematic consistency with Genshin's in-game UI while enhancing usability

Special Touches

  • Smooth toggle bar between Home and Reminders

  • Personalized header with avatar integration

  • Modern glassmorphism elements for visual layering

  • Designed for potential expansion (multi-region support, user annotations)

Date

2023

Date

2023

Date

2023

Type

UI/UX Design

, Concept

Type

UI/UX Design

, Concept

Type

UI/UX Design

, Concept

Status

Status

Status

Create a free website with Framer, the website builder loved by startups, designers and agencies.