top of page

A new experience applying to programs and schools

Redesign user experience and interface for Terra Dotta

Process.png

The Basics

Terra Dotta is a platform that many schools use for applications, including applications to academic school programs as well as study abroad programs.

Role

UX Designer

Team

Rachel Qian

Sanae Wilson

Project Length

1 week

Context

In 10 days, redesign for Terra Dotta, a study abroad application software company, to elevate its business by providing better user experience.

Background & Goals

Brand challenge

Terra Dotta is facing more and more competitors like Via, TRM, and Horizons are emerging with better products and user experience in the relatively small market.

Goal

-Attract more new customers

-Increase customer retention

Signal

-Increased usage

-Increased returning customers

-Increased application completion rate

-Increased customer schools

-Less negative feedbacks

Metrics

Research

Stakeholders

  • College student

  • Administrator

  • Director of a specific program

  • Other faculty

Personas

personas-04.png
personas-03.png

High school
students

Administrators

User journey

By identifying our target user's journey with Terra Dotta, we discovered insights and their pain points to improve in our redesign.  

2

1

phases

overall steps

detail steps and actions

Pain points and insights

Pain points

profile pic persona-05.png
  • Many students, especially high school students, find it hard to maintain good time management on application process.

  • Some students claim that they find mistakes in their applications after submitting them but can not do anything anymore.

  • When students are confused about certain part of the application, they have to write emails and wait for responses.

profile pic persona-06.png
  • One administrator is usually responsible for several programs. It is often times hard to keep track of all applications.

  • They find it time-consuming to put up new materials for new programs.

  • Administrators often times answer similar questions from students over and over again.

Design Opportunities

profile pic persona-05.png

1

How might we make tracking the application process more accessible and intuitive for high school students?

profile pic persona-06.png

1

How might we simplify the process of managing the system as well as shorten the time spent?

2

How might we reduce potential mistakes that high school students make before submitting the application?

2

How might we facilitate the communication between administrator and other parties?

Solution Features

  • Process tracking

  • Parent involvement

  • Guidance during application

  • Mobile interface to make good use of spare time

  • Prioritized and categorized information 

  • FAQ database

Value proposition

Student

Value proposition-01.png

Administrator

Value proposition-02.png

Design proposals & development

Information Architecture

IA-01.png

Low fidelity wireframes & testing

Paper mock-ups to find out user's feedback on the re-designed flow

