Transforming a Mobile-Only App into a Seamless Desktop Experience.

Oshi Health offers virtual care for digestive health conditions like IBS, providing patients with personalized treatment plans through a convenient, mobile-first platform.

Updating a historically mobile-only virtual care app into a fully functional desktop experience without sacrificing the app’s original mobile-focused usability and design.
Project Duration

80 Hours

Role

Product Designer

Tools

Figma, Illustrator, After Effects

Skills

User Research, Task Flows, Prototyping, Usability Testing, Interaction Design

Objective

The goal of this project was to transform a historically mobile-only app into a fully functional desktop experience while maintaining its core usability and design integrity. By optimizing the user interface for larger screens, adapting navigation patterns, and rethinking key functionality, the project aimed to enhance accessibility and increase user engagement across platforms. The desktop version would allow for seamless transitions between devices, offering users more flexibility and convenience without sacrificing the app’s original mobile-focused simplicity, thereby broadening its appeal and reach in new ways for both current and potential users.

92%

A vast majority of patients experience significant relief within just 10 weeks or less with Oshi's treatments.

88%

Most undiagnosed patients receive a clear and accurate diagnosis within just 3 months of starting service.

91%

There has been a significant reduction in unnecessary procedures and tests, leading to an increase in customer satisfaction.

Source: Results of a clinical trial conducted in partnership with a national health plan

Project Goals
Oshi Health needed a desktop version of their mobile-only app that maintained their existing brand's visual identity. I developed a desktop experience that seamlessly extended their clean, user-friendly design across platforms.

From Mobile-First to Responsive.

To transition from a mobile-first product to a responsive design, the focus was on enhancing usability for desktop users while preserving the app’s simplicity. The design approach involved adapting mobile features to accommodate larger screens, ensuring intuitive navigation and seamless engagement. Specific desktop needs were addressed by reorganizing key elements for better interaction without overcomplicating the interface. This resulted in a flexible, consistent experience across platforms. In addition, the design allowed for scalability, ensuring that future updates could easily adapt to both mobile and desktop environments as user needs evolved.

Care Team Overview.

The dashboard homepage now includes a dedicated care team section, allowing users to easily view their healthcare providers. This enhances communication, ensures coordinated care, and provides quick access to key team members.

Effortless Appointment Management.

Users can easily manage their appointments and review past visit summaries in a single, streamlined dashboard, improving accessibility and enhancing their overall experience with detailed, well-organized records.

Unified Appointment Booking.

The appointment booking system mirrors the mobile user flow, offering a familiar and intuitive experience across devices. This ensures consistency and ease of use, allowing users to book appointments effortlessly regardless of device.

Cross-Platform Chat Integration.

An integrated chat feature seamlessly synchronizes current and archived conversations between mobile and desktop, ensuring real-time updates and allowing users to easily access their messages across platforms.

Let's Work Together.

Ready to bring your vision to life? Let's team up on your next project and create something unforgettable together.

Let's Connect
Let's Connect

In redesigning the desktop experience, I focused on reorganizing the sub-navigation to improve clarity.

By removing tabs and consolidating content onto a single screen, I created a more intuitive dashboard where users could easily access all relevant information without needing to switch between tabs. This streamlined the interface, making navigation simpler and more efficient, while still maintaining a clean, organized layout that enhances the overall user experience and reduces cognitive load on users. To enhance consistency across devices, I leveraged the mobile experience by incorporating overlays when the screen needed to change states. These overlays mimicked the familiar mobile interactions, ensuring a seamless and engaging experience for desktop users without sacrificing usability, simplicity, or functionality. This approach also allowed for smoother transitions between features.
Jeff Gapinski
Founder of Huemor

“Jon Prinz is a master of his craft. I highly recommend him for any UI/UX design projects.”

Jon combines a keen eye for detail with a deep understanding of user behavior, creating intuitive and aesthetically pleasing interfaces. His focus on quality, both with the end product and design files makes him an invaluable asset to any team.

Results
User interactions became smoother with unified cross-platform experiences. Appointment management and communication improved, boosting overall user satisfaction.

What's Next.

I deepened my understanding of UX and product design by focusing on creating seamless, cross-platform experiences that prioritize user engagement. The project reinforced the importance of adapting mobile UX for desktop, while ensuring intuitive interactions and simplifying complex processes. It also underscored the critical role of user feedback in refining product design to meet evolving needs.

Moving forward, I would improve the product across all platforms by conducting comprehensive usability testing and further research. This would help refine task flows, identify pain points earlier, and allow for continuous iteration, ensuring the product effectively meets user needs and expectations.