Ed Tech Partnerships

Design Manager

Client Project

Ed Tech

High Fidelity Design

Problem

We were tasked with finding a way to display offers to students when they landed on the website home page, as well as when they used their digital textbook. These offers were from business partners that wanted to extend discounts to students and instructors.

Approach

We wanted students to be able to access their offers, but to do so without being distracted from their studies. To accomplish this, we ideated different ways for offers to present in the two key circumstances students would see them:


  1. When coming from the home page, students aren't actively engaged in learning, so offers can be presented in a more visual way with less concern about distracting them.

  2. When coming from the digital textbook, we didn't want students to loose their place or have a harder time focusing, so we wanted our solution to respect those boundaries.


For scenario 1, we made offers more visually present, occupying a section on the authenticated home page. For scenario 2, we hid offers behind a simple text button, and had it open a modal, then a new tab on click.

Wins

  • Advocated for students having access to their online textbooks without pop-up ads or other things that might prove distracting.

  • Found a way to make offers visible only one click in, but also made it easy for students to return to studying without losing their place (via opening a new tab when coming from a digital textbook, and having a modal show prior to that).

  • Tailored design and visibility to match situations students were in, so as not to distract from studying.

Lessons

  • Brand guidelines for companies that arranged partnerships were fairly lax, and posed problems that we realized retroactively, presenting logo contrast color challenges and word count / text usage differences for each offer.

  • I'd partner better with the business counterparts to set more detailed style guide expectations in the future, to show example text usage guardrails more effectively, and to better plan for the range of inputs we got back, to reduce churn and rework time.

Explore the prototype

s

Resize this browser to see other views.

This shows the user's journey from the digital textbook to the offers page.

The user can click "Offers" in the upper right corner of the digital textbook to see a modal appear. This modal was used so they don't lose their place in the textbook. Clicking an offer from the modal then opens a second tab, where they can see the offer page. To return back to their studies, they can click the first tab that still has their textbook open to their place.

Here is the user's journey to explore an offer they saw on the home page.

The user can see offer tiles directly on the home page, and can click one to see the offer in more detail. Upon clicking an offer tile, the user is taken to a full offer page, and they can click the button to redeem the offer from here.