Breakaway Music Festival
Engineering a dynamic Webflow site for a premier music event.
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a185de2fbb1442a9112c68_Project-page-main.webp)
Breakaway Music Festival is a dynamic event that aimed to set the bar high with its online presence, reflecting the energetic atmosphere of the festival itself. As the lead web designer & partnering with Craze, I was tasked with transforming their vision into a vibrant, user-friendly website. Collaborating with a diverse team of professionals, I was involved in every step of the process. From crafting initial concepts and creating wireframes, to fine-tuning details and launching the site, each phase presented its own unique challenges. The goal was not only to design a visually compelling site but also to ensure seamless navigation, ticket purchase, and event information for festival attendees all across the United States.
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a4422d10eb3011b3bd8002_brand-guidelines.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a44234bf1ee641d8670835_blue-dude-mobile.webp)
Setting the Stage for Breakaway Music Festival
This project's main goal was to design an engaging and immersive online experience for the Breakaway Music Festival, a multi-location event hosting major artists like Young Gravy, The Chainsmokers, Oliver Tree, and Tiesto.
Artist Highlights and Event Information: Detailed and accessible information about the line-up, schedules, and ticket sales was presented, with each artist having their own interactive feature linking to their Spotify page.
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a698444faf9d7553797412_mascot-poster.webp)
Crafting a Unique Experience for Each Location
We aimed to bring the unique essence of each festival location to life using colour-coded themes and mascots.
- Location-Specific Storytelling: Every festival location had its dynamic CMS page, featuring location-specific details all wrapped in its unique colour theme.
- Music Integration: To enhance user engagement, we embedded Spotify playlists for each venue, allowing users to preview the festival music.
- User Engagement: We fostered interaction by providing multiple engagement avenues such as email and SMS sign-ups, social media shares, and accessible communication channels.
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a4450f136fae7e722e0402_web-screenshots.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a4451334cbb0fe1d9f0fd8_laptop-w-website.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df46cb644441b1ffb0f_yellow-sun-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df439b7be36f1194bf4_red-saturn-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4b6db9c22b2c60182_purple-jupiter-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4d2e8cb8b1be9eac1_light-blue-moon-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4740e455bda3f404c_green-earth-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df46cb644441b1ffb0f_yellow-sun-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df439b7be36f1194bf4_red-saturn-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4b6db9c22b2c60182_purple-jupiter-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4d2e8cb8b1be9eac1_light-blue-moon-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4740e455bda3f404c_green-earth-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df46cb644441b1ffb0f_yellow-sun-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df439b7be36f1194bf4_red-saturn-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4b6db9c22b2c60182_purple-jupiter-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4d2e8cb8b1be9eac1_light-blue-moon-mascot.webp)
![](https://cdn.prod.website-files.com/644286ddef1ce8ed1ec99676/64a69df4740e455bda3f404c_green-earth-mascot.webp)