The task was to reskin a b2c website that would be used by fans and spectators in the United States. The website needed to provide a seamless user experience while showcasing the excitement and spirit of the Olympic Games.
Create a visually stunning, user-friendly website that could be easily accessed from any device, providing easy access to information about the events, athletes, and results.
Establish a design system that reflected the brand's values and could be applied consistently across all digital platforms.
Conduct WCAG usability tests to ensure the website was accessible to all users, including those with disabilities.
Incorporate interactive features to engage users and promote the Olympic Games' message of unity, diversity, and excellence.
• Users would be accessing the website from a variety of devices, including desktop computers, laptops, tablets, and smartphones.
• Users would be looking for specific information about the events, athletes, and results.
• Users would be coming from a variety of cultural backgrounds and language preferences.
• Balancing the need for a visually engaging website with the need for a high level of functionality and ease of use.
• Ensuring the website was accessible to all users, including those with disabilities.
• Providing timely and accurate information about the events, athletes, and results.
To establish a consistent visual language, I created a design system based on the Olympic Games' color palette and typography. The design system included guidelines for layout, typography, iconography, and photography. The website was designed with a mobile-first approach, ensuring that it would look great and function well on any device.
The website was designed with responsiveness in mind, meaning it could adapt to any screen size or device. I tested the website on various devices and browsers to ensure it was functional and visually appealing across all platforms.
To ensure the website was accessible to all users, I conducted WCAG usability tests. The tests were performed by people with disabilities who used assistive technologies, such as screen readers and keyboard-only navigation. The results of the tests were used to make improvements to the website's design and functionality, ensuring it was fully accessible to all users.
To engage users and promote the Olympic Games' message of unity, diversity, and excellence, I incorporated interactive features, such as a virtual tour of the venues, an interactive schedule of events, and a quiz about the history of the Olympic Games. These features provided a fun and engaging way for users to learn about the events and athletes and to share their excitement with others.
Sarah is a 25-year-old sports enthusiast who loves to watch and follow different Olympic sports.
Sarah
SPORTS ENTHUSIASTIC
Sarah
Sarah visits the b2c website to browse the schedule of upcoming events, check out the results of past events, and read athlete bios. She also uses the website to purchase tickets to attend events in person.
Mike is a 35-year-old traveler who plans to attend the Olympic Games and wants to make the most of his trip.
Mike
THE TRAVELER
Mike
Mike visits the b2c website to research travel options and accommodations, plan his itinerary, and find recommendations for local restaurants and attractions. He also uses the website to purchase tickets and make reservations.
Emily is a 20-year-old student who is passionate about volunteering and wants to be a part of the Olympic Games.
Emily
THE VOLUNTEER
Emily
Emily visits the b2c website to learn about volunteer opportunities, apply to become a volunteer, and track the status of her application. She also uses the website to view training materials and communicate with other volunteers.
Design
System
Buyflow/
Checkout