MVP
Design System
UI / UX Design
B2B2C Web App

Home of Initiation

A note-taking platform where therapists manage customer relationships

Team Scales

3 → 5 people (final three months)

Roles

Product Designer / Product Manager

Duration

January 2021 - February 2022

Mainly Work Scope

User Research, Web App MVP Design, Usability Testing

Background

original home therapy process

In Taiwan, therapists have been providing home rehabilitation services for many years. In addition to one-hour face-to-face counseling at a time, therapists also need to "regularly" track the training status of the case and "customize" adjust the training content, which will greatly impact the case's progress. Therapists rely on various software and tools to keep track of cases’ details, training journeys, and generate complex reports, complicating service administration and adding up to unaddressed service costs.

Challenges

Early Stage Startup

A lack of key technical partners makes it difficult to realize the product's vision.

mini team
As a freelance product designer, I joined the project remotely, together with an occupational therapist and project manager, for a year. In the final three months, a part-time backend engineer was hired to assist the team in developing a minimum viable product. In addition, I established workflows, handed off documents, and helped build an online collaborative repository.

Building product strategies from 0 to 1

Empowering the team in acquiring entrepreneurial resources and influencing strategic decisions through the power of design.

from 0 to 1
Built a platform from scratch with the team, worked with them to precisely manage the prototyping schedule, and acquired extra funding. This includes organizing design workshops, introducing Miro to assist the team in thinking/discussing/gathering team and product vision remotely, arranging user research/testing, establishing a design system using Figma, designing a B2B2C platform, making illustrations/presentations/animations of creative projects and convincing judges through infographics and storytelling presentations, and so on. We have obtained grants from three programs and two business contest awards within a year.

Clarifying the users' needs

The epidemic policy made identifying the type of user and the journey to the service nearly impossible.

define user needs
We encountered a strict ruling on home epidemic prevention during our call for respondents due to time constraints and the Policy of Covid-19. Even therapists could not carry out the service; thus, we found 20 users as far as possible to conduct usability tests and validate the prototype.

User Research

project process
Research process

  1. Exploration: Planned interview outline, designed questionnaire, and set research objectives. Conducted semi-structured expert interviews at this stage with 9 stakeholders in home care services. Led design thinking workshops to generate key deliverables.
  2. Empathy: Guided teams through 4 major revision versions of MVP. I organized product objectives/vision/components with service blueprint, personas, customer journey maps, affinity diagramming(thematic analysis), user story mapping, etc.
  3. Position: Therapists used the Line app messaging and note-taking to keep track of the status of cases for rehabilitation training. They received case status updates via Facetime and documented service history using note-taking and other apps. Then, compile service results to present training quality and effectiveness to caregivers, personal managers, or local governments.
  4. Design: In addition to product design and usability testing, I also assist the team to manage the brand identity, fundraising, and developing the patent strategy.

Note: The following content focuses on presenting B2B solutions.

Exploration: reveal the blueprint for remote care services

-Goals of the Project-

🔑
Identify opportunities for a remote home rehabilitation service platform
🧠
Define the service process for stakeholders in our home rehabilitation services
🧐
Validate the service platform's design assumptions

The primary method used at this stage is qualitative research because

  1. Home rehabilitation services focus on personalized training, and therapists offer a variety of solutions.
  2. The research findings support the team's deeper understanding of potential users and their behavioral characteristics.
  3. User stories facilitate the team in developing service strategies and product goals, as well as determining development priorities.
  4. Remain documents about features and development solutions to help future team members understand the context.

Empathy: bridge the gap between what is expected and what is real

original user journey map

My partner and I used a persona to separate users into three groups: therapists, caregivers, and cases. This helped us understand who we were targeting when talking to engineers and business consultants about our platform. We made a customer journey map to show the touchpoints before, during, and after using our service. It also shows people's goals, emotions, and feelings at each step. Finally, we identified the type of therapist/caregiver profile for launching our platform.

Position: keep the team aligned from key insight

During the early stages of the prototype, we visited caseworkers to conduct contextual interviews and learn about different activities that help promote senior health. We did card sorting to make it easier for therapists and caregivers to review case training and came up with two questions to focus on:

How can therapists evaluate case training questions remotely?
Can we get caregivers to share training notes with therapists?

Project Hypothesis & Goals

The MVP Opportunity Point and Teamwork Process

After recognizing the issues with the existing service, our goal was to create an MVP to measure therapists' enthusiasm for using it and to find out what operational worries therapists of different ages would have.

So, we made three main assumptions regarding the service gap and the team's goals for the service.

1

Verify the case’s performance

Problem: Difficulty tracking customers’ data (photos/videos) due to therapists’ work via Line.
Solution: Present the training through notes and challenges in execution.
Reason: Therapists who work on government-funded cases must put in a lot of extra effort to organize case data. The solutions they employ to track case status don't work with the government system. Keeping an orderly record will allow therapists to make rapid judgments while serving both physically and virtually. This will enhance their work experience and increase their client relationships.
2

Remote facilitation

Problem: Clients need help with multiple independent issues. They want expert help.
Solution: Review the client's training and maintain a good relationship.
Reason: Evaluating training content and listening to the therapist's comments regularly can help the client change their practice direction and make positive changes in their daily practice; remote service is important to check how the client is doing.
3

Evaluating the service history

