A connected patient journey
Department, doctor and location pages link together so visitors can explore a service, discover a specialist and prepare for a visit through one consistent interface.
HEALTHCARE / WEB PROJECT
YourHospital
A clearer path to care.
YourHospital is a hospital website prototype designed around the journey from discovering a service to preparing for a visit. A custom identity, fictional doctor profiles and AI-generated imagery bring the demonstration to life.
PROJECT SCOPE
- Website concept
- Visual identity and interface design
- Healthcare content architecture
- Interactive patient journeys
- Content management
Open full-resolution image (opens in a new tab)
01 / THE BRIEF
A clear purpose.
Create a clear, adaptable hospital website concept that makes departments, specialists and locations easy to explore. Demonstrate how a welcoming public website and a practical management workspace can work together, using fictional content throughout.
02 / THE APPROACH
Design meets function.
A navy and teal palette, a custom YourHospital mark and generous imagery establish a calm visual identity. Department-led hero slides introduce the experience, while structured doctor, service and location pages create clear paths through the site. Fictional profiles and AI-generated people and settings form a consistent demonstration. A protected content workspace manages the information, photographs and enquiries behind the public pages.
03 / THE EXPERIENCE
Built around real tasks.
A fictional hospital identity
A custom logo, navy and teal colours, welcoming hero imagery and invented hospital details give the prototype its own character. AI-generated imagery is clearly presented as demonstration content.
A team designed for the demo
Ten fictional doctor profiles use AI-generated portraits, individual biographies and department connections. Portrait-friendly cards keep faces visible across desktop and mobile layouts.
Practical tools for visitors
Ten interactive tools cover visit and test preparation, finding a doctor, personal health planning, appointment callback requests and experience feedback. They demonstrate useful journeys alongside the main hospital content.
Content in one workspace
A protected editor manages departments, doctors, locations, content pages, photographs, hero slides, site settings, publication status and SEO fields. Request and feedback records are available for staff review.
04 / WEB TECHNOLOGY
What makes it work.
Interface
- React
- TypeScript
- Tailwind CSS
- CSS3
- Embla Carousel
- Lucide icons
Application
- Vinext
- Vite
- Cloudflare Workers
Data & media
- Cloudflare D1 / SQLite
- Drizzle ORM
- Cloudflare R2
05 / INTEGRATIONS
Connected where it counts.
Cloudflare D1
ImplementedStructured storage connects the public demo with its content editor, site settings, callback requests and feedback records.
Cloudflare R2
ImplementedAuthenticated media uploads support doctor portraits, department imagery, location photographs and the hospital identity.
Appointment request workflow
Demo workflowConsent-based callback requests are stored in the management workspace for staff follow-up. This illustrates the enquiry journey within the hospital website concept.