Shafeen Alam
All work
CheggPersonalized college matching engine0 to 1

Matching students to colleges that would actually fit them

Students leave college because it turned out to be unaffordable, because they were not prepared, or because the place was never a good fit. Those are decisions made in high school, mostly unaided. I led design on a 0 to 1 product to make that decision better, built on 200 student interviews and a change to how the team worked.

Role
Hands-on UX Design Manager
Team
2 designers, researcher, PM, 4 developers
Verticals
Admissions, Careers, Enrollment Services
Stage
0 to 1, new audience
case.md
$ cat outcome
quiz_taken: 88%
add_to_list: 5% → 11%
Three screens from the shipped Chegg Admissions app: a College Match Quiz screen reading get matched to colleges based on your preferences, with a Venn diagram of college type, location and academics intersecting on You, a Take the quiz button and a Maybe later link; an Explore Colleges screen of photographic cards for best colleges for sports, most beautiful college campuses, colleges with the best food and most diverse colleges; and a most beautiful colleges list showing University of California Berkeley, USC, San Jose State, Cal Poly, Santa Clara and Syracuse with their crests
The app that shipped. The quiz asks three things, college type, location, and academics, and intersects them on you. Underneath the primary button sits “Maybe later,” because a product confident in its browse experience can afford to let you decline the personalization. The Explore collections beside it are that browse experience, and matches carry the reason they surfaced further down this page.↗ open full size
Why it mattered

The choices that lead students to drop out are made in high school, with almost no help.

60-second read

Problem

Students drop out because college was unaffordable, they were not prepared, or the school turned out not to fit them. All three are decisions made in high school, with almost no help.

System decision

Match on fit rather than rank, and show the reason for every match, so a student can judge whether the reasoning applies to them.

My contribution

Hands-on design manager across three verticals. Framed the hypotheses, ran the research program with 200 students, and changed how the team worked.

Outcome

2,000 organic downloads in two weeks. 88% took the quiz, 41% converted, and on the school page that followed, add-to-list conversion went from 5% to 11% against a 10% goal.

01 · Shipped

A prototype on the App Store on April 20, 2015, deliberately shipped as a proof of concept rather than a finished product. It reached 2,000 organic downloads inside two weeks.

200+
students interviewed over three months, a record for Chegg
88%
chose to take the quiz to get matched to schools
41%
signed up and went on to add a college to their list

02 · Why it
matters

The top reasons students drop out of college are affordability, not being academically or mentally prepared, and the realization that the school they chose was never a good cultural fit. All three are consequences of a decision made in high school, usually with a ranked list and a campus visit.

So the objective was not a better college search. It was helping a student find the college where they had a higher chance of both getting in and succeeding once there. Fit, not rank.

Vision

Become the essential destination for all high school students seeking college entrance.

Strategy

Unlike other services, Chegg helps students and parents discover and get into their best fit schools.

03 · A 0 to 1
audience

High school students were a very small slice of Chegg's users, and most of them arrived through the acquisition of Zinch, a scholarship search site. So we were not iterating on an existing relationship. We were introducing the company to an audience that had no reason to know it, at the single highest-stakes moment of their academic lives.

I managed three verticals at the time: Admissions, helping high school students find their best-fit college; Careers, helping college students land a first internship or job; and Enrollment Services, the business-to-business side. This is the Admissions story, and the Career Center work is its sibling.

Chegg Perks for High School Students page listing plan for college, get homework help, find scholarships with over one thousand opportunities, and explore careers with over six hundred career profiles
What the company already offered this audience: a list of perks. Useful, and not a reason to show up during the one decision that mattered most.↗ open full size
A Chegg-branded video thumbnail styled like a YouTube upload, reading High School vs. College over two contrasting photos of a student
The audience reached by content that spoke their language. The product had to earn attention in the same register without becoming a novelty.↗ open full size

04 · Four
hypotheses

Rather than scope a product, we built the simplest flow that could test whether the product should exist. Four hypotheses, ordered so the cheapest thing to be wrong about came first. The right column is what the launch data said about each.

Hypothesis · Verdict

