← Home

PeopleGrove Mobile Experience

A capstone UX project improving how WGU students find their capstone and other learning opportunities on PeopleGrove, through user research and low-fidelity mobile wireframes.

Role
UX Research & Design
Team
Myself
Users
WGU students
Tools
Google Forms + Figma
Redesigned PeopleGrove mobile screens: personalized dashboard, capstone details with Apply, and opportunity search results.
Context

Improving the mobile experience.

PeopleGrove is an experiential learning platform where WGU students find their required capstone project, internships, and other opportunities. For my B.S. User Experience Design capstone, I researched how students use the platform and redesigned the key mobile flows around finding a capstone and applying to opportunities.

Before

The original mobile experience.

The same content for everyone

The dashboard, recommendations, and search showed every student the same long lists, so each person had to work out what applied to them.

Unclear next steps

Key actions like applying were missing or hidden behind unlabeled icons, and the main sections lived in a hamburger menu. Other tasks took multiple steps to personalize the experience.

Original PeopleGrove mobile screens: dashboard, capstone details, interests, and search.
Original screens, from left: dashboard, capstone details, interests, and search.
Research

Survey participants and questions.

I surveyed current WGU students about their thoughts on the platform and learned what they were trying to accomplish, how they felt, where they got unsure of what to do next, and what they would change or keep. The survey had 9 open-ended questions. The 4 key questions are below.

5

Participants

25-45

Age range

100%

Current WGU students

3 of 5

Used the platform on mobile

Key question 1

Think about your most recent visit. What were you trying to accomplish? Briefly describe the steps you took and whether you succeeded.

Key question 2

What was your first impression when you landed on the dashboard? Why?

Key question 3

Was there any point where you felt unsure what to do next? If so, describe what happened and what you did.

Key question 4

What, if anything, would you change about the platform, and why?

Findings

Key survey findings.

Unclear purpose and next steps

Students described uncertainty about what the platform offered and how to begin or continue their tasks.

Capstone information needs to be more relevant

Showing capstone options for multiple degree programs made it harder to understand which project applied to the student.

Dashboard navigation is easy to overlook

One student struggled to locate "Switch To," expected a project tile to be clickable, and had to scroll to find their capstone card.

Opportunities are text heavy

Opportunity listings were confusing and text heavy, and the dashboard as a whole didn't make the next step clear.

What worked well

Students also identified the dashboard as readable and high contrast.

The challenge
How might we help students quickly find the capstone and opportunities that apply to them, and make the next step obvious?
Synthesis

Understanding Users.

I turned the survey findings into a persona, an empathy map, and a journey map. Ciara is a working WGU student with limited time, and the journey map showed where her confidence drops: choosing the right capstone from four programs, and knowing what to do next.

Persona: Ciara, a working WGU student.
Empathy map: what Ciara says, thinks, does, and feels.
Journey map: finding and opening the right capstone project.
Opportunity

Simplify and personalize.

Students had to review links for all four programs to find the one that applied to them. Letting them select their degree program and showing the relevant capstone in a dedicated dashboard space reduces irrelevant information and uncertainty about why they see multiple capstones. The same idea, showing students only what is relevant with a clear next step, guided the opportunities redesign.

Capstone

Finding your capstone.

Personalized capstone section

A new "Your Capstone" section lets users select their program. The dashboard then displays their capstone, with a "Change program" link in case they selected the wrong one.

Clearer navigation labeling

The top navigation button was relabeled from "Switch To," which students identified as unclear, to "Go to Project Dashboard."

Key decision: prioritize, don't hide

Rather than hiding other programs, the dashboard shows the student's capstone first and keeps the rest one tap away through "Change program." Wrongly hiding the right capstone costs more than ranking it lower, especially if the platform's enrollment data isn't always accurate.

Original dashboard with capstone sign-up links for four programs and a video tutorial.
Capstone sign-up links for every program, shown to every student, with a video tutorial needed to get started.
Before
Selecting a degree program to personalize the capstone section.
Selecting a degree program to personalize the capstone section.
After
Capstone

Capstone details and applying.

Clearer capstone details

Information and application status are grouped near a large "Apply" button, with other details in expandable sections. The application opens in a panel with short, clearly labeled fields.

Submission confirmation

A confirmation message reassures students their application was submitted, explains the review timeframe, and outlines next steps. Status then updates from "Not applied" to "Applied."

Original capstone page with an unlabeled icon row, and its apply form.
Unlabeled icon actions, an unexplained "Hidden" status, and an apply form with oversized fields that run off the screen.
Before
Capstone details, application panel, and confirmation.
Capstone details, application panel, confirmation, and the updated "Applied" status.
After
Opportunities

Suggested opportunities and interests.

Interests in the dashboard

Users previously had to visit a separate "Interests" page before recommendations appeared. "Choose interests" now lives in the dashboard, and choices can be updated anytime through "Edit interests."

Simplified recommendations

"Suggested Opportunities" combines recommendations into one section with category tags. Compact cards show key details, and "View all opportunities" leads to the full list.

Original recommendation blocks for each interest, and the separate Interests page.
A separate recommendation block for every interest, and an Interests page reached only through the hamburger menu.
Before
Choosing interests and the simplified Suggested Opportunities section.
Choosing interests and the simplified Suggested Opportunities section.
After
Opportunities

Search and filters.

Clearer opportunity cards

Cards use a consistent layout for type, pay, location, and dates to support quick comparison. An "Opportunity details" button clarifies the next action, while secondary actions are grouped in a menu.

Organized filters

A dedicated filter panel groups options by type, interests, location, compensation, and citizenship requirements. Users can make multiple selections, reset with "Clear all," and see the active filter count.

Original search results and filter panel.
6,949 results with pay shown as "Yes," and filters split across stacked cards with unexplained lock icons.
Before
Opportunity results and the filter panel.
Opportunity results and the filter panel.
After
Opportunities

Opportunity details and actions.

Clearer application action

Key details stay prominent at the top. A large "Go to application" button makes the next step clear, and an external link icon shows when the application opens outside the platform.

Organized details

The main description stays visible, while additional information is organized into expandable sections.

Secondary actions

Actions are grouped in a separate menu, keeping the page focused on the details.

Original opportunity details page with a long description.
Hours, duties, and requirements buried in long paragraphs, a long list of raw tags, and no apply action on the page.
Before
Opportunity details, expanded sections, and the actions menu.
Opportunity details, expanded sections, and the actions menu.
After
Accessibility

Designed to be clear for everyone.

Descriptive action text

Buttons say exactly what they do, so the destination is clear.

Status never relies on icons alone

Status is always paired with a text label, like "Applied" or "Not applied."

Predictable patterns

Every card uses the same layout and every screen places primary actions in the same spot.

High contrast

Students praised the current platform's contrast and readability, so that strength carried into the redesign.

Prototype

Bringing the flows together.

I linked the redesigned screens in Figma so the dashboard, interests, search and filters, capstone details, and applying work as one connected experience.

Prototype walkthrough: selecting a program, applying to the capstone, choosing interests, filtering opportunities, and viewing details.
Reflection

What I learned.

The project required feedback from three students. I reached five, but I would have liked to interview a few more. My survey asked which devices students used rather than having them complete tasks on a phone. Next time, I would ask them to complete key tasks on mobile to ensure all feedback was specific to the task.

Previous project
← OfferCraft Drawings Management
Next project
Being Adolph Gasser →