UX/UI Redesign · Focused Improvement

UX/UI Redesign · Focused Improvement

UX/UI Redesign · Focused Improvement

Geekstravaganza — UX/UI Redesign

Geekstravaganza — UX/UI Redesign

Geekstravaganza — UX/UI Redesign

Overview

Overview

This project focuses on improving the usability and structure of the Geekstravaganza platform through targeted UX/UI refinements.

While the original concept established a strong creative direction, several interaction and navigation challenges remained. This redesign identifies key friction points and introduces structural improvements to enhance clarity, orientation, and overall user experience.

This project focuses on improving the usability and structure of the Geekstravaganza platform through targeted UX/UI refinements.

While the original concept established a strong creative direction, several interaction and navigation challenges remained. This redesign identifies key friction points and introduces structural improvements to enhance clarity, orientation, and overall user experience.

This project focuses on improving the usability and structure of the Geekstravaganza platform through targeted UX/UI refinements.

While the original concept established a strong creative direction, several interaction and navigation challenges remained. This redesign identifies key friction points and introduces structural improvements to enhance clarity, orientation, and overall user experience.

The Problem

The original structure treated all sections as equal “universes,” which created friction in navigation and made it difficult for users to understand where to start or how to move through the experience. As a result, the platform felt fragmented rather than guided, increasing cognitive load and reducing clarity.

Timeline

Timeline

Timeline

Jan 2026 — Mar 2026

Jan 2026 — Mar 2026

Jan 2026 — Mar 2026

Role

Role

Role

UX/UI Designer

UX/UI Designer

UX/UI Designer

Interactive Designer

Interactive Designer

Interactive Designer

Tools

Tools

Tools

Figma · FigJam · Figma Make· ChatGPT

Figma · FigJam · Figma Make· ChatGPT

Figma · FigJam · Figma Make· ChatGPT

Skills

Skills

Skills

[Skill] · [Skill] · [Skill] · [Skill]

[Skill] · [Skill] · [Skill] · [Skill]

[Skill] · [Skill] · [Skill] · [Skill]

Quick Summmary

Framer is a design tool that allows you to design websites on a freeform canvas, and then publish them as websites with a single click.

Structural Redesign:
Entry Point & Navigation

The Core
Structural Change

Structural Redesign:
Entry Point & Navigation

In the original structure, each feature existed as its own “universe” (Main Hall, Lounge, Panels, etc.), with no clear entry point or hierarchy.
While conceptually strong, this made navigation feel fragmented and required users to constantly reorient themselves.

The redesign introduces a clear entry point and a multiverse map, creating a more guided experience. Instead of navigating disconnected sections, users move through a structured system that balances exploration with clarity.

In the original structure, each feature existed as its own “universe” (Main Hall, Lounge, Panels, etc.), with no clear entry point or hierarchy.
While conceptually strong, this made navigation feel fragmented and required users to constantly reorient themselves.

The redesign introduces a clear entry point and a multiverse map, creating a more guided experience. Instead of navigating disconnected sections, users move through a structured system that balances exploration with clarity.

In the original structure, each feature existed as its own “universe” (Main Hall, Lounge, Panels, etc.), with no clear entry point or hierarchy.
While conceptually strong, this made navigation feel fragmented and required users to constantly reorient themselves.

The redesign introduces a clear entry point and a multiverse map, creating a more guided experience. Instead of navigating disconnected sections, users move through a structured system that balances exploration with clarity.

Entry Experience

Entry Experience

Entry Point

Entry Point

Problem
The original experience dropped users directly into the Main Hall, offering functionality but no clear orientation or sense of entry into the platform.

Redesign
A dedicated Entry Point page was introduced, allowing users to choose how they enter the experience (e.g., guests, featured content, or specific tracks). This creates a more intentional starting point and reduces initial confusion.

Impact
Users gain immediate context and control, making the platform easier to understand and navigate from the first interaction.

Problem
The original experience dropped users directly into the Main Hall, offering functionality but no clear orientation or sense of entry into the platform.

