Education attendance and completion / Interface design

Attend the sessions.
Complete the record.

We connected the learner's studio overview to an October calendar, attendance register and completion preview.

The calendar uses the actual month layout so the individual sessions can be followed in context.

Original illustration · Education attendance and completion

PROJECT TYPE: Interface design & front-end development
DOMAIN: Education attendance and completion
DESIGN FOCUS: Separating attendance from administrative completion

01 / THE DESIGN DECISION

Attendance and administration are different checks.

The example shows seven of eight attendances and three of four administrative items complete. We retained those as separate measures rather than combining them into a single success label. The preview prepares an administrative record; it does not award a qualification.

02 / THE BUILD

The pages we designed.

The build brings your creative practice studio, october programme calendar, session attendance register and prepare the completion record into one workspace.

01 / Screen

Your creative practice studio

View the screen ↓

02 / Screen

October programme calendar

View the screen ↓

03 / Screen

Session attendance register

View the screen ↓

04 / Screen

Prepare the completion record

View the screen ↓

03 / PROJECT NOTES

Project scope.

We designed and built 4 pages for this self-initiated project, including the layouts, responsive behaviour and front-end interactions. The interface uses sample business records.

The screenshots show authored interface states. Live accounts, operational integrations and production transactions are outside this portfolio build.

The gallery shows our rendered pages with identifying details masked.

06 / ON SCREEN

A closer look.
Page by page.

Start with the overview, then explore the details. These are screenshots of the original interface, with names, contact details and identifying information blurred for privacy.

4 views Select any view to explore