UX Design Projects in HaryanaUX Design Projects in HaryanaSHYLD Website Design – Autonomous Infection Control & Healthcare Technology Platform
- Project Overview
SHYLD is an innovative healthcare technology platform focused on autonomous infection prevention and operating room protection. The project involved designing a modern, enterprise-grade website that communicates complex healthcare technology in a clear, visually engaging, and conversion-focused manner. The design highlights SHYLD's AI-powered disinfection solution while emphasizing product innovation, clinical efficiency, and healthcare safety.
Figma Prototype: https://www.figma.com/proto/gxP8rueorgUoW43Xczp6HR/Shyld-_-Landing-Page
Style Guide: https://www.figma.com/proto/gxP8rueorgUoW43Xczp6HR/Shyld-_-Landing-Page?page-id=30%3A7345
- Design Goal
The objective was to create a professional healthcare technology website that effectively showcases SHYLD's autonomous infection control solution, educates healthcare professionals about its benefits, and drives product demonstrations through a clear and engaging user journey.
- Design Process
The project started with information architecture planning, user journey mapping, and content hierarchy definition to simplify complex technical messaging. Multiple design explorations were created, including light and dark theme variations, allowing stakeholders to evaluate different visual directions before finalizing the user experience and interface design.
- UI/UX Approach
The design combines modern SaaS design principles with healthcare-focused visual language. Large typography, product-focused hero sections, data-driven content blocks, and strategic call-to-action placement were used to communicate trust, innovation, and clinical effectiveness. Special attention was given to readability, visual hierarchy, and conversion optimization throughout the website.
- Design Deliverables
Information Architecture
User Flow Design
Low-Fidelity Wireframes
High-Fidelity UI Design
Interactive Prototypes
Responsive Website Design
Design System & Component Library
Light & Dark Theme Exploration
Landing Page Experience Design
- Tools & Skills
Figma, UI Design, UX Design, Wireframing, Prototyping, Information Architecture, User Flow Design, Responsive Web Design, Design Systems, Interaction Design, Visual Design, Landing Page Design, SaaS Website Design, Conversion Optimization.
- Project Summary
The SHYLD website demonstrates a modern approach to healthcare technology design by combining strong visual storytelling, product-focused experiences, and conversion-driven user journeys. Through thoughtful UX strategy, scalable design systems, and polished interface design, the platform effectively communicates advanced infection control technology while maintaining clarity, trust, and usability for healthcare professionals. 1. What I Built
🚀 [View Prototype (https://stitch.withgoogle.com/preview/3287339507041852410?node-id=7c6307b733b04eb1bccc21b2295c204a)]
Digitour (https://stitch.withgoogle.com/preview/3287339507041852410?node-id=7c6307b733b04eb1bccc21b2295c204a) 🚀
Digitour is an immersive virtual travel application that allows users to explore destinations worldwide through a 3D interactive globe, live destination discovery, and virtual exploration experiences. The app includes destination search, saved journeys, user profiles, and real-time travel exploration features within a premium, adventure-inspired interface.
2. How I Used Stitch 🔥
I started with low-fidelity wireframes and a predefined color palette that established the visual direction of the product. Using Stitch, I generated the initial design system and screen layouts based on these inputs. Through multiple iterations with the Stitch agent, I refined the navigation, visual hierarchy, interactions, and overall user experience. Stitch helped rapidly generate new screens while maintaining consistency across the entire application, making it easy to create a connected, interactive prototype.
3. Feedback on Using Stitch 💯
My experience with Stitch was very positive. The platform significantly reduced the time required to move from wireframes to a high-fidelity prototype. The AI agent was particularly helpful in generating consistent screens, maintaining design patterns, and quickly iterating on ideas through prompts. Navigation flows and screen transitions were easy to establish, allowing rapid prototyping and testing of the user experience. The biggest advantage was the ability to explore and refine multiple design directions without manually rebuilding screens from scratch.
🎉 Fun creative and learning experience 🎉