low fidelity frames-01.png
User testing round 1 feedbacks
  • Confusion about the app/web page

  • Users prefer swiping motion

  • More clear iteration on chatbot flow is needed(especially when a message is forwarded to administrators

  • Users like the FAQ feature, but are confused about the buttons

Mid fidelity wireframes & testing

Mock-ups made with whimsical and Figma that demonstrate more detailed flow and user interface

High school student interface
Assets for terra dotta@2x.png
mid web frame-03.png
Administrator interface
IMG_3540.jpg
IMG_3538.jpg
testing1.png
User testing round 2 feedbacks
  • Full-screen mode on mobile works well because it helps to concentrate on the task

  • FAQ creation needs more flexibility to make it more efficient

  • How much do students want to share with their parents?

  • Re-think the final submission flow

MVP testing with real user interactions

To gather real data from user samples to analyze whether the new design reached the "metrics" we set in the beginning.

IMG_1826.PNG
profile pic persona-05.png

Users interact with our MVP according to their habits and real application process.

airtable-01.png

Make interactive MVP in Thunkable

and send out to a group of potential users.

We receive real-time data in Airtable spreadsheet. Data is then used to see whether our new design achieved the metrics and whether we should further improve the design.

MVP feedbacks
  • Users tend to click more into the tab placed on the top of the list.

  • Users tend to be reluctant to upload files the first time they open the application.

  • Placing completeness on top of the screen helps to remind the user to keep working on the applications.

  • Showing completeness of each section and checking the ones that are finished helps users to continue working on the applications.

Design system

  • Young

  • Travel

  • Explore

Moodboard

moodboard.001.png

The vibrant feeling of the interface is targeting our new stakeholders-high school students. At the same time, high contrast colors help prioritize and organize information and tasks.

COLORPALETTE-09.png

Color

Typography

Typography.png

Button states

button.png

Iconography

iconography.png

Final Design 

faces-05.png
1-1  Step by step navigation and transition

By improving the mobile version of the Terra Dotta experience, we provide high school students the opportunity to make use of their spare time.

Also, as shown in the example on the right, they can easily keep track of application process on the dashboard to make them feel more in control of the process and know where they are in the application.

Value creation
  • Better time management

  • The directional flow helps speed up the process.

  • "One-question-at-a-time" mode avoids information overflow.

Dashboard

screens-12.png
screens-14.png
screens-16.png
screens-13.png
screens-15.png
Dashboard shows the progress of each category.
Automatically jump to the next card once an answer is selected.
faces-05.png

1-2  New essay editing feature

High school students will be able to convert existing files and edit the text file on their mobile phones with the new Terra Dotta system. 

The new essay editor only provides essential editing tools and has an auto-save feature to make sure student update is always saved.

Value creation
  • Better time management (allows students to better utilize their spare time to think about and work on the essays)

1-2-17.png
1-2-18.png
1-2-19.png
1-2-20.png
1-2-21.png
download-macbook-png-hd-free-transparent

Parent/student collaboration mode is unique to the high school student version.

Parents can track the process, make payments and give permission for final submission.

Feature flow

PARENT FEATURE FLOW-02.png
2-22.png
2-23.png
2-24.png
2-25.png
2-26.png
faces-05.png

2 Parent/student collaboration mode

faces-07.png
  • Avoid potential mistakes by having parents double-check materials before submitting.

  • Speed up the process by loop parents into the payment section.

Value creation
Register collaboration mode
email.png
Parents signup-1.png
download-macbook-png-hd-free-transparent
download-macbook-png-hd-free-transparent
2-29.png
download-macbook-png-hd-free-transparent
download-macbook-png-hd-free-transparent
Parents dashboard.png
Parents dashboard-1.png
Final submission permission
2-30.png
2-31.png
2-32.png
2-33.png
faces-05.png

3-1  Chatbot for student

Students can enter the chatbot anytime during the application process to get help regarding different sections of the application.

Chatbot is able to answer basic questions and initiate the conversation smartly depending on where the student is in the application.

Value creation
  • Speed up the process of getting questions answered so that they can continue with their applications ASAP. (efficiency)

  • No need to jump into email and send questions. (efficiency)

assets-34.png
Auto-reply from chatbot
Forward questions
to administrators
chatbot-35.png
chatbot-36.png
chatbot-37.png
chatbot-38.png
chatbot-39.png
chatbot-40.png
chatbot-41.png
download-macbook-png-hd-free-transparent

Chatbot is a trainable assistant for administrators.

By adding frequent questions from students and other parties into the FAQ database, the administrator can have the chatbot reply to similar questions for him.

Chatbot is the feature that builds up the long-term connection between the administrators and the software to make it irreplaceable.

faces-06.png

3-2  Chatbot for administrator

Value creation

  • No need for answering repetitive questions.

  • A centralized place for communications with students. (efficiency)

  • Ability to build the database over time.

MacBook - 14.png
MacBook - 12.png
MacBook - 11.png
download-macbook-png-hd-free-transparent
MacBook - 8.png
download-macbook-png-hd-free-transparent
download-macbook-png-hd-free-transparent
download-macbook-png-hd-free-transparent

Before & after comparison

Before

TerraDotta_ProgramInfo.png
  • Not user-friendly interface

  • Information overflow

  • No guidance & assistance

After

cover-01.png
  • Intuitive interface

  • Management assistance for both students and administrators

  • Prioritized information and actions

  • Better collaborative process

Next Step: further user testing & MVP

Feature prioritization

Group.png
1. Chatbot

Uncertainty: whether chatbot really makes the process more efficient; how big a data base is needed.

Urgency: High

nav tracking.png
2. Tracking&navigation

Uncertainty: how often do students check the system; whether there should be some kind of notifications to encourage students to finish the process.

Urgency: Middle

faces-07.png
faces-05.png
3. Parent/children

Uncertainty: how much students are willing to share with their parents.

Urgency: Low

Plan to test chatbot MVP

prototype plan-01.png
bottom of page