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.