top of page
Sofvie Design System
Sofvie and Med-I-Well, two companies, collaborated to develop a B2B web-based app for managing health. The app's primary purpose is to offer a form on its front end for users or administrators to input health report data, which is then processed using Python programming to compute scores and produce a web-based tablet and PDF version of the report card, which can be downloaded. Furthermore, the app includes various accesses for individual users, the Med-I-Well administrator, and companies with dashboard access.

This project was a part of the Springboard Industry challenges. We created UI and UX design solutions from sketches within a limited timeframe of five weeks. As the design team, we identified and established the user flow and information architecture that could be valuable for connecting with skilled professionals and executing a collaborative project for both the front-end and back-end aspects.
WeChat Screenshot_20230504160441.png
  • This service has been developed with a Python-based Flask micro-framework. However, it can only generate the health data and the report from the backend without any screens and interaction for users.

  • Within a very tight timeframe, our primary challenge was to comprehend the services and challenges from the viewpoint of employees, administration, and companies.

  • Our objective was to streamline the feature list and determine which features needed prioritization, enabling us to concentrate on the most crucial tasks that benefit customers and stakeholders. 

  • Moreover, we aimed to construct a sustainable design system that Sofvie could employ to iterate the service in the future.


I led this project as a UI and UX designer by conducting the key user flows and wireframes, then building a mid-fidelity and a high-fidelity prototype to test, with a solid design system.

Solutions and Features

The employee site will offer user account features, including registration, login, and record access with a unique ID number. The user's login credentials will be stored securely in a hash file using the HMAC algorithm. The application will include a user questionnaire, and users can view their previous entries and performance statistics. Users can also email themselves a copy of their report or download it in various formats such as PDF or Excel.

The app will provide a set of features for company (client) accounts, allowing them to view and manage the reports of their users. The companies will have the ability to view individual user reports, download them in various formats, and filter them by name, score, or other criteria. In addition, the app will provide companies with a dashboard to view key performance indicators (KPIs) that are relevant to their business. This will give them a high-level overview of the performance of their users and help them make data-driven decisions. The company will also have the capability to email reports to users, providing them with an easy and efficient way to share the reports with their team or other stakeholders.

WeChat Screenshot_20230504162549.png
WeChat Screenshot_20230504162616.png
Cover (1).png
WeChat Screenshot_20230504160402.png
Outcomes and Reflections

The high-fidelity prototype shows positive results, with users finding the service to be user-friendly and easy to use. Participants were able to complete essential user flows such as user login and registry, accessing reports and history, monitoring recent activities, managing sites and companies, and uploading new assessments with ease, as expected. The design system is clear and sustainable, making it suitable for future development.


Collaborating with other teams throughout the project allowed me to fully explore the UI and UX design process, from ideation to completion. Through the creation and design of this project, I gained valuable insight into user behavior and how to translate existing information into a user-friendly design language.

👍Thank you for reading!

bottom of page