Designing an Electronic Signature Solution for Long-Term Healthcare

Eliminating lost paperwork and boosting caregiver efficiency, the solution launched on time and on budget, projected to drive a 22% revenue increase.

Product Design
User Research
B2B
HealthCare Industry
Shipped Product
Hero image to showcase the UI of the final design.
Due to the confidentiality provisions of the Non-Disclosure Agreement (NDA), brand features and names are anonymized as per the company's requirements.

After the project concludes, the final screens are redesigned for de-identification purposes.

PROJECT OVERVIEW

Frustration to flow-
eSignatures bridge the gap for long-term care.

Through a collaborative internship, I gained in-depth knowledge of long-term care challenges. This equips me to design a user-friendly e-signature solution for caregivers, delivering both user and business value.

goal-

Explore user signature processes and requirements through research.

Gaining an understanding of the advantages and limitations of electronic signatures (eSignature). 

USER-

Long-term Senior Healthcare Organizations.

REsult-

Earning approval from the business team. It's projected to boost company revenue by a significant 22%.

DURATION

2 months (July 2023 - Aug 2023)

MY ROLE

User Research, UX Design
- in Team of 4: UX (me), a Project Manager, and two Engineers.

industry

Long-Term Healthcare

company background

To start with -
Meet SmileCare.

A SaaS platform empowering senior care teams with tools to guarantee quality, optimize workflow, and deliver exceptional care at scale.

EXISting rpoduct

Senior Care System

Simplifying senior care through a SaaS solution with modules to streamline internal workflows and manage resident information effectively.

Ensure data quality and compliance

Improve internal workflows

Help connect residents and families

MAin user

Senior Care Team-
Nurses & Social Workers

Operate the system to help them do their daily tasks, including...

Take care of the senior residents

Communicate with the families

Prepare yearly assessments

problem scenario

Imagine...
the lost paperwork chaos in long-term care...

A man sit in the center of the pile of documents and looking troubled.

"It's time of the yearly assessment again."

Tim the nurse groaned, buried under an avalanche of folders. With his colleagues, he'd been slogging through paperwork all morning, and the mountain barely seemed to shrink.

"Ugh, where is the folder for 2020..."

Time to dig up and organize ALL the resident info, make sure everything's perfect, or the government auditors would have their heads.

Missing docs or lost signatures? No bueno, big-time trouble.

This is actually a situation our clients deal with all the time!

BACKGROUND

How it all get started?

Our clients repeatedly requested that they need…

Paperless Documents

to save storage space.

Electronic Signature

to track process.

Online Approval

to save time.

At the same time...

Electronic Signature Act has just passed, so cities start to approve documents using eSignature.

We need to seize this market as soon as possible.

Those results give us the first thought of developing a new function or product to integrate our own existing product system, to create a greater business value and align with user needs.

buisiness goal

What solutions can optimize caregiver paperwork processes, ensure compliance, and create new revenue streams?

challenges

Balance between time, laws and revenue.

Time limitation -
Develop an MVP as soon as possible.

Legal challenge -
Complies with all applicable laws and regulations.

Business challenge -
Generate enough revenue to cover the costs of developing.

Research

What are the scenarios and pain points for using eSignature?

The approach begins with brainstorming for the product, followed by digging into the pain points and form concept solutions, and last validate the concepts.

Brainstorm for product.

Determine the desired functionality and then brainstorming possible application scenarios.

Solutions for pain points.

Dig into the user's pain points and generate several concepts for solutions.

Concepts validation.

Validate the concepts to find out the practical final solution.

brainstorming

Workshop

To brainstorm the possible scenario and the pain points that our users face under that scenario, I hold a workshop within the company both in-person and virtual to collect various signature scenario.

Collect various signature scenarios and pain points.

Then, cluster them to find viable application.

Collect cross-department’s voice.

Facilitate future consensus for a product launch with diverse viewpoints.

Image of around 20 people participating in the brainstorming workshop.

WORkshop result 1

Possible Scenario

Leveraging the complexity of sign-off procedures, I categorized six document groups with unique pain points and signing scenarios. Focusing on agreements and contracts, I prioritized high-rigor, multi-step signing processes prevalent in our current paper-based system.

A table of 6 major scenarios.
6 pain points summary from the workshop.

WORkshop result 2

Pain Points

Six major pain points are collected throughout the brainstorming, but not sure about the concrete scenario and process behind each pain points.

What are the detail process and user needs?
Let's dig more into it to understand the signing process.

DEFINE

Interview

Invite 2 sales, 3 customer services and 1 client to interview.
The goal is to...

Confirm the pain points and needs

we found in workshop for further solution design.

Explore the process for paper signing

to see whether the solution works.

Me interviewing people in front of the laptop.
These are the findings.

Problem

Users still use paper to sign the documents, which enables the complicated process of signing.

"I need to prepare lots of empty template paper documents for signing.”
-Client

Problem

Various documents and signature field, easy to miss and take much time.

"...they often miss the signature field and the residents and families need to return to the site.”
-Sales

Problem

Paper documents are hard to storage and search information.

