Kit Richert

PORTFOLIO: UNIVERSITY NOW

PROJECT 1

Redesign course + review experience

OUR MVP

We wanted to radically improve the online learning experience

Our v1 courses were limited in scope (see below). Courses 2.0 introduced new activity types, social features, and a proven instructional design philopsophy. I served as UX Lead and Project Manager

unow
REQUIREMENTS

There were many requirements from different parties

flow chart
WIREFRAME: REVIEW SECTION

We developed wireframes for the courses and review section...

This design was validated by usability testing with individuals recruited by Golden Gate University.

wires
MOCKUP: REVIEW

And worked with a visual designer to establish style changes

wireframes
DEPLOYED: COURSES 2.0

Courses 2.0 has been partially built out

Join the free learning community at new.edu to see it!

final

PROJECT 2

Design the 1st Version of faculty tools

FACULTY PERSONAS

First, we developed an "instructor" persona

After interviewing New.edu's newly hired instructors, we created a persona "Jennifer". We used Jennifer to identify common goals, needs, and scenarios, which guided our design.

persona
ARCHITECTURE

Then we discussed architecture

This design addressed the need for course instructors to manage multiple courses at once.

flow chart
WIREFRAME: FACULTY DASHBOARD

We developed wireframes for the course dashboards...

This design was validated by instructors. We also defined an "at-risk" algorithm to flag students.

wires
WIREFRAME: STUDENT DETAIL

And a more detailed view of an individual student

This page was designed to help faculty to track student progress and communications.

wireframes
DEPLOYED: FACULTY DASHBOARD

We launched a minimum viable dashboard, and iterated

After launch, we added a tab to show students who were pre-term (starting soon)

final
DEPLOYED: STUDENT DETAIL PAGE

The student detail pages were also launched

This was the version we deployed (though activity is sparse in this screenshot).

final

PROJECT 3

Assessment Redesign

WIREFRAMES: FINAL EXAM RESULTS

Wireframe: Exam results page

We needed a state dependant screen that could offer students a breakdown of their score, while offering supportive feedback to passing and not-passing students.

wireframe
WIREFRAMES: EXAM NOT-PASS (TOP PAGE)

Exam Results: Student does not pass their final exam for the 1st time (top page)

In this case they are a breakdown of their score, and information about re-taking the the exam.

notpass
WIREFRAMES: EXAM NOT-PASS (BOTTOM)

Exam Results: Student does not pass their final exam for the 1st time (bottom page)

At the bottom of the page, they are given an easy-click button to request a retake from their instructor, and encouragement to reach out for support.

notpass
WIREFRAMES: EXAM NOT-PASS (BOTTOM)

Exam Results: Student does not pass their final exam for the 2nd time (bottom page)

After a second failure, students may not re-take the exam. At the bottom of the page, students are advised about how they may re-take the course in the next term, and are encouraged to reach out with their student advisor for study support.

notpass
WIREFRAMES: EXAM PASS (TOP)

Exam Results: Student passes their final exam

We offer congratulations, and a breakdown of their score. Students are informed that they have earned credit for the course.

pass
WIREFRAMES: EXAM PASS (BOTTOM)

Exam Results: Student passes their final exam

At the bottom of the page, students are encouraged to share their results with their instructor.

pass
WIREFRAMES: SCHEDULE YOUR FINAL

Wireframes: Schedule your final

schedule

PROJECT 4

Additional Designs

THE WEB ENROLLMENT APP

The web enrollment app for new.edu

enrollment sample
FINAL PROJECT SUBMISSION

Final Project Submission Tools

Students can upload multiple files into a submission.

submit wires
PROJECT GRADING TOOLS

Project grading queue

Graders accept project one at a time, and students are anonymous (they are labeled with in ID number). After they go into grade a project, graders use a clickable rubric. They are required to offer written feedback before a grade can be submitted.

evaluator
RANDOM MARKETING PROJECTS

Random Marketing Projects

One of my favorite things about working in boot-strapping start-ups is getting to work on all kinds of projects outside of my job description. Here are a few examples from University Now.

and shot and edited a Video

kit video