Gleneagles E-Shop – Patient-Centric UX & UI Design & Digital Healthcare Solutions

Project Overview

Gleneagles Hospital Hong Kong is a leading private hospital committed to delivering high-quality healthcare services. DigiSalad partnered with Gleneagles Hospital to design and develop a brand-new e-shop platform, Gleneagles PharmaHome, tailored specifically for patients’ healthcare and medication needs, including prescription medications, supplements, and vitamins. DigiSalad led the end-to-end creation of the platform, covering UX & UI design, system architecture, and the development of core e-commerce functionalities.

The objective was to reimagine the traditional medicine purchasing journey by creating a seamless online experience—allowing patients to browse, purchase, and receive medical products without visiting the hospital in person. This approach significantly improves accessibility, particularly for long-term patients and individuals with limited mobility.

Gleneagles PharmaHome platform was built with a comprehensive feature set developed by DigiSalad, including member registration, a points-based reward mechanism, flexible redemption options, real-time inventory visibility, and hospital system connectivity. Together, these capabilities form a secure, scalable, and patient-friendly digital commerce solution.

Challenges

As online shopping becomes part of everyday life, patients naturally expect hospital e-shops to feel just as easy and familiar as the platforms they use for daily purchases. This change in behaviour raised expectations for how a healthcare shopping experience should look and feel.

The challenge was to create an e-shop that was smooth, intuitive, and pleasant to use, while still meeting the operational needs of a hospital. Gleneagles PharmaHome platform needed to be simple enough for patients of all ages to use with confidence, while accurately managing medical products and real-time stock information behind the scenes.

At the same time, the e-shop needed to support a growing number of online medicine orders without becoming complicated or overwhelming. Finding the right balance between ease of use, performance, and reliability was key to building a platform patients could trust and feel comfortable using again.

E-shop Features

Flexible, Widget-Based Layout Design

The Gleneagles PharmaHome platform features a flexible, widget-based UI that organises banner blocks, promotional content, product highlights, and call-to-action buttons into clearly defined sections. A central overview area highlights key products and categories, allowing users to quickly scan what the e-shop offers. Clear visual separation between content blocks keeps the interface clean, structured, and easy to follow.

This structured layout helps users browse comfortably without feeling overwhelmed. Clear navigation and easy-to-spot buttons support a smooth shopping journey, making browsing and purchasing straightforward for users of all ages.

To further enhance the overall experience, DigiSalad designed a quick and seamless registration flow that fits naturally into the shopping experience. Registered users can earn reward points, save personal details and preferences, and easily track or revisit past orders. By combining a clear, flexible UI with thoughtful, user-focused UX design, the platform delivers a smooth, supportive, and easy-to-use e-shop experience.

Easy Prescription Upload & Online Dispensing

Beyond standard e-commerce capabilities, DigiSalad equipped the Gleneagles PharmaHome platform with a prescription upload feature designed to make accessing prescription medication simpler and more convenient. Users can upload a doctor-issued prescription in just a few easy steps, after which the request is reviewed and approved through the backend before proceeding.

Once approved, users can complete payment directly on the platform, while the system handles the dispensing process behind the scenes. The overall flow is designed to be clear and easy to follow, allowing users to manage prescription orders online without the need to visit the hospital in person. This is especially helpful for those who manage long-term medication or prefer a more convenient way to take care of their healthcare needs. This approach ensures a smooth and reliable user experience, reflecting DigiSalad’s ability to translate complex healthcare workflows into practical digital solutions.

Rewards, Loyalty & CRM-Driven Engagement | Flexible Configuration 

Gleneagles PharmaHome is built with a future-ready architecture that combines reward-based engagement with integrated CRM capabilities. A gamified points system allows users to earn and redeem rewards on future purchases when enabled, adding value without complicating the shopping experience. At the same time, the CRM consolidates user information and purchase history in one central system, making it easier for the hospital team to manage customer relationships and engagement more efficiently.

The reward and loyalty setup is flexible and configurable, allowing Gleneagles to introduce or adjust features such as tiered membership, e-coupons and e-vouchers based on operational or marketing needs. For registered members, familiar e-commerce functions including order history, purchase tracking and system notifications are seamlessly integrated, supporting a smooth, reliable and scalable shopping experience.

What DigiSalad Delivered

Real-Time System Integration with Hospital Inventory

DigiSalad built the e-shop with the capability to connect directly to Gleneagles Hospital’s internal pharmacy and inventory systems. Through this integration, product availability on the e-shop is updated in real time, accurately reflecting current stock levels within the hospital.

This real-time connection allows patients to view up-to-date product availability before placing an order, while supporting a more efficient order management process for Gleneagles. By keeping the e-shop closely aligned with existing hospital operations, the solution helps reduce manual effort and supports a reliable, streamlined purchasing experience.

User-Centered UX & UI Design| Flexible Navigation | Multi-Device Optimised

The Gleneagles PharmaHome platform is designed to make browsing and purchasing healthcare products feel simple and comfortable from the very first interaction. A clean, well-structured UI with generous spacing, clear layouts, and large, easy-to-spot buttons makes navigation intuitive and confidence-building, whether users are browsing on desktop or mobile. Clear product imagery further supports quick recognition, allowing users to browse naturally and with ease.

The overall UX is designed to feel just as seamless. Clear navigation, a thoughtfully structured header, and a built-in search bar help users find medicines, supplements, and healthcare products quickly, without unnecessary steps. When viewing the full product listing, users can refine results by selecting or unselecting categories to show or hide specific product types, along with a price range filter, making it easier to narrow down options and focus on what matters most.

Overall, the design brings together clarity, flexibility, and ease of use to deliver a smooth and reliable e-shop experience across devices. It supports confident browsing and purchasing, while also enabling the Gleneagles team to manage content and operations efficiently through a well-structured and adaptable interface.

Centralized Management with DigiSalad CMS

To support efficient operation and content management, DigiSalad tailor-made a user-friendly Content Management System (CMS) for the Gleneagles e-shop. The CMS is designed to support daily operations and ongoing content updates, allowing the Gleneagles team to easily manage product information, patient-related content, and promotional materials from a single, centralized backend.

System administrators can quickly edit and update content, upload images, and publish news or promotional messages without technical support. With configurable modules and role-based access control, the CMS also supports different user roles and permissions, giving Gleneagles the flexibility to manage workflows efficiently while maintaining control. This ensures the e-shop remains easy to operate, up to date, and scalable as future needs evolve.

Conclusion

Through thoughtful UX & UI Design and the delivery of an integrated e-commerce solution, DigiSalad successfully built a brand-new e-shop for Gleneagles Hospital Hong Kong. The platform improves accessibility for patients, simplifies the online medicine purchasing journey, and delivers a smooth, intuitive experience for users of all ages.

At the same time, the e-shop supports Gleneagles’ operational and business needs through real-time system integration, flexible engagement features, and an easy-to-manage CMS. This project demonstrates DigiSalad’s ability to create scalable, patient-focused digital solutions that balance user experience, operational efficiency, and long-term growth.