top of page

Festival Vibes Online

A dynamic microsite that captures the energy of a music festival, creating buzz and excitement while providing key information for attendees.

Problem Statement

The Tamworth Country Music Festival, Australia’s largest country music event, lacks a central online hub that provides up-to-date information on events, tickets, and busking artists throughout the year. The existing information is scattered across different sources, and the official program is only released weeks before the festival, making it difficult for potential attendees to plan ahead. This project aims to create a dedicated microsite to attract younger audiences (18-30) by improving accessibility to festival details and ensuring a seamless user experience.


Solution Overview

The proposed microsite will serve as an easy-to-navigate platform featuring:

  • A comprehensive event schedule with ticketing information.

  • Profiles and promotions for street buskers, including links to their music.

  • A visually engaging, mobile-responsive design optimised for different devices.

  • Subscription options for updates on upcoming events.


    The website will enhance the festival’s appeal, ensuring long-term engagement and boosting Tamworth’s reputation as a prime music destination.


Main Goals

  • Improve Accessibility: Provide a central hub for event and ticketing information.

  • Enhance User Experience: Ensure a responsive and visually engaging design.

  • Attract Younger Demographics: Use modern web design and interactive elements to appeal to 18-30-year-olds.

  • Support Local Artists: Offer promotional space for buskers with links to their music.

  • Encourage Early Ticket Purchases: Enable users to plan their festival experience in advance.


Challenges and Issues

  • Scattered Information: Gathering accurate, real-time updates from different event organisers.

  • Scope Management: Narrowing the focus to just the festival rather than all Tamworth attractions.

  • User Navigation: Ensuring intuitive navigation across multiple events and categories.

  • Responsive Design: Adapting layouts for both mobile and desktop usability.

  • Branding & Aesthetics: Choosing a colour scheme and typography that aligns with accessibility standards.


Technologies used

Design & Wireframing:

  • Figma – Used to create low-fidelity wireframes and high-fidelity mockups, ensuring a visually cohesive and user-friendly layout.

  • Adobe Photoshop / Illustrator – Used for branding elements, image optimisation, and custom graphics.

  • Accessibility Testing Tools – Tools like the WebAIM Contrast Checker were used to ensure colour choices met accessibility guidelines.

Front-End Development:

  • HTML5 – Structured the content of the microsite, ensuring semantic markup for accessibility and SEO.

  • CSS3 (with Flexbox & Grid) – Used for styling, layout, and responsive design to ensure usability on both desktop and mobile devices.

  • JavaScript (Vanilla JS) – Implemented interactive elements such as hover effects, dynamic countdown timers, and navigation interactions.

  • Replit

Testing & Optimisation:

  • Google Lighthouse – Performed performance and accessibility testing to ensure the website met best practices.

  • Chrome DevTools – Debugging and optimising responsiveness for different screen sizes.

Front-end Developer and Designer

Role

Solo creation

Scope

8 weeks

Project duration

Project Gallery

Process

1. Research & Proposal:

  • Identified the festival’s audience and key usability pain points.

  • Conducted competitor analysis of existing festival websites.

  • Developed a sitemap focusing on essential pages (Home, Featured Events, Buskers, Golden Guitar Awards, Rodeo).

2. Wireframing & Design Iterations:

  • Created low-fidelity wireframes to map out layout and navigation.

  • Incorporated feedback from usability testing to refine structure and hierarchy.

  • Adjusted button placement, text hierarchy, and navigation flow based on user testing.

  • Ensured consistency in grid layouts for event listings.

3. High-Fidelity Mockups:

  • Designed a modern, accessible color scheme (red, yellow, maroon).

  • Optimized typography for readability across devices.

  • Introduced hover effects and interactive elements to engage users.

  • Implemented UI enhancements such as countdown timers and highlighted ticket prices.

4. Website Prototype & Testing:

  • Developed a functional front-end using HTML, CSS, and JavaScript.

  • Ensured cross-device compatibility for desktop and mobile views.

  • Integrated external links for ticket purchases and busker promotions.

  • Conducted final usability tests and refined based on user feedback.


Final Outcome

The completed microsite effectively consolidates all essential festival information in a user-friendly format. It enhances accessibility for attendees, streamlines ticket purchases, and provides exposure for emerging artists. The platform is expected to increase early ticket sales, improve user engagement, and position Tamworth as a premier destination for music lovers. For more detail, view the final project at the following link: https://replit.com/@Verity96/Website-Prototype

bottom of page