Case Study

Tusmørke

Designed and developed a full-stack platform that helps LARP organizers and players manage bookings, territories and essential game information in one intuitive mobile experience.

My Role
UX/UI DesignerFrontend DeveloperDesign System
Tools
FigmaReactNext.jsTypeScriptSupabase
Type
Graduation Project

The Challenge

The Challenge

Scattered Information

Players relied on multiple platforms to find important game information.

Booking Friction

Reserving private scenes required unnecessary steps and navigation.

Territory Overview

Players lacked a quick overview of changing territory ownership and events.

Research

Understanding the Users

Before designing the interface, I interviewed players, surveyed organizers and analyzed existing workflows to uncover the biggest pain points and guide every design decision.

Project overview

From idea to solution

01

Discover

Discover phase of the Tusmørke design process

Interviewed players and organizers to uncover real user needs.

02

Define

Discover phase of the Tusmørke design process

Organized research into clear product goals and priorities.

03

Ideate

Discover phase of the Tusmørke design process

Explored concepts through brainstorming and Crazy 8 workshops.

04

Design

Discover phase of the Tusmørke design process

Built wireframes, prototypes and a scalable design system.

05

Develop

Discover phase of the Tusmørke design process

Implemented the platform with React, Next.js and Supabase.

Techstack

Implementation

React logo

React

Modern component architecture.

Next.js logo

Next.js

Scalable application framework.

Supabase logo

Supabase

Database and authentication.

Google API icon

Google API

Booking integration.

Vercel logo

Vercel

Deployment and hosting.

Design Highlights

Design System Highlights

Glassmorphism

Glassmorphism interface from the Tusmørke application

Adds depth without sacrificing readability.

Mobile Navigation

Mobile navigation design from the Tusmørke application

Optimized for one-handed interaction.

Design System

Typography, colors and interface elements from the design system

Ensures consistency across the platform.

Product mockups

The Platform in Action

Tusmørke application dashboard

Dashboard

A personalized overview of bookings, notes and recent updates.

Territory overview in the Tusmørke application

Territories

Realtime territory ownership and status information.

Booking flow in the Tusmørke application

Booking

A streamlined flow for reserving available Bunker scenes.

Private notes feature in the Tusmørke application

Notes

Private note-taking designed for fast access during gameplay.

Reflection

What I Learned

Working on Tusmørke strengthened my ability to combine UX research, interface design and frontend development into one cohesive product. The project reinforced how valuable user feedback is throughout the design process.

100+

Development hours

12

Top grade for project

Want to see more of my work?