WorkServicesProcessInsightsAboutStart a project →
← Work
EdTech / Learning platform · Web and mobile web

Hoonuit

A learning platform for educators, organized around three verbs

Client
Hoonuit
Region
United States
Year
2018
Services
Product design, UX, Interface design, Responsive design
Overview of Hoonuit platform screens, including pathway, learning module, and assessment pages.

Hoonuit provides online professional development for educators. Teachers use it to build skills, earn credit hours, and collect the transcripts and badges their districts require. The content was already there: thousands of short videos, exercises, and assessments. Our work was the structure around it, on desktop and on a phone.

The challenge

Teachers do professional development in the time left over, often in short sessions between other obligations. They need to know three things quickly: what is required of them, how long it will take, and what they will have to show for it. A large library makes those questions harder to answer. The platform had to tell a teacher exactly where they stood, at every level, without asking them to read a catalog.

The approach

We gave the content three levels and gave each level the same shape. A pathway is a course of study. A learning module is one topic within it. Inside each module, the work is always divided the same way: LearnIt for video lessons, DoIt for practice, ProveIt for assessment.

Every level carries the same summary card: what is included, how long it takes, how much is complete, and what it earns. A teacher who understands one page understands them all.

The interface is quiet. A single magenta badge marks counts, and blue marks the current selection and the next action.

Pathways first

The dashboard opens with the teacher's pathways. Each card states how many modules are required, how many are elective, and whether the pathway earns badges or credits. Rewards a pathway does not offer are struck through, not hidden, so cards stay comparable. Top modules follow below, grouped by subject.

Dashboard with four pathway cards and a carousel of top learning modules.
What a pathway asks

A pathway page pairs the description with a fixed summary card: required and elective modules, time for each, progress so far, and what completion earns. The curriculum is listed beneath, required modules first.

Pathway detail page with description and a summary card of modules, time, badges, and credit.
The same card, one level down

A learning module uses the same layout. The summary card now counts the three kinds of work inside it: LearnIt videos, DoIt items, and ProveIt assessments, each with its own time and progress.

Learning module page with a summary card listing LearnIt videos, DoIt items, and ProveIt assessments.

LearnIt

Opening a module brings up the player. The video takes the left side, and the playlist stays open on the right, divided into chapters, with the length of every lesson shown. Three tabs across the top move between learning, doing, and proving without leaving the module.

DoIt

Practice exercises can be completed in the browser or downloaded and uploaded later. Work that teachers choose to share appears in a list, so the exercise becomes a way to see how colleagues approached the same task.

DoIt tab with a list of shared exercises and instructions for completing one.
ProveIt

An assessment returns a score and, beside it, each question answered incorrectly with the answer that was given. Past attempts are kept, and the teacher can try again at any time.

Assessment overview showing a score of 72 percent and a list of incorrect questions.
On a phone

The mobile layout keeps the same order and the same cards. Pathways scroll sideways, the subject tabs become a single menu, and the pathway page stacks its summary beneath the description.

Mobile dashboard with pathway cards and a list of popular modules.
Mobile pathway page with illustration, tabs, and description.
The player, rearranged

On a small screen the video moves to the top and the playlist runs beneath it. The three tabs move to the bottom edge, within reach of a thumb.

Mobile video player with playlist and LearnIt, DoIt, and ProveIt tabs at the bottom.
Mobile assessment start screen with the module playlist below.

A teacher with twenty minutes can open the platform, see what is required, and finish one piece of it.

Next project
Field Nation →
Start a project

Have a project in mind?

We take on a limited number of projects each quarter. Tell us what you're building.

Get in touch →