Health diagnostics company specializing in at-home test kits designed to deliver fast, accurate, and accessible lab results.
Duration
2 month
Role
Solo Designer, No-Code Developer
Skills
E-commerce
No-code Development
Product Design
Motion Design
Simply Diagnostic approached me with a challenge: their digital presence didn’t reflect the reliability or clarity expected from a company offering medical-grade health tests. Their site lacked structure, design coherence, and the e-commerce capabilities essential for a direct-to-consumer health platform.
My Role
I was responsible for redesigning the entire experience from scratch, rebuilding the user flow, integrating Shopify for seamless online purchases, and creating a system that would support their growing list of diagnostic tests. The goal was to turn an underperforming informational site into a trustworthy, conversion-focused health platform.
Challenge
Solution
I restructured the full user journey—grouping tests into clear categories and simplifying navigation. Each test page now clearly explains what’s included, how it works, and when results are delivered. I designed and built the platform in Figma and implemented it in Shopify, creating a fast, responsive, and scalable experience focused on trust and usability.
Responsive Experience
Since many users visit the site from mobile devices, I focused on making the layout fluid and intuitive across all screen sizes. Key actions—like browsing tests, reading details, and checking out—were optimized for mobile, ensuring a smooth, frustration-free experience.
Register the Kit
I designed a dedicated page where users can register their test kit after sending it back. The form is simple and easy to complete, helping the lab match test results to the correct user. This step improves the overall experience and ensures users receive quicker and more accurate results.
Motion and Interaction
I added subtle animations and micro-interactions to create a polished, guided experience. Category cards animate on hover, sections fade in as users scroll, and buttons respond with smooth transitions to reinforce intuitive feedback.
Outcome
After launching the new website, Simply Diagnostic saw increased trust and smoother conversions. Users now understand the product offering, can purchase tests easily, and navigate the process end-to-end—from browsing to registering their kit—on any device.
