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