Redesign
A dedicated Entry Point page was introduced, allowing users to choose how they enter the experience (e.g., guests, featured content, or specific tracks). This creates a more intentional starting point and reduces initial confusion.

Impact
Users gain immediate context and control, making the platform easier to understand and navigate from the first interaction.

Problem
The original experience dropped users directly into the Main Hall, offering functionality but no clear orientation or sense of entry into the platform.

Redesign
A dedicated Entry Point page was introduced, allowing users to choose how they enter the experience (e.g., guests, featured content, or specific tracks). This creates a more intentional starting point and reduces initial confusion.

Impact
Users gain immediate context and control, making the platform easier to understand and navigate from the first interaction.

Multiverse Nagivation System

Multiverse Nagivation System

Map of the Multiverse

Map of
the Multiverse

Map of the Multiverse

Problem
The original navigation treated all sections as equal, making it difficult for users to understand relationships between features.

Redesign
The Multiverse Map was introduced as a central navigation system, visually organizing all sections into a unified structure while maintaining their individuality.

Impact
Navigation becomes more intuitive and exploratory, helping users understand both the scale and organization of the platform.

Problem
The original navigation treated all sections as equal, making it difficult for users to understand relationships between features.

Redesign
The Multiverse Map was introduced as a central navigation system, visually organizing all sections into a unified structure while maintaining their individuality.

Impact
Navigation becomes more intuitive and exploratory, helping users understand both the scale and organization of the platform.

Problem
The original navigation treated all sections as equal, making it difficult for users to understand relationships between features.

Redesign
The Multiverse Map was introduced as a central navigation system, visually organizing all sections into a unified structure while maintaining their individuality.

Impact
Navigation becomes more intuitive and exploratory, helping users understand both the scale and organization of the platform.

Content Track Experience

Content Track Experience

Track Pages

Track Pages

Problem
Content tracks lacked structure, making it unclear how users should engage with each section.

Redesign
Each track was redesigned as a self-contained experience, combining browsing, interaction, and participation within a consistent framework.

Impact
Users can engage more deeply within each track while maintaining a clear sense of identity and purpose across the platform.

Problem
Content tracks lacked structure, making it unclear how users should engage with each section.

Redesign
Each track was redesigned as a self-contained experience, combining browsing, interaction, and participation within a consistent framework.

Impact
Users can engage more deeply within each track while maintaining a clear sense of identity and purpose across the platform.

Problem
Content tracks lacked structure, making it unclear how users should engage with each section.

Redesign
Each track was redesigned as a self-contained experience, combining browsing, interaction, and participation within a consistent framework.

Impact
Users can engage more deeply within each track while maintaining a clear sense of identity and purpose across the platform.

Rebuilt Sections

Rebuilt Sections

Rebuilt Sections

Tickets

Tickets

The ticket flow was reorganized to improve clarity and reduce decision friction. Pricing and key information are now presented in a clear hierarchy, allowing users to compare options quickly without scanning unnecessary details.

The ticket flow was reorganized to improve clarity and reduce decision friction. Pricing and key information are now presented in a clear hierarchy, allowing users to compare options quickly without scanning unnecessary details.

The ticket flow was reorganized to improve clarity and reduce decision friction. Pricing and key information are now presented in a clear hierarchy, allowing users to compare options quickly without scanning unnecessary details.

Before

Before

Before

After

After

After

Schedule

Schedule

The schedule was redesigned to support easier navigation across tracks. A clearer structure and improved visual grouping allow users to browse, filter, and understand events without losing context.

The schedule was redesigned to support easier navigation across tracks. A clearer structure and improved visual grouping allow users to browse, filter, and understand events without losing context.

The schedule was redesigned to support easier navigation across tracks. A clearer structure and improved visual grouping allow users to browse, filter, and understand events without losing context.

Before

Before

Before

After

After

After

Lounges

Lounges

The lounge experience was restructured to feel more intentional and engaging. Instead of a generic space, each lounge now supports distinct interactions while remaining consistent within the overall system.

The lounge experience was restructured to feel more intentional and engaging. Instead of a generic space, each lounge now supports distinct interactions while remaining consistent within the overall system.

