Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Now it's time to present your solution to the design problem! Begin by defining your hypothesis, and then explain your approach.
Slides Shown:
Solving the Problem
- Rethinking the flow
- Mockups
Next, I get into the solution.
0:00
The theme of this section
is to tell a story.
0:03
How did you reach your solution?
0:06
Walk the audience through it.
0:08
Include everything, from rough sketches to
high fidelity mockups, as well as anything
0:10
that sparked inspiration including mood
boards or screen shots from other apps.
0:16
I start by stating my hypothesis.
0:21
I believe that bringing
the recruitment experience in app for
0:25
prospective apprentices, will result
in a more streamlined user experience,
0:29
that gives them access to the starter
track more quickly, provides more clarity
0:34
in regards to next steps, and
frees up time for Treehouse staff.
0:39
We all know this to be true when we see
more prospective apprentices being active
0:45
on the starter track, less support tickets
relating to recruitment confusion,
0:49
and a reduction in Treehouse
staff time spent on recruiting.
0:55
That states my intention for
how I want to solve the problem.
1:00
Next, I show how I improved the user flow.
1:04
Here I have some updated user flows that
show the new experience I'm creating.
1:08
My plan is to bring the recruitment
landing page into the Treehouse app and
1:13
have it auto generate based on a template.
1:17
Then I want to streamline
the interest forum so
1:20
that when people want to join,
they can automatically get access.
1:23
Then I start showing the mockups for
the new flow.
1:29
The interest form went through
a couple of iterations, so
1:33
I start with the first iteration.
1:36
Depending on the purpose of
the presentation and the time you have to
1:38
present, consider including the iterations
that ultimately got scrapped.
1:42
Explaining what worked and
1:47
didn't work, will inform them about
why you landed on the solution.
1:48
In an early iteration,
1:52
I redesigned the interest form
while keeping the questions intact.
1:54
Later on, you'll see I drastically
simplified the form after learning from
1:59
the team that several questions
actually weren't used to vet
2:04
candidates in the early
phase of the process.
2:08
Here's my first pass at building an a sign
up flow after the interest form is
2:11
filled out.
2:15
There's a special variation here for
2:17
when someone with an existing
organization account signs up.
2:19
That kind of transfer requires
customer support help.
2:23
I also included this idea I had for
2:25
a review queue in our
internal admin dashboard.
2:29
We ultimately decided to
not go this route, but
2:34
basically the idea was to display
the candidates on a dashboard and
2:37
allow admins to review their
interests form responses.
2:42
Then admins could accept or deny access.
2:46
We ultimately decided to
automatically give new users
2:49
access without putting up a gate.
2:53
I recap the pros and
cons of my first iteration here.
2:56
Then I showed my second iteration,
starting with the interest flow.
3:02
I builds off the usual
tree house sign up form.
3:07
I included the various steps as there
are different screens shown to those with
3:10
existing Treehouse accounts and those
who do not have a Treehouse account yet.
3:14
Here's the email that's sent us students
after they submit the interest form.
3:19
It clearly communicates it's related
to the apprenticeship program and
3:23
includes the next steps.
3:27
That wraps up the student
facing experience.
3:30
Next is the admin experience within
an internal staff only dashboard.
3:33
I start by showing the updates
to the admin dashboard.
3:40
This shows the Cohort page, which includes
the Generate Landing Page button.
3:44
That leads to another internal page where
the landing page template is defined.
3:51
This part of the dashboard is older and
not as freshly designed, but
3:56
still works just fine, redesigning it
was not in the scope of this project.
4:00
Here Treehouse staff can create a new
landing page for a given cohort, and
4:06
customize specific fields such as city and
employer name.
4:10
Here are the improvements.
4:15
There are several assets to choose
from to personalize the landing page.
4:18
Here are just a few.
4:22
Now, here's the updated
landing page design.
4:25
As you can see, it's difficult to read
a long web page within a small space on
4:28
a slide, so I've layered a couple
of sections of the page here.
4:33
And in the next few slides
I've zoomed into each section.
4:38
Here I show that I made
the location more prominent.
4:48
The hero image can easily be
swapped out in the template.
4:51
I also introduced the program and
provided a place to explain
4:56
the partnership, and I clarified
the key dates and program timeline.
4:59
I included some extra goodies such as
a page that displays the cities we're
5:06
currently recruiting in.
5:10
This wasn't part of
the original project goals but
5:12
now that the recruitment is automated,
it's easy to automatically generate
5:15
a page that gives everyone transparency
into where we're recruiting.
5:20
That covers the project walk through.
5:25
In the next video, I'll show you
how I talk about the project plan.
5:26
You need to sign up for Treehouse in order to download course files.
Sign up