Role: Product Designer (UI)

Tool Used: Adobe XD, Sketch,Adobe Illustrator

The objective was to improve the user experience of patients visiting the website by providing them with more opportunities to learn about BOTOX as a potential treatment for their Spasticity. In order to achieve this, the website now features a series of patient testimonials and expert webinars, which allow users to gain a deeper understanding of how and why BOTOX may be a good option for their condition.

The website has seen a high volume of traffic, and these new features are designed to provide patients with a more comprehensive and informative experience while engaging with the site's content. By offering these resources, the website can create a more engaging and informative user experience that can ultimately lead to improved patient outcomes. Patients who are more informed about their treatment options are more likely to make informed decisions and feel empowered in their healthcare journey.

So what happened, right?

Media player enhancement

To enhance the media player for webinars and testimonials on the website, there are several approaches that could be considered:

1. Improve the User Interface: The media player should have an easy-to-use interface that allows users to play, pause, rewind, fast-forward, and adjust the volume of the video. The player should be optimized for different screen sizes, including mobile devices, to provide a seamless experience for all users.

2. Include closed captioning and translations: Including closed captioning and translations can make the webinars and testimonials more accessible to users with hearing impairments or who speak languages other than English. They can also be helpful for users who may not be able to play the video with sound or who prefer to read the content. This feature can expand the reach of the content and make it more inclusive.

3. Enable Sharing and Downloading: Providing users with the option to share the webinar or testimonial with others or download it for offline viewing can help increase the reach of the content and make it more accessible for users who may not have reliable internet access.

4. Provide easy navigation: The media player should be easy to navigate, with clear controls and options for users to pause, play, rewind, and fast forward the video. It should also include a progress bar to help users track their progress through the video and allow them to skip ahead to specific sections.

Overall, by improving the media player for webinars and testimonials, the website can provide a more engaging and informative experience for users, which can lead to improved patient outcomes and increased user satisfaction.

Why re-create the wheel?

As most users tend to engage with video content on websites, I conducted research on common media player functions and styles that users are familiar with. By performing a comparison analysis, our team was able to identify the options that worked well and areas that could be improved based on the common pain points experienced by users.

Mobile first

By taking a mobile-first approach, with the understanding that the majority of users would be accessing the site through their phones or tablets, we were able to design and build a user-friendly and accessible interface that also maintains the brand identity. This allowed us to prioritize the most important elements and create a clean and streamlined design that is easy to navigate on a small screen.

Despite the focus on mobile design, we made sure to maintain the brand identity throughout the website by using consistent colors, fonts, and imagery that align with the brand guidelines. By doing so, we were able to create a cohesive experience for users, regardless of the device they were using to access the site.

Overall, our approach to design allowed us to create a website that is both user-friendly and visually appealing, while also staying true to the brand's identity and values.