UX-DESIGN OF THE UMMC CLINIC
HEALTHCARE CENTER WEBSITE
VISIT WEBSITE
UMMC European Healthcare Center is the largest healthcare and diagnostics facility in Yekaterinburg. It includes a multi-disciplinary clinic for patients of all ages, a pediatric clinic, a center for Tibetan medicineand, and a dental clinic. The staff includes 287 doctors among a total of 497 healthcare personnel.
Create a new website which will:
- attract more patients;
- strengthen the loyalty of long-standing patients;
- reduce the call center’s workload.
Integrate the internal information system into the website so that the price list and schedules of all doctors on the website will be up-to-date.
AUDIT AND UX-DESIGN
The first thing we did was to audit the old website: we found out where visitors are coming from and which search queries lead to the website, and also analyzed inbound traffic. From the information we thus obtained, we determined the scenarios of the behavior of new and returning customers depending on what they are looking for and how they find their way to the website. This way we identified priority trends, specialists and healthcare services from the point of view of both the business and among users. We designed the website structure and prepared 35 page prototypes.
AUDIT AND UX-DESIGN
The first thing we did was to audit the old website: we found out where the visitors are coming from and which search queries lead to the website, and also analyzed inbound traffic. From the information we thus obtained, we determined the scenarios of the behavior of new and returning customers depending on what they are looking for and how they find their way to the website.
This way we identified priority trends, specialists and healthcare services from the point of view of both the business and among users. We designed the website structure and prepared 35 page prototypes.
EUROPEAN
HEALTHCARE CENTER
To get started, we prepared mockups for the customer funnel of a specific user scenario, from visiting the home page to scheduling an appointment. Using this funnel as a reference, we had the page design approved, and we prepared the rest of the mockups. Overall, there are 45 screens and 7 UI kit files.
To get started we prepared mockups for the customer funnel of a specific user scenario, from visiting the home page to scheduling an appointment. Using this funnel as a reference, we had the page design approved, and we prepared the rest of the mockups. Overall, there are 45 screens and 7 UI kit files.
VIEW MOREHOME PAGE
HOME PAGE
Each page is a modular construction, consisting of blocks of content.
Each page is a modular construction, consisting
of blocks of content.
REGISTRATION
REGISTRATION
The patients can select by themselves how they wish to schedule an appointment.
The patients can select by themselves how they wish to schedule an appointment.
Selecting by specialization
Selecting the doctor by specialty (to find a surgeon, for example);
Selecting by specialization
Selecting the doctor by specialty (to find a surgeon, for example);
Selecting doctor by name
Searching for a specific doctor by name (based on a recommendation or previous experience);
Selecting doctor by name
Searching for a specific doctor by name (based on
a recommendation or previous experience);
Need help making an appointment
Giving their name and telephone number so that a clinic administrator can call the patient back;
Need help making an appointment
Giving their name and telephone number so that a clinic administrator can call the patient back;
Selecting a manipulation
Choosing a specific service or manipulation when doctor referral has already been given.
Selecting a manipulation
Choosing a specific service or manipulation when doctor referral has already been given.
CONTENT BLOCKS GROUPING
The site has an adaptive design that can easily handle any screen resolution because of underlying base grid and modular structure.
CONTENT BLOCKS GROUPING
The site has an adaptive design that can easily handle any screen resolution because of underlying base grid and modular structure.
Context banners
Context banners visually break up large text blocks into smaller ones thus facilitating information perception. They help customers navigate between pages for an optimal scenario and get to their final goal faster: selecting a doctor or finding out how to prepare for their appointment.
Context banners
Context banners visually break up large text blocks into smaller ones thus facilitating information perception. They help customers navigate between pages for an optimal scenario and get to their final goal faster: selecting a doctor or finding out how to prepare for their appointment.
PATIENT’S ACCOUNT
PATIENT’S ACCOUNT
A patient's Personal Account will be available on the website in the near future. A history of all visits to the clinic and the results of the examinations will be stored in the patient's account, where the patient can also make an appointment with the doctor or check appointment details.
A patient's Personal Account will be available on the website in the near future. A history of all visits to the clinic and the results of the examinations will be stored in the patient's account, where the patient can also make an appointment with the doctor or check appointment details.
A patient's Personal Account will be available on the website in the near future. A history of all visits to the clinic and the results of the examinations will be stored in the patient's account, where the patient can also make an appointment with the doctor or check appointment details.
INTERNAL PAGES
We prepared 45 screens: pages for doctors, medical specialisations and departments, a news and promos section, as well as the price list and the website search page.
INTERNAL
PAGES
We have prepared 45 screens: pages for doctors, medical specialisations and departments, a news and promos section, as well as the price list and the website search page.
ICONS
We have designed a custom icon set for the website. The icons are visually consistent with the UMMC Clinic logo and have the same color scheme in order to provide stylistic consistency.
ICONS
We have designed a custom icon set for the website. The icons are visually consistent with the UMMC Clinic logo and have the same color scheme in order to provide stylistic consistency.
...and more than 20 vector icons
COLORS
COLORS
FONTS
COPYWRITING
AND EDITING
Apart from UX design, we created content. Half of the old website pages about specialist consultations, disciplines, and services were missing text. Before launching the new website, we have written mini articles to help patients understand when they should visit a specific doctor.
RESULTS
We launched the new website on April 16 2017. Within the first 2 months, visit depth and session duration have improved, despite the fact that website content is still being added, which could have caused both metrics to deteriorate. We are continuing to monitor the changes.
RESULTS
We launched the new website on April 16 2017. Within the first 2 months, visit depth and session duration have improved, despite the fact that website content is still being added, which could have caused both metrics to deteriorate. We are continuing to monitor the changes.
REVIEW
REVIEW
In terms of process, the guys have accomplished an incredible feat: they did not have the opportunity to start with a clean and fully controlled environment, but had to work on legacy developments instead. JetStyle have performed the complex task of linking the website to our healthcare center's business management system; now you can schedule an appointment with any doctor online, depending on the doctor's schedule and workload on a specific date. The functions of the website are intuitive; enabling the website to be informative, useful, convenient and ergonomic!
The new, stylish and clean European website design now fully complies with the name of the clinic: "European Healthcare Center". Easy administration of the website by the clinic's employees makes day-to-day content additions a breeze. All this has been accomplished in a fantastic time frame – 9 months. That is how our new website was quickly and enjoyably born.
The following areas of expertise of JetStyle were a nice addition to the core ones: the guys did copywriting of small articles for the website. Not only do they speak their web design-specific geek-speak, but they are also well versed in good old human!
Their large and eclectic team enables them to tackle any issues at any stage of negotiation and approval. If we cannot accomplish something we have envisioned, then JetStyle suggests several alternatives with the same functionality, all suitable for implementation. The guys are always contactable (literally 24/7/365), and most importantly JetStyle are flexible (when necessary, where necessary and to the appropriate extent)
Head of Marketing
THE TEAM