01 An app that helps me find the best college for me is a valuable concept 2,000 organic downloads in two weeks
02 Personalized matches are valuable Quiz takers added ~3 more schools
03 A quiz will lead to higher activation 88% chose to take it
04 Creating a college list is valuable 41% signed up and added a school
Whiteboard sketch of the test flow with numbered screens: a start screen, a school page with quiz, top party schools and my list entries, a quiz sequence leading to a summary infographic and view matches, sign up and sign in steps, a college list, and a personalised discover page
The flow as a whiteboard, numbered in the order a student would meet it. Cheap enough to redraw, specific enough to test. The quiz, the matches summary, and the college list are all here, each attached to the hypothesis it was there to prove.↗ open full size
A title slide reading Chegg Colleges iOS App, personalized college search and discovery, with an App Store badge and a large red PROTOTYPE stamp over a phone showing find the right college for you
The prototype, stamped as such. Putting something in front of a student that looked shippable but was explicitly not committed to is the whole point of validating before writing production code.↗ open full size
Chegg Admissions iOS app screens: a splash reading find your dream school, an Explore grid of curated collections such as most beautiful campuses and most affordable colleges, a Matches screen grouping fifty schools under headings including top matches for you, schools recruiting you, because you like the West Coast and because you like a medium school, and a My College List screen with a top three and Target, Reach and Safety tabs
The prototype itself, deliberately grayscale. Matches are already grouped by the reason they surfaced, from “schools recruiting you” to “because you like a medium school,” and the college list already sorts into target, reach, and safety. The reasoning model was settled before a single color decision was made.↗ open full size

05 · Research, and what
came out of it

We then ran the largest research effort the company had done: over 200 students across three months, with a researcher on the team rather than borrowed. Testing focused on two things only, feature sets and messaging.

What we collected on behavior

  • How they researched colleges, and which schools they were drawn to
  • Intended major
  • Which resources and devices they used, phone against computer
  • How they gathered application requirements
  • What they were most excited about, and most worried about
  • How they planned to pay for school
  • Five words they would use to describe their own search

Then we sorted it three ways

What we know. What we do not know. What we still want to find out. Identifying the user stories, tasks, questions, and emotions students felt across the search and application experience is how the larger themes appeared, and the themes are what we built feature sets around.

To settle what we were actually making, we ran one deliberately blunt exercise: complete the sentence “this is an app that ____.” It is harder than it sounds, and it ends arguments. What we landed on: this app helps students discover and get matched to colleges that are the best fit for them.

Three whiteboard walls in green marker, the first headed with columns for organize, motivated and mentor, the second headed We Know, the third headed Don't Know with sections for research and apply phase, involvement, essay, notifications and messaging
The three walls. Note what sits under Don't Know: why a school gets left off the apply list, how and when students want parents involved, whether essay help is worth paying for. Writing down ignorance in public is what keeps a team honest about which findings it actually has.↗ open full size
An affinity map of colored sticky notes organized under handwritten headings, including self discovery, I want to understand what I want and need so I can find the right one for me, and school, I want to learn more about a college so that I can determine if its right for me, branching into what its like, cost, my chances and outcomes
The themes that emerged, written as student sentences rather than feature names. “I want to learn more about a college so that I can determine if it is right for me” branches into what it is like, cost, my chances, and outcomes. Those four branches became the product.↗ open full size
A darkened observation room where five team members watch a research session through a large window, laptops open, while two people talk in the lit room beyond
The whole team behind the glass, not just the researcher. Watching a student struggle with your prototype is the cheapest way to end a debate about it.↗ open full size

Research only counts if it survives the trip into artifacts a team can build from. Four did the work here, and the journey map was the one everything else hung off.

The Chegg Admissions B2C journey map, stating the problem that students drop out because the college was not a good fit, tuition was too high, or they were not academically prepared, and a strategy of helping students and parents discover and get into best fit schools. Below it a High School Student Journey grid with four rows: user stories written as as-a, I-want, so-that statements; a general admissions process band running research, apply for college, decide, and prep for first semester; student activities for juniors and seniors with real deadlines including FAFSA on March 2 and statement of intent to register on May 1; and a row of product concepts including college match quiz, colleges recruiting me, school profiles, student bios and student made content, scholarships match, net price calculator, and essay help
The journey map, four rows deep. The top row is user stories, the blue band is the admissions process, the green row is what students are actually doing with the real deadlines attached, and the yellow row is every product concept we could place against a moment. Anything that could not be placed against a moment did not survive.↗ open full size

