• Year: 2015
  • Country: Ukraine
  • Type: e-document interchange (SAAS)
  • Market: Health care
  • Developed elements: Usecases research, UX prototypes, UI design

 

In 2015 we were approached by a group of developers, who were setting up an electronic document interchange for the “Mother and Child” clinic. We’ve helped them design their product.


Personas analysis

Personas analysis

At the start we conducted a personas analysis with clinicians and system analysts. We identified next groups of people who would use the website:
  • Customers
  • Doctors
  • Acconting
  • Call center
  • Waiting room
  • Administration

Usecases analysis


We conducted analysis of all possible usecases. The future system should consist many subsystems:
     
  • Customer's information
  • Customer’s documents
  • Template documents editor
  • Calendar management / Doctors' tasks management
  • Customers’ payments
  • and many others
Usecases analysis





UX prototyping


Customer card
Doctor calendar
Services and payments interface


GUI development

Mockup with 12-column Bootstrap grid
Appointment card
List of documents
New search client
Customer card
Treatment assignment




Adaptive design

Optimized design for mobile / tablet

The system should have been actively used by doctors on tablets and smartphones. It had a lot of elements in version for large monitors, but it was complicated to work on smaller screens. Because of this our designers reformatted layout of each page in mobile and tablet version for maximum usability.
Optimized design for mobile / tablet
Preparing files for layout

Preparing files for layout

Front-end developers demanded detailed description of elements in this project. Therefore, we didn’t give them Illustrator files, we created a list with detailed style description of each element and graphic icons sprites.



Technologies

Adobe Illustrator

Adobe Illustrator

MarvelApp

MarvelApp

Adobe Photoshop

Adobe Photoshop

Atlassian Confluence

Atlassian Confluence

Cascading Style Sheets

Cascading Style Sheets