DESIGN STRATEGY / WORLD HEART DAY 2026Three experiences.
One human connection.
Move beyond a list of qualifications. Give every doctor a recognisable identity, then make their clinical expertise easy to explore.
01 / RECOMMENDEDThe Heartbook
A collectible editorial library. A doctor’s portrait is the cover; their interests, expertise and recognition become chapters.
- Signature interaction: a page turns on hover, with explicit chapter controls.
- Best balance of campaign character, discovery and content scalability.
- Mobile: tap a cover to turn; tap chapter labels to read.
- Production: CSS perspective and jQuery state; no heavy 3D engine.
02 / STRONGEST CAMPAIGN IMPACTOff the Clock
A cinematic, portrait-led gallery. Personal passions appear first, with designation and hospital visible throughout.
- Signature interaction: editorial panels expand and reveal the person behind the portrait.
- Best for QR launches, social-led traffic and strong personal photography.
- Mobile: stacked panels, tap-to-reveal and chapter navigation.
- Needs approved lifestyle portraits to reach its full creative potential.
03 / MOST PARTICIPATORYShared Rhythms
Start with something you love. Music, travel, sport and nature become a second way into the doctors’ stories.
- Signature interaction: select an interest and watch the library reorganise.
- Clinical search stays equally accessible. Interests do not rank clinical suitability.
- Mobile: large interest buttons and a compact result grid.
- Needs consistently tagged hobby information across participating doctors.
Primary colours lead the experience
All three routes use MH Blue (#164194), MH Teal (#00B1AA), approved blue/teal tints and white. Secondary colour is restricted to the small Heartbook badge. The cinematic route uses MH Blue rather than near-black navy; the interest-led route uses primary-colour panels rather than lime and peach.
Designed around the actual sheet
57 named doctor entries across 10 unit codes; 29 entries contain hobbies. The supplied brief covers 13 units across six locations. The remaining units and incomplete profiles need reconciliation before launch. One doctor appears in more than one unit; entries are kept as supplied, not treated as unique people.
The prototype uses supplied clinical and personal information and selected portraits retrieved from linked Manipal profiles. No personal photographs were embedded in the workbook. Personal-photo spaces are explicitly labelled; hobbies, quotes, awards and clinical claims have not been invented. Workbook claims and profile/unit mismatches require Manipal’s approval before publication.
The profile is a story with four chapters
01 The person — name, portrait, designation and unit. 02 Beyond medicine — hobbies and approved personal images. 03 Clinical expertise — qualifications and areas of practice. 04 Recognition — milestones and awards, only where supplied.
From a scan to a meaningful action
Campaign QR → location-filtered library or direct doctor story → explore chapters → existing Manipal doctor profile or call the hospital. Doctor links preserve the selected design direction and support direct landing. The prototype links to existing profiles instead of implementing a new booking system.
Ready for Manipal’s development environment
HTML, Bootstrap, jQuery and custom CSS. In production, CodeIgniter/PHP renders the same templates from MySQL on AWS EC2/Apache. This application runs on CodeIgniter 4 with MySQL-backed profiles and an authenticated editorial area. It links to existing Manipal profiles and call-centre actions. Deployment versions must be checked against Manipal’s maintained environment.
Content model and rollout
Units, doctors, unit–doctor associations, expertise tags, interest tags, media and recognition records. Draft → medical/content review → publish. Start with the most complete profiles, reconcile all 13 units, then add personal photography and approved stories. Keep a persistent clinical identity on every flip-book page.
Interaction rules
Hover is an invitation, never the only access. Every chapter has a labelled button; keyboard users can tab and activate it. Motion respects reduced-motion preferences. No autoplay video, compulsory intro or symptom-based doctor recommendations. Search and filters combine; missing content is clearly disclosed.