Two of those yellow concepts, “college match quiz” and “explore colleges by category,” are the first two screens of the shipped app at the top of this page. A third, “student bios and student made content,” is the one that later turned out to be the whole differentiator.

The flow, wireframed end to end

Stamped “this is a wireframe, not a visual design,” which saves a week of the wrong conversation. The pink annotations carry the interaction rules, down to what tapping the plus symbol under Matches does.

A dense wireframe sheet stamped this is a wireframe not a visual design, showing a college matches list, college profile screens with Follow and Following states, a wingman screen offering to hook you up with colleges, feed screens full of student photos and videos including dorm room tours and orientation advice, and four detailed tab screens covering Experience with student rankings and campus data, Admissions with your chances, application requirements, deadlines, net price and scholarships, Academics with majors and student performance, and Outcomes with graduation rates, employment one year after graduation and average student loan amount
Look at the four tabs on the college profile: Experience, Admissions, Academics, Outcomes. They are the four branches from the affinity map turned into navigation. What it is like became Experience. My chances and cost became Admissions, holding accepted GPA alongside net price, tuition, and aid. Outcomes holds graduation rates, employment a year out, and average student debt. The research did not inform the structure, it is the structure.↗ open full size

Competitive analysis, on value rather than parity

Competitors were entering constantly, so we tracked eight products across Manage, Discover, and Value. The point was never feature parity. It was finding the row where we could be different in a way that mattered.

A competitive analysis spreadsheet comparing Chegg MVP and the Chegg College prototype against Admittedly, College Passport by Edupath, NextTier, College Match by ApplyKit, Naviance and College Confidential, with rows grouped under Manage, Discover and Value covering downloads, monthly active users, app reviews, opt-in behavior, college list, checklist, deadlines, notifications, sign-up method and flow, reviews, virtual tours, social media, up-vote content, ratings, photos, quiz, matches, search filters, profile call to action and value proposition
Two rows decided the product. Under Discover, Chegg is the only column with yes against virtual tours, social media, up-voting, ratings, and multi-source photos, while nearly every competitor has no. That is the student-generated content bet, visible as a gap in a grid. And the profile call to action row lists star, heart, add to list, add school, all filing verbs.↗ open full size

06 · Changing how
we worked

What we were doing

Mini-waterfalls. The product manager wrote requirements, handed them to a designer, who produced designs and then specs, which went to development to build and test. And every week the requirements changed.

Part of a good process is recognizing when it needs to change. This was the actual bug, and better design would not have fixed it.

What we changed to

Dual-track agile. Discovery ran alongside delivery, with the focus on prototyping and validating as fast and as cheaply as possible before anyone wrote production code.

Less about each role finishing its step and handing over, more about working side by side to create and validate together. We adopted the Google Ventures design sprint to make that concrete.

A dual-track agile diagram with a linear strategy, design and validate track labelled Swarm 0 feeding into a build and release cycle, wrapped around an inner iteration loop of design, validate, analyze and planning
Dual-track agile as we ran it. The linear strip on the left is discovery, deliberately ahead of delivery. The loop on the right keeps design and validation inside the build cycle rather than upstream of it.↗ open full size
A five day design sprint diagram, with day one understand covering who the users are and their needs, day two diverge, day three decide, day four prototype something quick and dirty, and day five validate with real users outside the organization
The sprint structure. Day four says build something quick and dirty and focus on usability, not on making it beautiful. Day five says show it to real users outside the organization and learn what does not work. Both instructions are there to stop a team falling in love with its own prototype.↗ open full size
A green diagram of a loop reading have an idea, build a prototype, test with a research sprint, repeat as necessary, divided into build and learn halves
The loop, reduced to something you can say in a meeting. Have an idea, build a prototype, test it in a research sprint, repeat.↗ open full size
A six panel grid of process phases: research and planning, design, prototyping, development and staging, release, and maintenance and optimization
The full phase model behind it, including the two phases teams usually leave off a diagram: staging and maintenance.↗ open full size

07 · Finding the
voice

