Upstart logo
Legal help that startups need, without compromise
Desktop and mobile view of Upstart user interface
Client

Upstart Legal

Team

Laura Bowes
Cameron Crawford

Timeline

2017-2018

Problem

Traditional legal services are out of budget for startups in Southeast Asia, which forces them to use cheap alternatives or without any legal support, leaving them vulnerable to failure.

Solution

A responsive web app that allowed startup founders to organize, create and edit legal documents and gave them access to reduced cost legal advice.

My Role

I was the product design lead, responsible for strategy, research, and design.

Solution

Easy document generation + affordable support

Legal isn’t cheap. In order to provide startups with legal they need, without compromise, Upstart provided an easy-to-use, document generator and low cost legal assistance.

Organize your business

The company dashboard allowed users to create and edit their legal documents and asked journey-based questions to help them with their next step.

Upstart dashboard user interface desktop

Create Legal Documents

Simple, straight forward document builder helped founders create legal documents they could understand, without lawyers.

Upstart founders agreement contract builder mobile

Understand Legal

Upstart explains complex legal concepts in simple terms and guides founders through document creation with practical educational modules.

Upstart mobile educational module

Research

Understanding how founders feel about legal

To build empathy and understand more about the feelings influencing behavioral patterns of avoiding legal coverage, we set out to learn more about the founder journey and past experiences with legal.

Listening to stories

METHODS:
DIRECTED STORYTELLING
+
STRUCTURED INTERVIEWS

The team sat down with startup founders and listened to stories about previous experiences with legal issues, had founders walk us through their process if a legal issue came up, and probed to understand what triggered a 'legal issue' for them. I wrote the discussion guide and conducted the interviews with startup founders. This resulted in two primary takeaways: 

01
Founders have a reactive approach to legal - often dealing with issues too late
02
When founders did seek legal advice, their primary source was a conversation with a friend, family member or a google search
user research: post it notes organized in an affinity diagram
Analyzing + grouping results from interviews and directed storytelling

Understanding the startup journey

METHODS:
EXPERT INTERVIEWS
+
STAKEHOLDER WORKSHOP

To learn more about the startup journey, I conducted expert interviews with regional venture capital (VC) companies and lawyers providing services to startups. I also planned and ran a stakeholder workshop with Upstart's founder and lawyers to learn more about current needs of startups they were engaged with. The key takeaway from these sessions was issues VC's were having:

01
Venture capital firms said one of the primary reasons startups didn't receive funding was a lack of organization, specifically legal agreements around founding equity share and intellectual property.

With this in mind, we made a design decision to focus our prototype and minimum viable product (MVP) on early stage agreements and business decisions. If we could build a tool that got startups to meet the minimum requirement of legal agreements VC's were looking for, their chance of getting funded and, therefore, success was greater.

Narrowing to insights

I grouped themes from all of the research and came to four insights that would drive design decisions and help determine a path to prototyping and developing a MVP.

Trust is the most important factor

Lofty retainers and a lack of transparency left founders lacking trust in legal services. Founders only want to pay for what they need.

Relevant startup expertise

Traditional law firms attempted to solve new problems with old solutions. Founders want partners that understand their mission.

Inexpensive doesn't mean good

Legal is supposed to be expensive, so low cost legal carried a stigma with it that founders didn't care for. They want quality solutions they can afford, not cheap.

Empathy for the journey

Founders are stretched to the limits twenty four hours a day. They need experts and solutions that fit their lifestyle, timelines and budgets or they won't use them.

Opportunity

How might we provide legal documents at an affordable price?

With insight from founders and stakeholders, we shifted focus toward defining our opportunity.

Business-to-user mapping

I overlaid the business context, provided by the stakeholder workshop and VC interviews, with the user perspective, gained from our insights, to define the opportunity space for our product: To provide simple and easy self-serve legal templates supported by reduced cost, targeted expertise.

diagram of Upstart business opportunity

Design

Designing to reframe  legal

With the opportunity defined and our insights to guide us, I worked with Upstart lawyers to create an experience that reframed our users feelings toward legal.

Design strategy

I worked with Upstart lawyers to find new ways of presenting legal concepts to design an experience that was both easy to use and made it clear when additional expertise was needed. I crafted the following design strategy and resulting design decisions to guide our work:

Build trust through comprehension

Reframe limited perceptions of legal

  • Simply explain complex legal concepts
  • Never use 'legalese' language
  • Help users understand when additional help is needed
  • Tailor experience to the startup journey
  • Design should look and feel similar to tools they already use
  • Experience should be simple, clearly identify learning opportunities and never overwhelm
  • Reinforce value consistently
Identifying mvp userflow

Based on our interviews with founders and discussions with Upstart lawyers, I defined a flow for our minimum viable product. The MVP would focus on early-stage startups who had straightforward, foundational legal needs.

