← Work

Study Guide

Share your syllabi and it builds the day by day plan. Then it asks the one thing a syllabus cannot tell it: pass, succeed, or excel.

Year
2025
Track
built
Category
prototype

Tools

  • Next.js
  • Tailwind CSS

You hand it your syllabi and that is the entire setup. It reads them, finds every deadline and what each one is worth, works out what you need to do on each day, and hands you the first session.

Then it asks the only question the documents cannot answer. Pass, succeed, or excel. A syllabus knows when the exam is and how much it counts. It does not know how much you want, and the same five courses produce a completely different plan depending on the answer.

After that the job is showing up. The day says how many things are left and how long they take, and it does not make you choose which one to start, though you can. Sessions go full screen and the design gets out of the way.

The sharpest screen is the one that grades you. You close the book, write what you remember, and then it shows you the points you were meant to make and asks which ones you actually made. It tells you to be strict, and says why: the score decides when this comes back, so flattering yourself now costs you later.

Drawn without the design system on purpose, so the idea could be judged on its own rather than on how well it matched the product it would live in.

Screens

  1. The setup, headed Check we got this right, then tell us what you are aiming for. Three course cards list what was read out of each syllabus, the assessment dates and what each one is worth, and under every card sit three buttons reading Pass, Succeed and Excel. Excel is chosen on the first course and Succeed on the other two.
    The only question the documents cannot answer, asked once per course.
  2. A session running full screen, with a progress bar and the minutes left along the top and nothing else on the page. A multiple choice question on compound interest is answered correctly, and a panel underneath works the arithmetic through and says what each wrong option would have been, ending on a Finish control.
    Sessions go full screen, and the explanation says why the other options are wrong.
  3. The self marking screen, headed Mark your own work, which of these did you actually do. The line under it reads Be strict, the score sets when this comes back, so flattering yourself here costs you later. Five points a good answer would have made are listed with checkboxes, above what the student actually wrote.
    The sharpest screen, and it says out loud why it is worth being honest with.

More prototypes

See all 27