The audience was stressed high school students who needed guidance, so the product had to read as relief rather than as another obligation. We defined the brand attributes first, then tested six visual strategies against real products that already lived each one, instead of assembling mood boards.

A brand attribute slide stating Chegg is friendly, guiding, fun, invaluable and trustworthy, each with a definition, alongside a note that the audience is high school students who are stressed and need guidance and that the app should provide relief and hope
Five attributes, each defined rather than just listed, with the audience and the intended emotional outcome written on the same slide. Relief and hope is a demanding brief for a search product.↗ open full size

Six strategies, each benchmarked against a shipping product. Three of them here

A visual direction study titled Picturesque Light, benchmarked against the Gogobot app, showing light photographic screens
Picturesque Light, tested against Gogobot. Photography-led and open.↗ open full size
A visual direction study titled POP and Personified, benchmarked against Duolingo, showing bright color and a coach character
POP and Personified, tested against Duolingo, including a coach character to carry the guidance.↗ open full size
A visual direction study titled Calm and Cool, benchmarked against the Elevate app, noting light backgrounds for navigation and settings, dark backgrounds for quizzes, and cool tones because blue is a common trend in educational apps
Calm and Cool, tested against Elevate. This one is the most specific: light for navigation, dark for the quiz, and an explicit note that blue is the trend in education apps, which is an argument for and against using it.↗ open full size

08 · What
shipped

Beyond the quiz and Explore screens at the top of this page, the shipped app carried five tabs: Explore, Search, Matches, My List, and Me.

Three shipped app screens: a search results list for the term University, a College Matches screen where each school has a plus button to add it and one shows a green confirmation check, with an inline card reading not happy with your results, complete the quiz to get better matches, and a College List screen with a swipe gesture revealing a red Remove action
Matches, with the mechanism visible. A plus adds a school, a green check confirms it is on your list, and the gray card partway down reads “not happy with your results? Complete the quiz to get better matches.” That is the answer to the quiz-length problem: ask almost nothing up front, then offer more precision at the exact moment a student feels the results are off.↗ open full size
Two shipped app screens: a San Jose State University profile with a campus photograph, the university crest, a row headed Matches you on showing has my major, 4 year, co-ed and West as separate icons, tabs for Experience, Admissions and Academics, key facts reading 4 year public with 25,157 undergrads, and an Add to list button; and a user profile for Jamie Lee showing College Preferences as an editable grid of 4-year university, co-ed, medium school, big city, in the West Coast and other regions, and a good school for Psychology majors
The college profile, and the most important row in the app: “Matches you on,” with has my major, 4 year, co-ed, and West as discrete, inspectable reasons. This is the per-school version of the reason-grouped list. On the right, the same preferences shown back to the student as editable state, so a bad match is a thing they can correct rather than a verdict.↗ open full size

09 · Outcome

App Store rating
against an expected 3.5
3.9
Took the quiz to get matched
hypothesis 03, validated
88%
Converted, signed up and added a college
hypothesis 04, validated
41%
Extra schools added by quiz takers
over students who skipped it
~3
Organic downloads, first two weeks
no marketing spend
2,000
Add to list, on the school page
from 5%, against a 10% goal
11%
Students interviewed
across three months
200+

Three of the four hypotheses came back clearly. 88% of users chose to take the quiz, which settles the question of whether students would trade effort up front for relevance later. 41% signed up and went on to add a college to their list, so the saved artifact was worth building toward. Students also started tweeting at us unprompted, which is the earliest signal you get that a concept has landed.

Two screenshots of tweets about the app. The first, from Domenick Sevor, reads everybody peep the Chegg app real quick, it helps you on finding the right college for YOU, with an App Store screenshot of the Chegg College listing. The second, from Brook Surafel on April 27, 2015, reads want some college help, download this iTunes link, super useful and easy to use, with the App Store preview cards visible beneath
Unprompted, one week after launch. The second is dated April 27, 2015, seven days after we shipped. What I find most useful is the wording of the first: “it helps you on finding the right college for YOU.” That is our own value proposition, repeated back to us by a student who had never seen our slides. When the messaging is right, users become the ones who explain your product.↗ open full size