Flow diagram of minimum viable product
Moving to wireframes

Looking to validate the MVP flow, I wireframed an experience to test. Upon further discussions with stakeholders, we decided that a recommendation engine would be de-scoped for the MVP phase; therefore, we focused the test on the dashboard and completing a contract template.

Desktop wireframe of dashboard, showing templates and documents

Dashboard provided users a view of their recent activity and the ability to load + edit the document builder, and view and download finished documents.

mobile view of dashboard
desktop view of NDA document builder

An example screen of the NDA document builder. The entire NDA template was built out for prototyping with users.

mobile view of desktop view of NDA document builder
Desktop wireframe of dashboard, showing templates and documents
mobile view of dashboard

Dashboard provided users a view of their recent activity and the ability to load + edit the document builder, and view and download finished documents.

desktop view of NDA document builder
mobile view of NDA document builder

An example screen of the NDA document builder. The entire NDA template was built out for prototyping with users.

Prototyping

Validating the MVP with founders

Our next step was connecting the screens into a prototype and attempting to validate our concept with users. Through prototyping, valuable insights were gained and resulted in a pivot in strategic direction from an a-la carte model to subscription.

Prototype

The prototype was centered around buying a template, the dashboard, and the completion of an NDA document using our document builder. I was responsible for creating the wireframes and stringing them together into a prototype and running the sessions with users.

Data we hoped to obtain from prototype test:

01
Will founders use this tool?
02
A la carte vs. subscription model
03
How will it be used on mobile vs desktop
04
How can we optimize the document builder?
High level view of prototype
High level look at prototype
Prototype results

Founders found the tool useful and reported that the design and content made the task of working with a legal document easier. Aside from this, we had four findings that informed the design further:

Finding:
‘A la carte’ model led to confusion about what templates were free and which were purchased.
Design Decison:
Pivot to subscription model to aid in clarity on what founders received for a monthly fee.
Finding:
Mobile was used as a tool to make progress or explore documents while desktop was where users executed the 'important' tasks.
Design Decison:
Desktop remained a priority but mobile plays an important role. Prioritize autosave functionality in the backlog.
Finding:
Users were frustrated when they had to stop the document builder because they didn’t have proper documentation.
Design Decison:
Ensure practical information is up front and has similar prominence to educational information.
Finding:
Users slowed down or became visibly frustrated if there were more than 5 steps on a screen
Design Decison:
Focus on form best practices and chunk information into more steps but shorter forms.

Screen Designs

Designing the MVP

With our prototype findings guiding design refinements, we moved to designing screens that would be developed for an MVP launch in Singapore.

Page designs
desktop dashboard design

New Dashboard featuring the subscription model. All document templates were available, along with the ability to get lawyer help, premium templates and review completed documents.

Mobile dashboard design
Desktop design of dashboard

First step of the NDA document builder. I added the step indicator and shortened fields to a maximum of five per screen. This also features the educational window expansion on the first question.

mobile screen from NDA document builder

The first screen of a document builder would feature a list of practical items needed. A finding uncovered from the prototype.

Mobile screen with expanded education content

View of expanded educational element, explaining management roles and how to define them in the agreement.

Mobile contract summary page

Summary of all entered content is displayed before user executes the document.

Mobile contract complete screen

Final screen after document is created. We added copy about ability to edit to reduce 'buyers remorse' moment.

Adapting the design

Based on findings from the MVP launch, I made the following design changes for a wider release.

01
Organized contract templates on dashboard to reflect foundational steps in the startup founder journey
02
Increased accessibility with color, specifically with contrast on all calls-to-action
03
Designed lawyer meeting screens based on founder feedback that it should be prioritized
Desktop dash redesign

dashboard rethought with foundational steps in the lifecycle of early stage startups: Starting a business, building a team, raising investments and general contracts.

Desktop starting a business redesign

Each sub section housed completed documents and templates for that subject matter.

Mobile view of dashboard

Starting a business mobile view houses templates + completed documents related to starting a business.

Desktop lawyer time page

Initial screen design for lawyer time page. Users wanted the ability to book meetings, see upcoming appointments, view history of meetings at a glance.

Desktop lawyer time meeting page

If the user clicked on a meeting they would be presented with the detail including which documents were discussed and lawyer notes from the meeting.

Results

Impact and moving forward

Shortly after our MVP launch, and due to forces outside of my control, Upstart declined a funding offer and the company was disbanded. However, this wasn't before positive data came coming from the launch

Result from the MVP launch

Initial results from the MVP launch showed a positive response to the product, increased legal comprehension by our users and increased lawyer efficiency.

80% of new users completed a legal contract without additional help from lawyers
Lawyers who pointed startups to the product freed an average of 15% of their time to focus on more detailed work
Reduced the cost of basic legal documents for startups by up to 70%.