Case study

Echoes festival

Echoes Festival is a modern music event that combines sound, light, and emotion into one unforgettable experience. The landing page design is crafted to convey the energy of a large scale festival, capture visitors attention, and encourage ticket purchases and attendance at the event.

Role
Junior UI/UX Designer
Tools
Figma
Type
Landing page
View in Figma View in Figma
Echoes festival
01 — Understanding the brief

The goal

The goal of this project was to design a modern and visually striking landing page for the music festival Echoes, with a focus on conveying the energy of the event and motivating users to purchase tickets.

The design is based on a clear information hierarchy, an emotional visual experience, and a simple user journey from discovering the festival to completing the final action.

Project goals
Convey Echoes festival energy and atmosphere.
Present key event details clearly (date, location).
Create urgency due to limited ticket availability.
Encourage fast and easy ticket purchase.
02 — Research & inspiration

Moodboard

After analyzing the brief, I explored layout directions and visual references from music festival websites. This helped me understand common patterns in structure, lineup presentation, and overall atmosphere.

Hero section

Energy at first sight

I was inspired by how photography in full-screen visuals quickly establishes atmosphere, identity, and focus, making the experience clear from the very beginning.

Meet the artists section

Explore artists

I liked the simple design where everything is combined, with labels to read more about them.

Tickets section

Clear options, quick decisions

I liked how the pricing, labels, and layout are designed to clearly present the differences while attracting attention and encouraging ticket purchases.

03 — Wireframing

Low-fidelity structure

With sketches validated, I moved into Figma to build low-fidelity wireframes. The focus was on structure, spacing rhythm, hierarchy and CTA placement.

Desktop — 1440px
Desktop Wireframe
Mobile — 375px
Mobile Wireframe
04 — Design system

Design system

A high-contrast palette with bold accent colors and deep dark tones, supported by soft neutrals for balance and readability.

Color palette

#F52CA3
#1CA8D9
#F2F2F2
#0D071A
#130A24
05 — Final design

Final interface

The final UI combines all research, wireframes and design decisions into a refined, production-ready interface focused on clarity, hierarchy and visual rhythm.

View full in Figma → View full in Figma → View full in Figma→ View full in Figma →
06 — What I learned

Experience through design

This project helped me understand how design can communicate experience and emotion, especially for a large music event meant to attract a wide audience.

01 / Visual experience

Designing emotion

I learned how colors, gradients, and layout can be used to translate the feeling of an event and create an engaging and attractive visual experience that draws people in.

02 / Pricing structure

Hierarchy directs attention

Guiding users through ticket options I explored how to structure ticket cards in a way that highlights value, including promoting premium tickets while still offering discounts to attract more users and improve conversions.

03 / Artist storytelling

Connection builds trust

Building connection through performers I learned the importance of presenting artists in a clear and engaging way, showing their story and music style so users can connect with them and feel motivated to buy tickets.

Next project
Bloomora

Bloomora

An e-commerce flower shop concept with personalized bouquet recommendations and smooth shopping experience.

View case study