Redesigning Coursepacks
Harvard Business Publishing


  • Expertise

    ux design
    product design
    research

  • Platforms

    figma
    sketch
    jira
    confluence
    usertesting.com

  • Colloborations

    users: educators
    developers & QA
    product owners
    customer service
    sales
    marketing

Project Overview

As part of the Harvard Business Publishing Education site redesign, we had some more complex pages that needed to meet a lot of needs and were responsible for much of the revenue generation for the department. Coursepacks are where educators gather course material to share with their students.

There are various ways to get the materials paid for, educators can hide some materials for a certain amount of time, and there are many types of materials that are delivered different ways.

Research & Discovery

Conducted interviews and user research to understand the pain points and needs of educators, students, and other users of the Coursepacks pages.

Based on research findings and goals, I ran a design session with all team members and stakeholders to ideate on a new Coursepacks Design.

I analyzed the existing Coursepacks pages to identify areas that required improvement and gather insights on the current user experience. This included meetings with marketing, customer service, editorial, and developers on existing pain points and use cases.

  • I generated multiple design concepts and prototypes that address the identified pain points and align with the project goals.

  • Internal stakeholders, particularly marketing, editorial, and developers, collaborated to incorporate their feedback and ensure the proposed design aligns with business and technical requirements.

  • I explored opportunities for expanding the existing design system to accommodate the new Coursepacks pages' requirements.

Additions to the Design System in Figma

wireframing a new layout

Ideation & Conceptualization

Now that we had a direction, and clear wins for simplifying and clarifying the page, it was time to bring the design home. Using our existing design system, I created the new pages and added components as needed. I engaged with all the stakeholders who had such a big part in surfacing the existing issues to get their feedback. I also ran user tests for usability and clarity.

Implementation Phase

Coursepacks-Export_Page_1.png
Coursepacks-Export_Page_3.png
Coursepacks-Export_Page_8.png
Coursepacks-Export_Page_2.png
Coursepacks-Export_Page_6.png

Continuous Improvement

After launching a brand new look and feel to HBP Education’s major revenue generating feature, we received no interruption to ongoing work, positive feedback, and a decrease in calls to customer service.

As the semesters go by the team continues to monitor areas that can be improved and adjusted.

Throughout the entire process, effective communication and collaboration with internal stakeholders, educators, and users were crucial. Regular meetings, design reviews, and feedback sessions were conducted to ensure alignment and addressed any concerns and suggestions.