Top Hat

Marketplace

Top Hat needed one marketplace that could attract prospective customers and still serve existing professors importing supplementary content. I redesigned discovery, search, content pages, and the import workflow across desktop and mobile.

Marketplace Discovery
Top Hat Marketplace home page

One marketplace, two audiences

Top Hat's Marketplace is where people discover textbooks, slides, question packs, and other course content. Before this project, there was an old internal marketplace for existing customers but no external marketplace for prospective customers.

Rather than maintain two separate products, the goal was to create one marketplace service that could support both acquisition and in-product content discovery.

Understanding the existing experience

I created a test plan and ran usability testing with five post-secondary educators on the existing internal marketplace. Users struggled with navigation, search was too limited, and importing content was slow and blocked the rest of the experience while it completed.

Old Top Hat internal marketplace

The external marketplace also had a demand-generation role, so I collaborated closely with Marketing on SEO and used analytics and heat mapping to understand how prospective customers were engaging with textbook landing pages.

Key product decisions

01 · Make search prominent

Professors often arrive looking for something specific, so search became one of the most prominent actions on the home page.

02 · Organize around disciplines

Subject and domain navigation was more useful than generic featured content because educators typically teach within a narrow discipline.

03 · Support two jobs with one content page

The external version supports preview and conversion, while signed-in customers can access and import content into their courses.

04 · Make importing asynchronous

Professors should be able to choose multiple destinations, start an import, and keep working while it runs in the background.

Redesigning discovery

The new home page centers the two most useful ways to find content: search for something specific or browse by subject. This replaced featured content that often had little relevance to what an individual professor actually taught.

Redesigned Top Hat Marketplace home page

From a broad discipline, users can drill into more specific subject areas rather than browse one undifferentiated catalog.

Top Hat Marketplace subject browsing page

Making search useful enough to rely on

Search needed to work both as an entry point and as a serious discovery tool. I designed a search-first state that made it easy to begin a query before layering in more advanced controls.

Top Hat Marketplace search starting state

Results can then be narrowed by the dimensions educators actually care about, including subject, content type, and price.

Top Hat Marketplace search results with filters

One content page that works before and after purchase

The Marketplace content page had to serve different jobs depending on who was viewing it. For prospective customers, it needed enough information and preview content to support a decision and move them toward a demo. Existing customers could access the full content and start importing it into one or more courses.

Top Hat Marketplace content detail page

A faster import workflow for existing customers

The old flow allowed professors to import into only one course at a time and made them wait for the entire process to finish. I redesigned the flow around batch selection and background processing.

Select multiple destination courses

Professors can choose all of the courses that need the material in a single step instead of repeating the same import workflow course by course.

Selecting multiple destination courses for a Marketplace import

Set whether the content is required

Because imported Marketplace content could be optional or mandatory for students, that choice was incorporated directly into the import setup rather than handled separately afterward.

Choosing whether Marketplace content is mandatory for students

Confirm the import immediately

Once the import begins, the user gets a clear confirmation instead of being trapped in a loading state waiting for a potentially long-running process.

Successful Top Hat Marketplace import confirmation

Let the work finish in the background

Import progress is then visible from within the course while the user continues working. This removed the blocking wait from the core workflow.

Marketplace content importing in the background inside a Top Hat course

Responsive by design

The external Marketplace needed to support discovery outside the desktop Top Hat product, so the core home, browsing, search, and content experiences were designed responsively.

Responsive mobile Top Hat Marketplace screens