Problem: Each circumstance is unique, making it impossible to measure the impact of training and performance in a short period.
Solution: Track transition and apply the new knowledge in everyday life
Reason: By simplifying therapists' work in gathering and keeping track of the client's progress, like creating pre-set data types, templates, etc., to categorize the client's data properly, therapists can save time comparing data and focus more on cases’ exact performance.

Expectations and Constraints

In our ideation journey, we noticed that therapists and caregivers repeatedly the behavior "view ⇌ review " throughout the service journey, and we expect our platform, Hi-Care, will make communication and questioning between therapists and clients on digital devices clear. It should also "lower the barrier to communication when it comes to guidance and learning through note taking." This should help to increase trust between the therapist and client (resident), which will help to create a deeper understanding during evaluation and training and improve the results of the home service.

project ideation
Hi-Care
  1. Design handoff: I was charged in the last 3 months of project development, and the backend engineer working with me was a part-time developer. Thus we used Figma and high-fidelity prototypes as tools to communicate design deliverables.
  2. Project development documentation: All across the project, I kept track of the development process via meeting logs and created documents to keep the team assured of design outputs and resources used, as well as regularly identifying unnecessary design requirements to save expenses.
  3. Entrepreneurship progress: The project took one year, and the project manager and the therapist mostly arranged the funding plan. I contributed to the project output for the two competitions, the storytelling of the presentation for the five entrepreneurship programs, information visualization, and other design components.

Design

Creating New Services from Holistic to Touchpoints

To identify users’ goals, we applied User Story Mapping to analyze users’ activity, tasks, and stories. We opted to create the service into a web application, developing the platform's core features and information architecture. Then focusing on developing the computer version since the therapists mainly use computers to log in.

information architecture
Information architecture

Sketches and Wireframes

Most endeavors were devoted to managing expectations, clarifying the platform's objectives, and many other communications. I encouraged my partners to sketch out any ideas they had and then walked through the prototype to illustrate the wireframe process, ensuring that the overall user flow and interaction aspects were thoroughly explored. It not only helped to bridge cognitive gaps, but it also saved the team a great deal of time in communicating and getting to high-fidelity prototypes for user testing as soon as feasible.

Using the high-fidelity prototype to communicate/control the design quality and promptly resolve any issues or UI, the backend engineer and I checked the development progress one step at a time upon testing the MVPs.

The team decided to achieve 50% design quality control on each page to finish the project within the deadline. Once most pages have accomplished their primary user objectives, the team will correct each page's experience details and flow.

wireframe & user flow
a part of user flow and wireframe

Design system

  1. Componentization: to assist design and engineering in making rapid repairs and maintenance throughout future modifications.
  2. Consistency: The design system will ensure that the team maintains a consistent design style in the future and will strengthen the user's impression of the brand style.
  3. Considering various states: Creating design documents allows us to simulate the many situations that users face. This comprises feedback, errors, warnings, navigation, and other roles.
design system
a part of design system in the Figma

Prototype Testing

Quickly gather feedback and improve products

I prepared a physical usability test after building high-fidelity prototypes on both to B and C sides in two weeks.

Along with the test, I also summed up a research report, updated various features, and improved the design system.

Outcomes

*** 使用筆電或桌機會有較合適的原型瀏覽體驗

The MVP

1

Verify the case’s performance

Problem: Difficulty tracking customers’ data (photos/videos) due to therapists’ work via Line.
Solution: Present the training through notes and challenges in execution.
Add new resident note
This feature enhances the therapist's initial visit to the platform. We offering a "template resident note" and displaying a “empty state illustration" to assist the therapist in creating new data on a blank page when resident information is unavailable.
Mark cases’ status
2

Remote facilitation

Problem: Clients need help with multiple independent issues. They want expert help.
Solution: Review the client's training and maintain a good relationship.
Card arrangement of notes
The notes are organized in a card format to make it easy for the therapist to quickly see what needs to be done without having too much to manage.
Examine the notebook's updates
Check the notes made by the caregiver to help determine what needs to be adjusted in case training.
3

Evaluating the service history

Problem: Each circumstance is unique, making it impossible to measure the impact of training and performance in a short period.
Solution: Track transition and apply the new knowledge in everyday life
Include pivotal notes in the bookmark collection
Bookmarks help therapists and caregivers fast review key results in cases when required.

Figma 原型

💬
下方可以探索一部份的桌面板平台原型,有任何意見與回饋也歡迎隨時和我聯繫

Conclusion

Being a part of the initial start-up phase was invaluable, not just due to product design output (design system / MVP platform prototype/user research report) but throughout the business strategy planning (service blueprint/service layout); another company later followed up the project. In addition, I realized the significance of documentation and project management in teamwork and continuation (project development history/team database). Each role is critical. It’s challenging for teams to make decisions at every step, particularly when building a platform experience that satisfies users’ needs with implementing the best way to use the team's resources.

testimonials
Users’ feedback

Takeaways

Regular retrospective

It is essential to check in with partners regularly to ensure that implementation direction is consistent with team and individual goals. This ensures that the resources committed are beneficial to the project.

Measure the team's capability

To properly evaluate user needs, I must prioritize the most important points to provide a reference point and basis for decision-making. Then, tackle the most urgent issues and tasks.

Adaptability of challenges

In a rapidly changing team environment, I have noticed that rising to the challenge can be beneficial in motivating teams and maintaining team morale. This could involve changing strategies and exploring different solutions in design, teamwork, or project management.