UX/UI

UX/UI

UX/UI

UX/UI

UX/UI

Web Design

Web Design

Web Design

Web Design

Web Design

Branding

Branding

Branding

Branding

Branding

Surreal Website

Surreal Website

Surreal Website

1 → How it all began

1 → How it all began

1 → How it all began

Surreal began as a simple idea: create a digital home for Miami’s creative scene. I helped shape the product strategy, user experience, and visual direction for a platform that connects events, culture, and commerce.

Headquarters

Headquarters

Miami, Florida, USA

Founded

Founded

2023

Industry

Industry

E-commerce

Duration

Duration

12 Weeks / May 2024

My Role

My Role

My Role

Defined the product experience, mapped key user journeys, and designed a platform that balances cultural storytelling with clear business goals.

Team

Team

Team

César Avila - Product Designer

Ornella Avila - Graphic Designer

Stack

Stack

Stack

2 → Crafting the Experience

2 → Crafting the Experience

2 → Crafting the Experience

We tested several homepage structures before landing on a flow built around discovery. The final direction made events, artists, and products easier to scan without losing the brand’s expressive energy.

Research & Insights

Research & Insights

Research with artists, organizers, and early users showed that people wanted a platform that felt curated, mobile-first, and less transactional than traditional event tools.

Audience

Audience

Audience

Our audience seeks exclusive experiences in art, music, and fashion.

Challenges

Challenges

Challenges

Bringing art, music, and fashion into one platform, while making ticketing and e-commerce easier to use.

Logo Design

Logo Design

Logo Design

The identity work balanced expressive typography with a clean system, giving Surreal enough flexibility to feel cultural without becoming chaotic.

Color Palette

Color Palette

Color Palette

The high-contrast palette of black, off-white, magenta and neon green was chosen to create an edgy, elegant, and professional vibe.

Typography

Typography

Typography

We selected clean, bold fonts to ensure readability while maintaining a high-end look that complements Surreal’s aesthetic.

Designing The Experience

Designing The Experience

The ticketing flow was reduced to a focused two-step path, making checkout faster while keeping the experience aligned with the brand.

Mobile-First Navigation

Mobile-First Navigation

Mobile-First Navigation

Most users would visit Surreal from their phones, so we made the mobile experience simple, clear, and quick to move through.

Ticketing Flow

Ticketing Flow

Ticketing Flow

We streamlined the ticketing process, allowing users to quickly purchase tickets or bundles of tickets and merchandise in just a few clicks.

Designing for Bigger Screens

Designing for Bigger Screens

Designing for Bigger Screens

Desktop gave us more room for visuals, movement, and story, without making the experience feel heavy.

3 → Where Art Meets Results

3 → Where Art Meets Results

3 → Where Art Meets Results

Surreal isn’t just a platform, it’s Miami’s go-to hub for creativity, community, and commerce.

Outcomes

Outcomes

Outcomes

The launch created a clearer destination for Surreal’s events, product drops, and cultural programming, with a stronger mobile experience for discovery and ticketing.

30%

Boost in event RSVPs, driving organic engagement and growth.

10%

Reduction in costs through simplified ticketing flows, decreasing reliance on third-party platforms.

Surreal World

Surreal World

Surreal World

“Watching Surreal come to life was unreal. We started with an idea, and what we ended up with was a brand that moves, feels, and lives like the culture it represents.”

Daniel Lopez

CEO, Founder | Surreal

4 → What Surreal meant to me

4 → What Surreal meant to me

4 → What Surreal meant to me

Surreal was a rare project where strategy, culture, and product design moved together. It pushed me to design beyond screens and think about how a brand can feel alive across community, commerce, and experience.

Thank you for your time!

Thank you for your time!

Thank you for your time!

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