• 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

Customer card

Doctor calendar

Doctor calendar

Services and payments interface

Services and payments interface


GUI development

Mockup with 12-column Bootstrap grid

Mockup with 12-column Bootstrap grid

Appointment card

Appointment card

List of documents

List of documents

New search client

New search client

Customer card

Customer card

Treatment assignment

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



+38 (0) 63 572 62 52  |   yellow.arrow.publishing@gmail.com  |   Skype: Pavlo Salyga
© 2017 YellowArrow.Design