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

When the founder first pitched the idea over coffee in Wynwood, I knew this wasn’t going to be a conventional project. We started with nothing but a name 👉🏼 Surreal 👈🏼 and a desire to create something that didn’t yet exist in Miami’s creative scene. My role quickly expanded from designer to strategic partner, mapping out how this concept could live, breathe, and thrive online.

1 → How it all began

When the founder first pitched the idea over coffee in Wynwood, I knew this wasn’t going to be a conventional project. We started with nothing but a name 👉🏼 Surreal 👈🏼 and a desire to create something that didn’t yet exist in Miami’s creative scene. My role quickly expanded from designer to strategic partner, mapping out how this concept could live, breathe, and thrive online.

Headquarters

Headquarters

Miami, Florida, USA

Founded

Founded

2023

Industry

Industry

E-commerce

Duration

Duration

12 Weeks / May 2024

My Role

My Role

My Role

I worked closely with stakeholders to define the vision, develop the user experience, and design a platform that blends creativity with 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

We went through four completely different homepage structures before landing on a layout that actually felt right. I remember running a test version through a quick guerrilla usability session at a coworking space and the feedback reshaped how we handled the artist discovery section entirely. It was messy, iterative, and exactly the kind of process I love.

2 → Crafting the Experience

We went through four completely different homepage structures before landing on a layout that actually felt right. I remember running a test version through a quick guerrilla usability session at a coworking space and the feedback reshaped how we handled the artist discovery section entirely. It was messy, iterative, and exactly the kind of process I love.

Research & Insights

Research & Insights

Research & Insights

To really understand Surreal’s audience, I interviewed four local artists, two event organizers, and ran a short-form survey through Instagram. One common thread? People were tired of clunky platforms that didn’t reflect their vibe. That insight directly shaped our decision to prioritize fluid visual storytelling over traditional list views.

Audience

Audience

Audience

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

Challenges

Challenges

Challenges

Unifying art, music, and fashion into a seamless platform that connects creativity with commerce—while simplifying ticketing and e-commerce flows.

Logo Design

Logo Design

Logo Design

Working alongside Ornella from Redo was one of the most inspiring parts of this project. We went back and forth on typography, style and vibe for weeks. I was pushing for something more expressive, while she advocated for minimalist balance. Eventually, we landed on a type system that flexed depending on the content, keeping both energy and elegance intact.

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

Designing The Experience

One of the biggest challenges was getting the ticketing flow to feel intuitive without making it feel transactional. I spent hours breaking down flows from platforms like Ticketmaster, Eventbrite and Resident Advisor to see what worked and what didn’t. After testing three ticket purchase prototypes with our users, we simplified the process to just two screens and conversion rates improved immediately in testing.

Mobile-First Navigation

Mobile-First Navigation

Mobile-First Navigation

Since most users would access Surreal from their phones, we prioritized mobile-first design to ensure intuitive navigation and smooth interactions across devices.

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

While mobile was a priority, the desktop experience needed to feel equally bold, with more room for visuals, interactive elements, and immersive storytelling.

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

Since most users would access Surreal from their phones, we prioritized mobile-first design to ensure intuitive navigation and smooth interactions across devices.

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 one of those rare journeys where trust, creativity, and collaboration just clicked. We started with nothing but a raw idea, and I got to help shape it into something real. It challenged me in the best ways, not just as a product designer, but as a strategist, entrepreneur, and artist. Figuring out things like the ticketing flow pushed us to get creative, and seeing it all come together was seriously rewarding. Surreal is a celebration of art, music, and fashion, and I’m so proud to have built something that feels honest and connects with real people.

Thank you for your time!

Thank you for your time!

Thank you for your time!