Queen Anne's Hospital – concept

Queen Anne's Hospital – concept

Queen Anne's Hospital – concept

Web design / User Experience

Overview

This is a personal project – a design concept of a home page for a hospital. I focused​ ​on​ ​the structure,​ ​user experience,​ ​look​ & ​feel​ ​, and​ ​commercial​ ​aspect​ ​in​ ​order​ ​to support​ ​company​ ​objectives​ ​and​ ​to convert potential​ ​visitors​ ​into ​leads​ ​for​ ​the ​hospital.

This is a personal project – a design concept of a home page for a hospital. I focused​ ​on​ ​the structure,​ ​user experience,​ ​look​ & ​feel​ ​, and​ ​commercial​ ​aspect​ ​in​ ​order​ ​to support​ ​company​ ​objectives​ ​and​ ​to convert potential​ ​visitors​ ​into ​leads​ ​for​ ​the ​hospital.

Details

The main design objectives included: conveying​ ​three ​key​ ​messages:​ ​high​ ​quality,​ ​personalized​ ​nursing​ ​care,​ ​hand-picked​ ​consultants; attracting​ ​a ​wider,​ ​younger​ ​demographic; switching​ ​the ​overall​ ​focus​ ​of​ ​the ​website ​away​ ​from​ ​an​ ​information-heavy​ ​site ​to ​a ​commercially focused,​ ​conversion-based​ ​website. 

The main design objectives included: conveying​ ​three ​key​ ​messages:​ ​high​ ​quality,​ ​personalized​ ​nursing​ ​care,​ ​hand-picked​ ​consultants; attracting​ ​a ​wider,​ ​younger​ ​demographic; switching​ ​the ​overall​ ​focus​ ​of​ ​the ​website ​away​ ​from​ ​an​ ​information-heavy​ ​site ​to ​a ​commercially focused,​ ​conversion-based​ ​website.

Home page design for a hospital website is shown on a screen of a Macbook

Responsive design

Responsive design

Home page – design concept.
I went with an airy and minimalistic layout, created clear CTAs, carefully chose imagery and color scheme – in order to reduce fear and anxiety among users.

Home page – design concept.
I went with an airy and minimalistic layout, created clear CTAs, carefully chose imagery and color scheme – in order to reduce fear and anxiety among users.

two iphones showing mobile view of the home page design for a hospital
a flat hospital home page design
Color palette for a hospital website consists of 5 colors sharing the symbolic meaning behind each: golden, light beige neutral, white, navy and royal blue colors.

Typography & Color

Typography & Color

The chosen color palette for the website is based on the colors taken from the logo. Cool colors are balanced with the warmness of golden and beige. This palette helps to achieve a sense of tranquility. Open Sans is known for its excellent legibility characteristics, especially beneficial in web and mobile interfaces. It conveys clarity, modernity, and a friendly feel.

Let's talk! Connect with me on linkedin or email me.

Let's talk! Connect with me on linkedin or email me.

Let's talk! Connect with me on linkedin or email me.

Designed & Built by Tatyana Gushchenko © 2025

Designed & Built by Tatyana Gushchenko © 2025

Designed & Built by Tatyana Gushchenko © 2025