College Board: My AP

CHALLENGE

After streamlining AP exam registration and administration on a new digital platform, College Board needed personalized "My AP" landing pages for four very different audiences: teachers, students, coordinators, and administrators.

For teachers and students, the pages centered on an interactive timeline that kept registration deadlines, assignment due dates, and other milestones front and center.

Teachers also had a course progress module that showed how each class section was moving through an AP course's required units.

Students got a parallel module with their own assignments, progress checks, and due dates. Since mobile was most students' preferred way to interact with College Board, we optimized this view for their phones.

Although similar to each other, the Administrator and Coordinator experiences required the development of unique modules, data displays and language tailored to the subtleties of their roles in the AP testing process.

Coordinators need more granular data about enrollments and registrations, while administrators would have been overwhelmed with seeing that information by default.

The designs built on College Board's existing design system, Apricot, while introducing new interaction elements where needed.

To keep those additions consistent, we based them on existing patterns and components wherever possible.

Process

The project kicked off with a requirements workshop to understand each user group's long, detailed list of needs. We humanized the process by reframing those requirements as user goals, prioritized by frequency and importance.

Over several rounds of concept designs, we balanced a consistent experience across audiences with the unique priorities of each group.

The project also included two rounds of user testing; first after the concept design phase, and once more after the detailed design system had been applied.

“It looks like you’ve got great people working on this because it’s good. It’s really good. I can’t wait to use it.”

— AP Calculus Teacher

Impact

As the front door to the new platform, the landing pages connected to features built at different times and to different standards. While our scope didn't cover the full end-to-end experience, the pages set a high bar for the rest of the platform and gave every user group a positive start.

College Board: My AP

CHALLENGE

After streamlining AP exam registration and administration on a new digital platform, College Board needed personalized "My AP" landing pages for four very different audiences: teachers, students, coordinators, and administrators.

For teachers and students, the pages centered on an interactive timeline that kept registration deadlines, assignment due dates, and other milestones front and center.

Teachers also had a course progress module that showed how each class section was moving through an AP course's required units.

Students got a parallel module with their own assignments, progress checks, and due dates. Since mobile was most students' preferred way to interact with College Board, we optimized this view for their phones.

The designs built on College Board's existing design system, Apricot, while introducing new interaction elements where needed.

To keep those additions consistent, we based them on existing patterns and components wherever possible.

Process

The project kicked off with a requirements workshop to understand each user group's long, detailed list of needs. We humanized the process by reframing those requirements as user goals, prioritized by frequency and importance.

Over several rounds of concept designs, we balanced a consistent experience across audiences with the unique priorities of each group.

The project also included two rounds of user testing; first after the concept design phase, and once more after the detailed design system had been applied.

“It looks like you’ve got great people working on this because it’s good. It’s really good. I can’t wait to use it.”

Impact

As the front door to the new platform, the landing pages connected to features built at different times and to different standards. While our scope didn't cover the full end-to-end experience, the pages set a high bar for the rest of the platform and gave every user group a positive start.

Medical Distributor Self Service Portal and App

BD Interactive Visualizations