Wondr Medical
Designing the world’s definitive medical community platform
Healthcare
6 months
Overview
Activities
- Landscape audit and benchmarking
- Data analytics
- Objectives and KPI frameworks
- Technical feasibility study
- Insights synthesis and opportunity analysis
- Vision definition & rapid prototyping
- Extending existing brand systems
- UX, UI and experience design
- UI library setup and management
- Investor and stakeholder pitch decks
- Icon design
- Design quality assurance
Introduction
Wondr Medical is on a mission to build the world’s largest community of global healthcare professionals. To achieve this, they needed to transform from a simple video catalogue website into a dynamic, personalised platform that fosters networking and knowledge sharing.
We designed an intuitive, scalable experience that empowered users to grow their network and engage with leading medical content, thought leaders, events, and brands. Our modular design system gave Wondr Medical the flexibility to scale quickly while maintaining a seamless and engaging user experience.
We designed an intuitive UI library and guidelines so that the business could continue to grow and adapt
Challenges
The major challenge was shifting the platform’s focus from a static video catalogue to an interactive, personalised networking tool. We needed to create a system that was not only scalable but could also offer tailored user experiences for a global audience. This required a complete overhaul of the platform’s architecture to support automation and personalisation while ensuring a smooth, high-quality experience for users.
We designed an intuitive UI library and guidelines so that the business could continue to grow and adapt
Approach
Adopted a lean strategy and defined a strict MVP with clear KPIs
We started by defining a clear set of business goals and how they align to the user's needs. We mapped out the user journeys and outlined the ‘minimum loveable experience’. We broke up the experience into epics and delivered the designs in sprints.
Designed the platform to be mobile first execution as most users were on mobile
The platform needed to work seamlessly for any device, but it needed to work exceptionally well for mobile as it accounted for 70% of users. The focus on mobile made it much easier to scale up to larger breakpoints. In order to make the platform easy to use we adopted the most commonly used interaction patterns for each device breakpoint.
Collaborated closely with the client’s product development team and their partners
The fast moving pace of the project meant that you had to get onboard, fast. It was important from day one that we understood each other and communicated effectively. We relied heavily on the businesses expertise and understanding of the users. We were open with the work we were doing and shared and reviewed often.
We designed an intuitive UI library and guidelines so that the business could continue to grow and adapt
Made the most of our time by being lean in the product and design documentation
We set up digital tools to help us all align quickly on the product vision. We adopted smart, collaborative tools like Miro and Trello to keep everyone aligned. We worked lean by documenting only when necessary.
Solutions
We designed a feed so that users could have the relevant conversations, news and education in one place
A personalised feed to engage and retain users
A primary goal was the retention of users. We designed a feed so that users could have the relevant conversations, news and education in one place.
Timely prompts encourage users to explore new content and connect with like-minded peers
Constant discovery was encouraged across the platform
Wondr wanted to keep the users on the platform for longer. We designed smart continuation points when the user would reach the end of a journey so that they could continually discover content.
Navigation seamlessly adapts to each breakpoint to allow the user to focus on the task at hand
A navigation system for scale and personalisation
Wondr were wanted a personalised experience for their users and platform they could easily scale. We designed a side navigation to cater for additional areas on the site and to save users personal preferences.
User can build their profiles to grow their influence on the platform
Profile builder enabled medical professionals to grow their influence
A key component to growing the network was for users to be able to build their profiles and grow their influence amongst their peers. We made it easy for users to input their information and to connect with their peers.
Smart forum for publishers and brands to debate their ideas
The heart and soul of the networking platform was the user generated and publisher generated content. We designed a versatile system that could adapt to a wide variety of content types posted by users.
Modular system makes it easy to scale the platform and efficient to build
Modular design system and collaborative UI library
It was important for Wondr to be able to pick up the work that we started when we finished the project. We designed an intuitive UI library and guidelines so that the business could continue to grow and adapt their offering.
Summary
The new Wondr Medical platform transforms the user experience, empowering healthcare professionals to network, access expert content, and engage with leading events and brands. With an intuitive, scalable design and a flexible modular system, the platform supports Wondr Medical's growth and fosters a dynamic, personalised community.
Project impact
“The best part about working with Pattrn is getting access to the leadership throughout the project. Their collaborative, hands-on, no ego attitude made them feel like partners in our business. They quickly understood our ambitions and our user needs. Their valuable strategic support enabled them to set the vision for our platform and deliver a class leading user experience in a short amount of time.”
