eProgesa was a nice working desktop application which customers had to installed it on every local environment which caused the expenses for configurations.

I was hired to make the updated, more useful and freshly redesigned cloud web application and landing pages.

Started with users research and went deep based on the previous experience using the desktop application and defining major things:

• Who are the app users
• What is the users day at workWe put all research informations together and start building a user persona based on the research results:
•  Name: James Doch
• Age: 35 – 55
• High technology proficiency: 3
• Day in life: Using the eProgesa application mostly every day
• Pain points – doctors are using sometimes smaller screens sizes, a lots informations in the menu navigation, scenario when they’re using the app in the places with a lot lights inside.We took all the informations on the one place and starting ideation process and sharing the ideas all around the team. Ideation process had one story which was – help James to use better our application.
  We got many ideas, group them together and started working on low fidelity mockups.
• How they are using the application

We put all research informations together and start building a user persona based on the research results:

• Name: James Doch
• Age: 35 – 55
• High technology proficiency: 3
• Day in life: Using the eProgesa application mostly every day
• Pain points – doctors are using sometimes smaller screens sizes, a lots informations in the menu navigation, scenario when they’re using the app in the places with a lot lights inside.

After the building persona, we took all the informations on the one place and starting ideation process and sharing the ideas all around the team.

Ideation process had one story which was – help James to use better our application.
We got many ideas, group them together and started working on low fidelity mockups.

We did resolve the problem with the navigation doing the properly information architecture and creating two different navigations. Main navigation is having the crucial actions for all features and it’s most used what ever application part is active.
After the internal and external design testing, we got a feedback that our users are using the actions for increasing letters, but it’s not enough for them to focus on the main feature.

Getting back on ideation process and we got on idea to add one more action to minimise the complete left navigation and to give all user focus on the feature no matter about the screen size, lights around, etc.
We tested all experience for planning and donor features and got a positive feedbacks.

UI and braning part started. Defined the application, colors, fonts, icons, etc and grouped all together for creating initial version of design system.

I coded initial versions for the basic features and helped the people from front end development to make  the better experience based on the designed solutions.

Planning feature shows the informations about the main planning and recruting which is site scheduling and planning grid for from selected users.

Also it contains multicriteria selection and telerecruitment as the subpart of the Planning feature.

This feature shows the main information about the donor. Actually the user can see who is the blood donor, his basic informations, picture, etc.

More detailed and not so important informations about the donor are in the tabs which is place of birth, language, correspodent name etc.