The lounge experience was restructured to feel more intentional and engaging. Instead of a generic space, each lounge now supports distinct interactions while remaining consistent within the overall system.

Before

Before

Before

After

After

After

Artificial Intelligence

Artificial Intelligence

Artificial Intelligence

Using AI as a Design Tool

Using AI as a Design Tool

AI was used as a support tool throughout the process, from generating visual assets to exploring interface variations. It helped accelerate iteration while keeping design decisions intentional and user-focused.

AI was used as a support tool throughout the process, from generating visual assets to exploring interface variations. It helped accelerate iteration while keeping design decisions intentional and user-focused.

AI was used as a support tool throughout the process, from generating visual assets to exploring interface variations. It helped accelerate iteration while keeping design decisions intentional and user-focused.

Behind the Prompts

Getting AI-generated visuals to feel consistent within an existing design system required significant iteration. Each prompt had to account for color palette, mood, level of detail, and how the asset would behave within a dark UI with neon accents. Outputs that looked strong in isolation often didn’t translate well once placed into the actual interface. This required multiple cycles of prompting, adjusting, and discarding until each asset felt cohesive within the system. The same challenge applied to track artwork. Each “universe” needed to feel visually distinct while still belonging to the same overall experience. That level of coherence doesn’t happen automatically — it has to be intentionally designed and critically evaluated. What I took away from this process wasn’t just a set of techniques, but a clearer understanding of AI’s role in design. AI is effective at generating visual material quickly, but the designer’s judgment remains essential — deciding what fits, what needs refinement, and what should be discarded. Using AI well is not just a tool — it’s a design skill. This project is where I began developing that mindset more seriously.

What Stayed the Same

What Stayed
the Same

What Stayed the Same

The core design system remained unchanged.
The dark foundation, color-coded tracks, halftone textures, cut-corner components, and typography were already cohesive and effective.

This redesign focused on improving structure and usability, and not redefining the visual language. Preserving these elements ensured consistency across the experience while allowing the system to scale more effectively.

The core design system remained unchanged.
The dark foundation, color-coded tracks, halftone textures, cut-corner components, and typography were already cohesive and effective.

This redesign focused on improving structure and usability, and not redefining the visual language. Preserving these elements ensured consistency across the experience while allowing the system to scale more effectively.

The core design system remained unchanged.
The dark foundation, color-coded tracks, halftone textures, cut-corner components, and typography were already cohesive and effective.

This redesign focused on improving structure and usability, and not redefining the visual language. Preserving these elements ensured consistency across the experience while allowing the system to scale more effectively.

Reflection

Reflection

Reflection

Designing Within a System

Designing Within a System

This project reinforced the importance of knowing what not to change.

Not every redesign requires a new visual direction. In this case, the system was already strong, the challenge was improving how it was structured and experienced.

Working within an existing system required more discipline. Every change had to respect what was already working while solving real usability issues.

The result is not a different product, but a more coherent one, showing how the same concept performs when its structure fully supports it.

This redesign reflects how I approach product improvement, identifying structural issues, preserving what works, and making targeted changes that improve clarity and usability.

This project reinforced the importance of knowing what not to change.

Not every redesign requires a new visual direction. In this case, the system was already strong, the challenge was improving how it was structured and experienced.

Working within an existing system required more discipline. Every change had to respect what was already working while solving real usability issues.

The result is not a different product, but a more coherent one, showing how the same concept performs when its structure fully supports it.

This redesign reflects how I approach product improvement, identifying structural issues, preserving what works, and making targeted changes that improve clarity and usability.

This project reinforced the importance of knowing what not to change.

Not every redesign requires a new visual direction. In this case, the system was already strong, the challenge was improving how it was structured and experienced.

Working within an existing system required more discipline. Every change had to respect what was already working while solving real usability issues.

The result is not a different product, but a more coherent one, showing how the same concept performs when its structure fully supports it.

This redesign reflects how I approach product improvement, identifying structural issues, preserving what works, and making targeted changes that improve clarity and usability.