Medicart is an online store designed for doctors specializing in Endoscopy and Urology, offering a seamless way to purchase essential medical supplies. Built for busy professionals, Medicart simplifies the shopping experience with an intuitive interface tailored for those who may not be tech-savvy. From high-quality tools to specialized equipment, Medicart ensures quick access to trusted products, saving doctors time and effort.
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
The previous webpage was loaded with lots of information that made it really hard for the users to successfully browse through the website.
Create a easy-to-use webpage that meets the needs of doctor and specialists.
Design a clean, intuitive webpage with a minimalistic layout tailored to doctors and specialists. Organize content into clear categories, use prominent navigation menus, and prioritize essential information. Implement search and filter functions for quick access, complemented by visually distinct sections to avoid overwhelming users. Focus on responsiveness and accessibility for seamless browsing on any device.
I conducted interviews with specialists and doctors who typically have busy schedules and no time to browse and shop for the medical items they need for their patients. Most of the doctors confessed that they do not feel comfortable with technology when it comes to shopping online and end up frustrated when they cannot find the items they need.
Medical devices are highly specialized and complex, and they require in-depth technical knowledge to understand.
Specialists need to trust the medical devices they use, and they need to trust the companies that sell them.
Specialists may need technical support or assistance with placing orders, and they may have questions or concerns about the devices they are considering.
Medical devices can be costly, and navigating reimbursement processes can be challenging for specialists and doctors.
The webpage should clearly display pricing, including discounts or financing options, along with transparent information on reimbursement policies and procedures.
Dr. Rodriguez, a urology specialist, faces difficulties in purchasing medical equipment due to her lack of technological skills and the challenge of finding reliable information from overwhelming online sources. Additionally, her busy schedule and the need for trust and security in purchasing make it challenging to dedicate time to research and acquire the necessary equipment.
Next, I sketched out paper wireframes for each screen in my app, keeping the user pain points about navigation, browsing, and checkout flow in mind.The home screen paper wireframe variations to the right focus on optimizing the browsing experience for users.
Moving from paper to digital wireframes made it easy to understand how the redesign could help address user pain points and improve the user experience. Prioritizing useful button locations and visual element placement on the home page was a key part of my strategy.
To create a low-fidelity prototype, I connected all screens in the primary user flow for adding items to the cart and checking out. After gathering feedback from my team on elements like button placement and page organization, I carefully considered their suggestions and made adjustments to address key user pain points.
See PrototypeAfter conducting the usability study, we uncovered surprising user needs that we had underestimated. This research was invaluable, allowing us to refine and adjust our mockups early on, saving time and resources by avoiding redesigns of finalised prototypes.
My hi-fi prototype followed the same user flow as the lo-fi prototype, and included the design changes made after the usability study.
See PrototypeI used headings with different sized text for clear visual hierarchy
I used landmarks to help users navigate the site, including users who rely on assistive technologies
I designed the site with alt text available on each page for smooth screen reader access
The designs for screen size variation included mobile and desktop. I optimized the designs to fit specific user needs of each device and screen size.
“I’ve never felt so confident on buying a high quality medical supply online in such an easy and secure way” -Dr Jorge Silva
I gained valuable insight into the challenges faced by users who aren't tech-savvy but rely on technology daily for online purchases or professional development. Helping busy doctors and specialists save time and streamline their computer usage was both rewarding and impactful.
Conduct follow-up usability testing on the new website
Identify any additional areas of need and ideate on new features
Want to see more?
Discover the in-depth creative journey I undertook, from gaining a deep understanding of the user's needs to honing the design with a user-centered approach. My case study provides a step-by-step walkthrough, showcasing how I transform concepts into user-friendly realities.
Click the link to learn about the meticulous process that ensures a design truly resonates with your audience.
Ready to bring your vision to life? I can't wait to hear from you! Whether you have a project in mind or just want to say hello, don't hesitate to reach out. Let's chat over a virtual cup of coffee ☕️ and turn your ideas into reality!
