The 150th Kentucky Derby
Objective:
Elevate the user experience on the Kentucky Derby website through the implementation of responsive breakpoint layouts. By seamlessly adapting to various devices and screen sizes, the redesigned layouts aim to enhance accessibility, engage a diverse audience, and maintain the iconic elegance associated with the Kentucky Derby brand.
The Kentucky Derby sought to create a seamlessly responsive and visually captivating website, embodying the iconic elegance of their event.
Role: UX/UI Designer
Wireframing, High-Fidelity Prototyping, Figma
Deliverables:
High-Fidelity Mockups, Responsive Design, UI Components, Visual Assets, Accessibility Considerations – Homepage, Search, Event Detail/Interior Pages, Interior Pages, Betting Modules, Breakpoints for Laptop, Tablet, and Mobile
Cohesive Responsive Design Across Devices:
Implement a grid-based layout system that ensures consistent visual elements and content flow, adapting seamlessly to different screen sizes.
Event Information and Odds Display:
Design a dedicated section with real-time updates on race details, horse statistics, and dynamic odds that reflect the latest betting information.
Multimedia Integration for Impactful Content:
Implement responsive multimedia components, such as sliders and video players, to showcase high-quality photos and videos that capture the excitement and tradition of the Kentucky Derby.
Engaging Event Information Display:
Design a visually appealing event page with a clear hierarchy, incorporating intuitive navigation elements and interactive features to engage users with key information.
Needs and Solutions
After thorough user testing, positive outcomes have emerged in enhancing the Kentucky Derby website's user experience. The responsive design has proven highly effective, providing seamless navigation across various devices. Users have praised real-time updates, dynamic odds, and multimedia components for effectively capturing the excitement of the Derby.
Moreover, the event page's intuitive layout and interactive features garnered favorable feedback, enhancing overall accessibility and appeal. Insights from testing facilitated fine-tuning of the website to exceed user expectations. As we conclude, confidence stands that the Kentucky Derby website now serves as a showcase of responsive design and engagement, ready to captivate a diverse audience. Appreciation goes to all involved in this journey toward an improved online experience.
Testing and Conclusion
☹︎ Difficulty in Accessing Event Information:
Users might struggle to find timely and relevant information about the Kentucky Derby events, races, and horse statistics.
☺︎ Design a dedicated section for event information with real-time updates. Prioritize a clear and intuitive navigation structure, allowing users to easily access race details, horse statistics, and dynamic odds. Implement filters or search options for enhanced user convenience.
☹︎ Limited Engagement with Multimedia Content:
Users may not be fully engaged with the content if multimedia elements are not optimized for various devices.
☺︎ Implement responsive multimedia components, such as sliders and video players, to ensure a seamless viewing experience on different screen sizes. Optimize images and videos for quick loading without compromising quality. Provide captions or alternative text for accessibility.
☹︎ Unappealing Event Page Design:
A visually unappealing event page with poor navigation can deter users from exploring the content.
☺︎ Design an attractive and visually appealing event page with a clear hierarchy. Use visually distinct elements to highlight key information. Incorporate intuitive navigation elements, such as tabs or buttons, to guide users through the event details. Add interactive features, like clickable maps or timelines, to enhance engagement.