Interactive design prototype

Many ways to learn.
One clear next step.

A high-fidelity HTML exploration of Octimo’s Student and Admin portals. The experience is playful where children learn and deliberately calm where adults make consequential decisions.

Open Student Portal Open Admin Portal Read product blueprint
Octimo, a blue octopus holding learning tools
Student Portal

Learn through the journey

Playful, focused, private by default.

Start here

Student home

Continue the right mission, see today’s progress, and enter the learning loop.

Open screen Signature

Octo-path

A curriculum map where suction-cup checkpoints make sequence and progress tangible.

Open screen Pre-start

Practice setup

Purpose, question count, timing, feedback, attempts, and reward policy before a new attempt starts.

Open screen Core flow

Practice player

One question, clear saving state, accessible choices, and feedback that teaches.

Open screen Consequential step

Review and submit

Answered, marked, and unanswered status with a clear final lock confirmation.

Open screen Completion

Results

Learning evidence first, earned rewards second, and one useful next activity.

Open screen Read only

Answer review

Submitted answers and released explanations tied to the immutable versions used in the attempt.

Open screen Learning evidence

My progress

Qualified evidence, XP history, learning rhythm, and recent activity—not one result pretending to be progress.

Open screen
Admin Portal

Operate with confidence

Less spectacle, more consequence and traceability.

Operations

Admin overview

Pending work, live assessments, participation, and content health with direct routes to act.

Open screen Access operations

People

Scoped learner access issues, enrolment evidence, privacy boundaries, and audited next actions.

Open screen Authoring

Question editor

Structured authoring, review readiness, accessibility checks, and a real student preview.

Open screen Review queue

Question review

Immutable candidate versions, protected review evidence, comments, and separate approval intent.

Open screen Assessment lifecycle

Assessment builder

Questions, audience, schedule, feedback, scoring, reward rules, and publication preflight.

Open screen Operations

Import results

Dry-run integrity, row-level errors, safe corrections, and a clear zero-commit boundary.

Open screen Default off

AI controls

Fail-closed access, visible decision layers, scoped rules, quotas, and auditable changes.

Open screen Foundation

Style guide

Palette, typography, controls, states, surfaces, responsive rules, and accessibility baseline.

Open guide
Plan the whole product

A prototype with a path to pilot.

Review the MVP learning loop, current screen coverage, six-phase delivery runway, unresolved decisions, and the quality gates that protect learners before launch.

Open product blueprint
Policy Core loop Pilot Engagement AI pilot Expansion