Music Festival Website Partial Redesign

Project Overview

　The partial redesign involved close collaboration with the client, focusing on improving user experience and accessibility through updates such as a refreshed homepage, streamlined navigation, a media page, and enhanced inclusivity features.

The problem:

　Outdated design and complicated navigation issues created a poor user experience. The bland color scheme resulted in a lack of contrast, further diminishing usability.

The goal:

　Improve navigation, enhance functionality, and boost accessibility.

Role:

　UX Designer / Web Developer

Responsibilities:

　Prototyping

　Homepage & navigation updates

　Accessibility improvements

　Facilitated regular feedback sessions with the client to refine designs and ensure alignment with their goals

User research: pain points

1. Navigation Challenges:

Users struggled to find relevant information due to a cluttered and confusing navigation structure.

2. Accessibility Issues

Sufficient contrast due to brand color alignment, hindering accessibility for visually impaired users.

Sitemap

Accessibility considerations

Color

Ensured all colors meet accessibility standards by using a contrast grid, testing combinations to improve readability for all users.

Cognitive load

The original header included too many pages. Reduced cognitive load by simplifying the navigation structure for easier use.

High-fidelity prototype

Implement

For this project, I used WordPress as the platform along with multiple plugins, such as Elementor, to build a responsive and visually appealing design.

When required, I implemented custom CSS and HTML to enhance functionality, refine layouts, and achieve certain custom features not included in the default plugin options, ensuring a user-friendly experience.

Takeaways

The Importance of Accessibility: Testing colors in a contrast grid and implementing high-contrast modes highlighted the significance of designing for inclusivity.
Streamlined User Experience: Simplifying the navigation structure greatly improved usability and reduced cognitive load for users.
Iterative Design Process: Regular feedback and testing ensured the final design met user needs effectively and aligned with accessibility standards.
Collaboration and Communication: Working closely with stakeholders emphasized the value of clear communication to achieve design goals.

Next Step

Gather User Feedback:

Collect insights from real users to evaluate the effectiveness of the redesign and identify further improvement areas.

Iterate Based on Feedback:

Refine design elements, navigation, and functionality to address user needs and enhance the experience.

My works

Explore my UX design journey. Each project showcases my passion for creating intuitive and engaging user experiences through thoughtful research and innovative design.