We created more complex UI Style Guide for Epro Modern than it was before. My work on the style guide helped to the project in:
Designers can now create designs and user story diagrams faster and more easily, which increased the overall amount of designed features.
Being able to create more designs in shorter time means more flexibility in testing and decisions done by the product owner and stakeholders.
By establishing new design rules and patterns we increased consistency of UI and improved its overall usability for its users.
A good start are the basics. Prepare a grid system, spacing rules, font styles, colours, icons, UI elements and the most important templates. Later, you can always extend it.
Building a design system is long run with continuous learning, development and iterations. Start with fundamental blocks and extend the base during the time.
Design systems take time to develop, but save resources by making design and development more efficient. On top of that, it creates more consistent and usable UI for the users of the product. Happy users = better business, higher revenues.
Having reliable tools for documents management is a crucial requirement on information systems. The task was to design an advanced electronic document management (EDM), which would help in processing of paper-based documents to busy clinical staff, regardless their location.
Within the project team, we designed EDM, which introduced enhanced functionalities for documents management. We described user journeys by flow diagrams containing hi-fidelity designs. These designs were implemented afterwards.
As a result of that, the clinical staff can more quickly and comfortably manage any patient document.
After the designs were approved, I prepared specifications for developers. The specifications usually included the last version of the flow diagram with additional notes about UI measurements or statuses of elements.
My responsibility was also to review the implementation of the specification. The review of the implementation was mostly done in person with a developer.
The main page showing details of imported documents was designed as a layout with document preview on the left and auto-filled form on the right.
For advanced document preview functionalities (like rotating pages, layout mode and more) I designed also a set of new icons.
We designed a new feature which was in high demand across clinics and hospitals using our product. In overall, the feature improved the way of processing paper documents thanks to:
The users can more easily import scanned document or batch of documents through a new intuitive interface or through a shared folder on the server. That sped up the work of the clinical staff.
The system handles automatic patient data recognition and automatic patient linking to the document with a possibility of a manual correction.
Designed advanced functionalities for previewing documents in the system improved the overall experience of the users (zooming, rotating pages, copying and others).
As a Graphic & Web Designer of the project, I designed all brand visuals and designed and deployed the website (e-shop solution). Thanks to that, the business is able to manage online sells and be promoted.Case study →
As a UI Designer, Developer and 3D Artist of the project I produced medical 3D visualisations and created a unique 3D viewer for displaying the visualisations in web browsers. The viewer supports people from the university (medics, tutors and students) in teaching and studying.Case study →