Type: UX/UI Event Website
Role: Designer & Front-End Developer
Tools: HTML5, CSS3, Figma, Google Fonts
Lorcana Legends Expo is a fully realized multi-page event website created for a UX/UI design class. The goal was to design a professional and immersive fan convention experience for Disney’s Lorcana TCG, complete with registration, guest panels, gallery, schedule, and prize showcase.
The aesthetic merges storybook fantasy and modern web design, using deep navy backgrounds, glowing gold accents, and cyan lighting effects to capture the feeling of enchanted trading cards.
Design Thought Process
- Concept: Blend professional convention UX with Lorcana’s magical theme.
- Visual Language: Gold for prestige, cyan for energy, deep navy for atmosphere.
- Consistency: Reused global layout components (header, hero, footer) across all pages for continuity.
- Engagement: Dynamic hover glows and soft scaling to mimic collectible card interactions.
Page Highlights
Home
Hero section introduces the event with stand-out call-to-action buttons and a cinematic atmosphere.
Register
Clean, glowing form with animated focus states and tiered ticket pricing cards (General, Premium, VIP).
Guests
Interactive profile grid styled like collectible cards, with hover animations and social links.
Gallery
Consistent image sizing and unique border treatments give each photo its own visual character.
Schedule
Three-day grid with iconography and smooth hover lifts; includes the Tournament Prize section.
FAQ
Readable, accessible cards with hover expansion and icons for clarity; ties the theme together.
Outcome
The final site feels immersive, balanced, and user-friendly demonstrating layout, design systems, and theme cohesion. Each page is fully responsive, animated with pure CSS, and visually unified through shared color and typography.
Reflection
This project showcases my ability to blend creativity and front-end precision, translating an imaginative concept into a polished, accessible, and professional-quality web experience.