The number I find most useful is the quiz differential. Students who took it added roughly three more schools to their list than those who skipped it, which says the personalization was not just tolerated, it changed behavior. And grouping matches by the reason they surfaced, rather than by rank, is the same commitment I made years later on an AI assistant for security analysts. A recommendation a person can inspect is worth more than a better one they cannot.

Shipped as a proof of concept to answer one question: whether students found features like matches and college profiles valuable enough to cut the time they spent researching. It did, and the findings in the next section are what shaped the MVP that followed. Longer-term retention figures are not in my possession, so none are claimed here.

10 · What the launch
taught us

88% taking the quiz validated the hypothesis, and then the qualitative findings told us to make the quiz smaller. That tension is the most useful thing this project produced.

Students arrived in three different mindsets

Major first

Knew what they wanted to study, needed to find schools that were strong in it.

School first

Had schools in mind already, often for reasons that had nothing to do with academics.

No idea

The group everyone forgets to design for, and the one most in need of the product.

Ask less, sooner

We moved away from a drawn-out quiz toward asking the bare minimum needed to get a student into the experience. A quiz that proves engagement is not the same as a quiz that should stay long.

And for students further along, the ones already carrying a list of schools in their head, we let them enter those directly and get a personalized feed without answering anything.

One word changed the model

The prototype shipped with “Add to list.” For the MVP we replaced it with “Follow.”

Adding to a list is filing. Following is a relationship that keeps paying out, which is what you want when the thing on the other end is a stream of student-made content about a school someone is weighing for the next four years of their life.

The competitive grid in section 06 is the argument. Every other product used a filing verb: star, heart, add to list, add school. The same change moved sign-up from after the list to after the quiz, so activation stopped depending on a student committing to a school before they had a reason to.

The distinguishing factor

Student generated content. Rankings and statistics were available everywhere. What no competitor could copy was current students telling you what the place is actually like.

11 · The MVP

The proof of concept had done its job, so the next question was what the real product should be. Four commitments came out of it, and every one traces back to a finding above.

A slide headed a student-first college search app, listing student-generated content to provide an insider perspective on what a college is really like, a follow and feed UI emphasizing visuals, a personalized experience that customizes data to the user, and tapping into the social dimension of discovery by highlighting what friends and students with my interests are following
Student-first, stated as four commitments. The fourth one is the one we never got to test: highlighting what friends and students with your interests are following, which would have turned a private research task into a social one.↗ open full size

The three mindsets, shipped as a fork

Research said students arrive knowing a major, knowing some schools, or knowing nothing. So the MVP opens by asking, and the two answers lead to genuinely different products.

Three MVP screens: a question reading where are you at with your college search with two hexagonal options, I'm not sure where to start and I have colleges I'm interested in; a Matches screen headed we've found you some matches, check out these colleges and start following them to get the latest updates, with reason-grouped rows for top matches for you, because you like the West Coast and top colleges for Psychology majors; and an Explore screen of photographic collection tiles including most beautiful college campuses, colleges with the most unique majors, most affordable colleges marked new, colleges with the best food and colleges with the weirdest traditions
The fork, asked plainly rather than inferred. Note the Matches copy: it no longer says add these to a list, it says start following them to get the latest updates. The whole value proposition shifted from filing schools to subscribing to them.↗ open full size
Three onboarding screens for students who are not sure where to start: Location, add at least one, with a type city or state field and a use my current location option; Major, add up to two, with a type your major field and an I don't have one link; and College aspects, select all that apply, offering diversity, school spirit, Greek life and religion
The guided path, and the bare minimum we could ask: one location, up to two majors, and any number of aspects. The most important control on these three screens is “I don't have one” under Major. That single link is how you design for the student who has no idea, instead of forcing them to invent an answer.↗ open full size
Three MVP screens for students who already have colleges in mind: an empty Colleges screen asking to add at least one with hexagonal slots and a disabled create my feed button; the same screen filled with UCB, SJSU and UW and the create my feed button now active; and a loading state over a populated feed reading nice choices, hang tight while we create your personalized college feed
The direct path, for students already carrying a list in their heads. Three taps and a feed, with no quiz at all. The loading message reads “nice choices, hang tight while we create your personalized college feed,” which is the brand voice doing real work at the one moment the user has to wait.↗ open full size

Why student-generated content was the bet