"...we need to search and prepare every relevant documents sorting by our residents for the government's yearly assessment on every April…it is really annoying.”
-Client

Iterate

Concept Design for Solutions.

To solve the problem mentioned, I provided two big product concepts and includes some extended, detail concept design within it.
I later do validation by interviewing and usability testing to see whether the concepts work.

concept design 1

Implement an all-in-one independent signature system.

This platform empowers users to create templates, collect signatures, and store files within a single, unified environment.

Proposal

Bulk Select and Sign in one click

3 screens of the concept 1 showing the login page of the individual system.

Validation

Not applicable.
Skipping individual review through batch signing risks missed information, undermining the value of consent.

Proposal

Sign count reminder: avoid missing fields.

A screen infers the reminder feature of how many signature are left in the document.

Validation

Applicable.
Solve the problem of missing field.

Proposal

The File Center: offers archiving, categorization, and resident information access, streamlining yearly assessment preparation.

A wireframe of the file center with many files sorting in bento style.

Validation

Applicable.
Seamless workflow: Locate and export files instantly, mirroring the intuitive design of well-known cloud drives.

concept design 2

Boost efficiency with pre-built templates and API integration.

Partner with a trusted digital signature provider, gaining access to their pre-built templates and API for seamless signature workflows.

Proposal

Streamline signing with API-driven templates.

A screen demos the steps of how to create a signature template.

Validation

Partially applicable due to API limitations.
While API integration helps streamline development, it poses complexity challenges for template creation. We're investigating alternative solutions while leveraging API benefits elsewhere.

Proposal

Embedded signing integration accelerates development and user access.

A screen representing the embedded signature screen of the thrid party company.

Validation

Applicable.
Embedding a third-party signature solution reduces development time, rapidly providing comprehensive signing features to users.

final design

Finally-
Greeting to the  SmileCare eSignature Product.

To minimize development time and budget, we merged two key concepts: new modules within our existing product and a third-party eSignature system. This strategic integration leverages existing features while meeting user needs through carefully chosen design elements.

A dashboard of the signature's status.
A screen shows the file center in the system in grid view.
Demonstrate the sync feature to link the file to the existing residents by clicking one button.
A screen shows the file center in the system in list view.
A screen demos that several files are selected in the file center.
A screen demos the signature page with 2 signautures left.

Solution feature

What are the magics?

Solution

Dashboard

The dashboard streamlines signing and archiving by providing an overview of files, sending reminders, and enabling quick access for completion.

Ideation from Concept 1 -File Center.

A dashboard of the signature's status.

Solution

File Center & Document Signature 

Seamless integration of the two new modules within our existing product eliminates the need for users to learn a separate signature system. Now, all signing tasks can be conveniently completed within a single platform.

The File Center empowers users with flexible viewing options through its grid and list view functionalities.

Ideation from Concept 1 -File Center.

Solution

Sync with signed documents seamlessly with resident records.

Simplified access: Nurses and social workers can leverage tags, and search tools for quick and efficient file retrieval.

Demonstrate the sync feature to link the file to the existing residents by clicking one button.
Demonstrate the reminder feature of the new solution.

Solution

Reminder of signature left.

Our final solution also includes a reminder feature to alert users about the number of required signature fields, preventing them from being missed.

Ideation from Concept 2 -Reminder.

Demonstrate the embedded screen of the third-party application with signature field in the document.

Solution

Seamless signing experience through embedded signature panel enhances accessibility.

This reduces page-switching and supports keyboard navigation.

Ideation from Concept 2 -Reminder.

Solution

Simplifying template creation via API.

Instead of complex building steps, users can design templates directly in third-party system. We then seamlessly import them via API, making them reusable and saving valuable signing time.

 Transform Concept 4 – Integrate third-party signatures seamlessly to unlock advanced template capabilities.

An  link to the external website to manage template.

resulT and Current Status

The final design was approved by the business team and is expected to generate a 22% increase in revenue for the company.

Before I left, the solution is handed to senior designers, PM and engineers for further developing.

* The 22% profit growth estimate is based on the assumption that 10% of existing customers will use the new feature. This is calculated by multiplying the number of users by the monthly subscription fee of the new module.

key takeaways

Something that I learned in this project.

Cross department teamwork.

As part of a 4-person team with a PM, and two engineers, this project thrives on cross-functional collaboration. I regularly consult the PM on business value and timeline, and the engineers on technical feasibility, ensuring solutions align with both.

Balance between user needs and business value.

Initially, striking the balance between user needs and business value proved challenging. We needed a solution that addressed user pain points while achieving profitability. Through collaborative analysis with the PM, we assessed development costs and potential profits, ultimately finding the optimal equilibrium.

Use concept design to communicate.

I leverage "concept design" to validate ideas with stakeholders and foster solution-oriented communication. This technique blends wireframing and mockups, prioritizing conceptual clarity over visual refinement. This makes user comprehension easier and serves as a powerful communication tool before diving into final design and GUI.

A picture of me conducting workshop within the company.

* All illustrations in this page is generated by streamline.com.

Thank you for reading!
Interested in more works?