Onboarding Web App

Design a desktop web app for companies to use internally for their onboarding process.

Team Size

Individual

Duration

2 weeks

Materials

  • Digital design tool
  • Prototyping tool
  • Presentation software

Deliverables

  • Prototype of the MVP for a desktop (high-fidelity)
  • Roadmap for next 3-6 months (additional features beyond the MVP that will be rolled out in the future)
  • Landing page that explains what your product is (responsive)
  • Presentation of research and final proposal
  • Research and design report as a PDF

Brief

You are working for a new startup that is looking to launch a software as a service (SaaS) desktop web app for companies to use internally for their onboarding process. You will be researching the market and meeting with employees to determine the needs of the business and then developing an MVP based upon your findings.

So far, we have been designing for customers as the end user, but now you have to consider multiple kinds of users:

A good example of a SaaS is Gusto

Project Scope

You will be designing a new product. If a company you research is already using a product, then that product is a competitor, and you should design something superior. Don’t try to change the existing product.

Because you are launching this product, you need to ensure that this is a service that would be useful to multiple companies.

Research

You will need to find people inside companies to talk to. You should focus on tech-forward companies that have grown to a number where they are starting to need some onboarding-related tools (probably at least 8-10 people). This is why it is critical to start now so that you have time to plan and visit offices in the first week of the project. Research can be done remotely over video conference if you are connected to companies elsewhere.

As you research

Considerations as you investigate how companies currently accomplish onboarding:

Suggestions

Suggested schedule

Day 1

  • Project plan
  • Start networking to schedule interviews and site visits at companies

Day 2

  • Interviews and observation
  • Competitive Analysis
  • Desk research

Day 3

  • Continue interviews and observation
  • Affinity Diagram Use post-its on a wall!

Day 4

  • User Persona
  • Problem Statement
  • Feature prioritization
  • Task Analysis
  • Scenarios
  • Use cases
  • Ideation

Day 5

  • Card Sorting
  • User Flow
  • Paper Prototype
  • Test
  • Iterate
  • Digital Wireframes

Day 6

  • Test
  • Iterate
  • Style Tile

Day 7

  • Start with high-fi screens
  • Desirability Testing
  • Finish High-fi
  • Test

Day 8

  • Prepare your research and design report
  • Build your presentation
  • Practice your presentation

Day 9

  • Print your reports
  • Practice presenting with a classmate
  • Be fabulous in front of the jury!

Presentation

You will present in front of a jury panel composed of 2 UX/UI designers. Think of this as an opportunity to get an outside opinion from someone who is actively and currently working in the field. Working in a high pressure situation in a safe environment is going to be great practice for you ahead of your job interviews.

You should be prepared to answer the following questions:

  1. What did your research show you?
  2. What variations on your design did you explore?
  3. How were your design decisions connected to your research findings?
  4. How would a user operate your final design?
  5. How did your design change based on testing with users?
  6. What features are on your 3–6 month roadmap?
  7. How did you determine which features to ship first?