The Columbia Asia Patient Portal was designed to enhance the healthcare experience for patients by providing a seamless and user-friendly digital platform. This case study outlines the research, challenges, user insights, design solutions, and final outcomes of the project.

Redesigned the Columbia Asia Patient Portal to improve UX, enabling seamless appointment booking, medical records access, and secure payments.

Columbia Asia Patient Portal: Enhancing UX for Seamless Healthcare

✅ Spearheaded end-to-end UX design for healthcare applications, streamlining patient and doctor interactions, leading to a 30% increase in stakeholder alignment.
✅ Created user flows, wireframes, and interactive prototypes, ensuring a seamless experience for multi-regional apps used across 3 countries.
✅ Established a scalable design system, optimizing UI consistency and accessibility across mobile and web platforms, resulting in a higher adoption rate among users.
✅ Collaborated with cross-functional teams (product managers, developers, and business stakeholders) to implement data-driven UX improvements, enhancing engagement and reducing user friction.

✅ Designed intuitive web interfaces for Shell India using Figma & SharePoint, enhancing user experience by 25%.
✅ Developed scalable design systems and templates, improving workflow efficiency by 30%.
✅ Created instructional guides and video tutorials to streamline project execution and user on boarding.

✅ Led UX research and prototyping for web and mobile applications, ensuring user-centric design solutions.
✅ Defined UI/UX strategies to enhance product usability and improve customer retention.

✅ Directed the UX/UI team in wireframing, prototyping, and conducting usability testing to refine digital experiences.
✅ Collaborated with cross-functional teams to resolve design challenges and enhance overall user engagement.

Shell Digital Hub: Web, Blog &amp; Newsletter Mockup Design

Shell Digital Hub is a visually modern, interactive, and user-friendly web design concept that includes both light and dark mode options to enhance user experience. This project features a corporate website landing page along with a dedicated blog mockup sample, ensuring a seamless blend of aesthetics and functionality. The design prioritizes brand consistency, readability, and an engaging user interface, making it an ideal platform for corporate communication and content engagement.

Shell Digital Hub is a modern, interactive, and brand-aligned digital experience featuring:

✅ A Landing Page (Light &amp; Dark Mode Options)

This project ensures consistency with Shell’s branding while delivering a user-friendly and visually compelling design. The dual-theme functionality (Light &amp; Dark Mode) enhances readability and accessibility for diverse user preferences.

✔️ Design a modern, responsive landing page with light &amp; dark mode options.  

✔️ Create a structured and engaging blog layout for content discovery.  

✔️ Develop a newsletter mockup aligned with Shell’s branding and color consistency.  

✔️ Maintain corporate aesthetics while enhancing the visual appeal.

🔹 Ensuring color harmony across light and dark themes.

🔹 Making the newsletter visually engaging while maintaining simplicity.

🔹 Designing intuitive navigation to improve user engagement.

For this project, I focused on delivering high-fidelity visual mockups that align with Shell’s branding and modern UI trends. The design includes:

✅ Landing Page (Light &amp; Dark Mode) – A sleek, adaptable layout providing an engaging user experience.

✅ Blog Mockup Landing Page – A structured design that enhances readability and content visibility.

✅ Newsletter Mockup – A professional and visually appealing layout designed for Shell’s corporate communications.

The color concept aligns with Shell’s branding while ensuring a modern, engaging user experience.

🎨 Background: `D9D9D9` (Soft neutral tone for readability)  

🎨 Text &amp; Elements: `DD1D21` (Highlight), `DCEFF` (Accents), `676767` (Supporting elements)

🌙 Primary: `0A1930` (Deep navy for a professional and modern look)  

🌙 Accent: `8CBFCC` (Soft cyan for contrast and engagement)  

🌙 Text &amp; Highlights: `8CBFCC` (Ensuring readability in dark mode)

🔴 Red (`DD1D21`) – Consistent brand identity  

🔵 Accent Colors (`DCEFF`, `676767`) – Enhancing readability and visual balance

🌟 Dual Theme (Light &amp; Dark Mode) – Allows users to switch for a comfortable browsing experience.

🌟 Engaging Blog Layout – Structured to highlight content visibility.

🌟 Modern Newsletter Mockup – Designed for clarity, engagement, and brand alignment.

🌟 Consistent Branding – Maintains Shell’s professional and corporate aesthetics.

🎨 Design Tools: Figma, Adobe XD, Photoshop

📂 File Formats Delivered: High-resolution mockups for Web, Blog &amp; Newsletter

The Shell Digital Hub design concept successfully enhances digital engagement with its modern layout, theme adaptability, and structured content presentation. The addition of the Newsletter Mockup ensures visual consistency across all digital touchpoints.

This project showcases my expertise in UI/UX design, theme adaptability, and corporate branding. By incorporating light &amp; dark mode options, a structured blog layout, and an engaging newsletter design, I have ensured a seamless and visually optimized experience for Shell’s digital ecosystem.

Shell Digital Hub is a modern, responsive web & blog design with interactive UI, seamless navigation, and a brand-aligned aesthetic for an engaging experience. 

Shell Digital Hub: Interactive Web & Blog Design Concept

"I have worked with Senthil, and his designs always look excellent. The way he conceptualizes designs and selects colors is truly amazing. His phenomenal design skills and beautiful color sense make his work stand out. Keep up the great work—you rock, man!"

Tasleem Aarif, Sr. Web Designer

I had the pleasure of working with Senthil on refining and enhancing the look and functionality of our existing website. His expertise as a Web Developer was instrumental in improving the overall user experience, making the site more intuitive and visually appealing.

Throughout the project, he demonstrated exceptional professionalism—always punctual, hardworking, and fully committed to delivering high-quality results. What stood out the most was his approachable nature; he was always open to feedback, collaborated effectively, and proactively suggested improvements.

His dedication and technical skills made a significant impact on our project, and I highly recommend him for any web development endeavor. Working with him was truly a pleasure!

Kinshuk Sharma, UX Architect

KK Senthil is a highly talented UI/UX designer with a keen eye for detail and a deep understanding of user experience. His ability to transform complex ideas into seamless, engaging designs is truly impressive. He is a great team player who consistently brings innovative solutions to the table.

Columbia Asia Patient Portal: Enhancing UX for Seamless Healthcare

Columbia Asia Patient Portal

Introduction

Prototype