A slide headed student generated content, arguing that students do not like that schools are marketing to them, that student-generated content grabs their attention through reviews, videos, photos, testimonials and advice, that it is hard to find in a Google search, and that it builds trust that Chegg is on their side, shown beside a feed screen mixing a weather update for Boston with a college basketball score
The reasoning, in four lines. Students dislike being marketed to by schools, student content is hard to surface through search, and carrying it is what makes a platform feel like it is on the student's side rather than the institution's. The feed beside it mixes that content with weather and game scores, so following a school delivers something on a quiet Tuesday.↗ open full size

Follow, in students’ own words

We tested the two verbs against each other and the students settled it.

Add to list

“Seems more final.” “More like a commitment.” “Means I'm applying.”

Follow

“I'm interested.” A sense of agency, as in I am choosing. And it feels more personal.

“A lot of people who want to go to a college now, but in 2 months, they might find a different college. It's good to stay up to date, or maybe over time this isn't a suitable college.”

Andreas, Junior, Los Altos

“I would want to know what my friends are following. I'd rather press the follow button because that's what I'm used to doing when I'm interested in things on Instagram and Twitter.”

Madison, Junior, San Jose

“Following would give me a full picture.”

Jennifer, Junior

“I like this idea because I feel like there's something I'd miss if I didn't check it.”

Tatiana, Junior

“It's going to record my interest and let me follow up on that interest.”

Yitzhar, Senior

Andreas made the argument better than any designer could. A student’s preference is not stable, it moves over two months, so the interaction has to accommodate revision rather than record a commitment. Madison supplied the other half: follow is already the verb these students use for interest everywhere else, so we were not teaching a convention, we were declining to break one.

A slide headed Follow, showing five green speech-bubble quotes from students: Jennifer a junior saying following would give her a full picture, Tatiana a junior saying she likes the idea because there is something she would miss if she did not check it, Yitzhar a senior saying it will record his interest and let him follow up on it, Andreas a junior from Los Altos observing that students who want a college now might find a different one in two months so staying up to date matters, and Madison a junior from San Jose saying she would want to know what her friends are following and would rather press follow because that is what she is used to on Instagram and Twitter
The research slide the decision rested on. Five students, attributed by year and town, all describing the same thing without being led to it.↗ open full size
A slide headed Follow, arguing that follow fits the iterative self-discovery process, that follow means I'm interested whereas add to list seems more final, more like a commitment and means I'm applying, that follow gives a sense of agency of I am choosing, that follow feels more personal, and that users are likely to follow more out-of-state schools, shown beside a San Jose State profile screen with a Matches You On row of five icons and a large orange Follow button
And the behavioral consequence, at the bottom of that list: students were likely to follow more out-of-state schools. Lowering the cost of showing interest literally widened the geography of what they would consider. A one-word change to a button moved the shape of the consideration set.↗ open full size

Add to list asked a seventeen year old to commit before they were ready. Follow let them stay curious, and curiosity is the actual state they were in.

12 · The school page

Matching a student to a school is only useful if the school page can hold up to the decision that follows. That page is where a suggestion either becomes a college on a list, or gets abandoned.

The user story

As a user, I can get valuable information about a school so that I can make a more informed decision.

What it looked like

The original Chegg school page for San Jose State University, with a blurry stock photograph captioned that the photo is not of the school, a grey SJSU placeholder box, two tabs, and a thin sidebar listing type, setting, size, acceptance rate and graduation rate
Before. The photograph is not of the campus, and the page admits it out loud: Photo not of San Jose State University. Below it, five facts in a sidebar and a wall of prose. Nothing on this page is about the student reading it.↗ open full size

The data underneath

We moved off IPEDS onto Wintergreen. That is a procurement decision on paper and a design decision in practice, because it raised both the credibility and the sheer volume of what we could put on the page.

You cannot design for confident decisions on top of data you have to apologise for.

The goal, and the result

Add to list conversion was sitting at 5%. The target was 10%.

11% actual, up from 5%
against a 10% goal

Three questions only the student can answer

Every school page on the internet showed the same averages. None of them let a student put themselves into the data. So I built three inputs, each answering a question a ranking cannot.

The Undergrad Majors card reading see if SJSU has your major, with a major entry field, a result stating SJSU does not have your major for Maternal Child Health and Neonatal Nursing, and three most popular majors shown as icons
Does it teach what I want to study? Up to three majors, answered plainly. Including the answer no, which is the more useful one.↗ open full size
The Distance From You card with a zip code field, a line stating SJSU is located in San Jose CA, three chips reading 4hr by plane, 25hr by bus and 80 hrs walking, and a US map highlighting California and the student's state
Can I get home for the holidays? A zip code turns abstract distance into plane, bus and walking times. The walking figure is a joke that also makes the point.↗ open full size
The Your Chances card with GPA, SAT and ACT entered, each shown as a marker on a range against the average accepted values of 3.21 GPA, 1,335 to 1,680 SAT and 18 to 24 ACT
Would they take me? GPA, SAT and ACT plotted against the accepted range, so the answer is a position rather than a verdict.↗ open full size
The Your Chances card before any input, showing only the average accepted GPA, SAT and ACT ranges with no personal markers
Before input, the card is honest about being generic. It shows the averages and invites the three numbers that would make them mean something.↗ open full size

Why the empty state matters

34% of students who reached a school page clicked Calculate my chances. That is the highest engagement of anything on the page, and it happens because the empty state makes the payoff obvious before you commit to typing.

Ask for personal data without showing what it buys, and nobody fills it in.

Four sections, in decision order

Experience, then Admissions and Cost, then Academics, then Graduation and Jobs. Sequenced the way the questions actually arrive: what is it like, can I get in and afford it, what would I study, and where does it leave me.

The redesigned Experience section with a real campus photograph, a virtual tour button, key statistics in the hero, student rankings graded A plus to D plus powered by Niche, an about panel, the Distance From You map with travel times, a city map, a weather chart across the school year, student population and athletics
Experience, and the answer to what is it like there. A real photograph of the campus, letter-graded student rankings across nine categories, and the distance calculator sitting in context. Below the crop the same section carries weather across the school year, the student population split, and athletics.↗ open full size
The redesigned Admissions and Cost section showing Your Chances, application info with a 75 percent acceptance donut, an application requirements checklist with deadlines, a net price panel showing 11,723 dollars built from tuition plus housing minus aid, financial aid figures and a scholarships list
Admissions and Cost. Your Chances leads, then the acceptance rate, then a requirements checklist with real deadlines, because a student needs to know what the application asks of them before they care what it costs. Further down, net price is built as a formula, tuition plus housing minus aid, rather than presented as a single number.↗ open full size
The redesigned Academics section with undergrad majors, most popular majors as icons, and student performance showing average GPA 3.21 and 75 percent returning for sophomore year
Academics. Average GPA and sophomore return rate, which is a retention signal in the shape of a statistic.↗ open full size
The redesigned Graduation and Jobs section with donut charts for 64 percent graduating in four years and 75 percent in six, 64 percent going to graduate school and 75 percent entering the job market, and an average student loan of 4,878 dollars
Graduation and Jobs. The section that speaks directly to the dropout problem this whole product exists to address.↗ open full size

What students did with it

Of students who viewed a school page:

clicked Calculate my chances 34%
opened Student Rankings 14%
clicked through to a school scholarship 13%
entered a zip code for the first time 6%
clicked a similar school under Students also viewed 6%
went out to the school's own .edu site 3%

And a quarter of the students who added a school went straight to View my list. The page was never the destination. It was the thing that made the list worth keeping.

13 · Takeaways

01 A bad college match is not a disappointing purchase, it is a dropout. Framing the stakes that way changed what the product had to be.
02 Test the premise before the feature. Our first hypothesis was that anyone wanted this at all, and it was the cheapest one to be wrong about.
03 A recommendation that shows its reason can be argued with. One that does not can only be accepted or ignored.
04 The process was the deliverable. Mini-waterfall with weekly requirement churn was the actual bug, and no amount of design quality would have fixed it.
05 A validated hypothesis is not a finished decision. 88% took the quiz, and the right next move was still to make it shorter.
06 Ask people to describe their own situation in five words. It is the fastest way to find the vocabulary your product should use.

Ranked lists tell you what is best. Students needed to know what was right.

Next case studySkills gap & career readinessRead the case study