Courses explained through tasks
Concrete topics, duration and assignments replace career promises. Visitors can assess the content before enrolment.
FRAME / SCHOOL / SELF-INITIATED CONCEPT
Design startswith practice.
EdTech / Design system / UX concept
2026
Design concept
Self-initiated by Derwio
Visual direction and design
Designs for course selection, a syllabus and a lesson.
Screen designs only. Controls inside the illustrated screens do not perform actions.INSIDE THE PROJECT
FRAMESCHOOL OF DESIGN
SEE.
THINK.
MAKE.
THINK.
MAKE.
OBSERVE. EXPLORE. CREATE.
01 / BRIEF & APPROACH
A design-learning platform that reveals the syllabus, practical outcomes and lesson structure before enrolment.
Cobalt and orange, a modular grid and tactile still-life imagery. Assignments explain the course, while the learning screen keeps lessons and materials together.
In this concept
Courses / syllabus / learning workspace
02 / INNER SCREENS
From first impression
to action.
Choose a screen to explore its desktop and mobile structure.
DesktopCourses
FRAMESCHOOL OF DESIGN
A SCHOOL OF VISUAL PRACTICEObserve.
Observe.
Think.
Create.
Learn through assignments, experiments and attention to detail.
01 / COURSE
Web design
8 weeks / 4 modules
02 / COURSE
Typography
4 weeks / 8 exercises
Mobile
FRAMESCHOOL OF DESIGN
A SCHOOL OF VISUAL PRACTICEObserve.
Observe.
Think.
Create.
Learn through assignments, experiments and attention to detail.
01 / COURSE
Web design
8 weeks / 4 modules
02 / COURSE
Typography
4 weeks / 8 exercises
Concept screen designs. The interface structure is shown here; controls within these designs are illustrative.
03 / DESIGN DECISIONS
A visible syllabus
Modules progress from composition to a finished layout, each with a concise practical assignment.
One lesson, one focus
The main area belongs to the material and assignment. Module navigation sits beside it, moving below on mobile.
Designed for mobile too
Course cards and modules become a list. Lesson material comes first, followed by learning navigation.
04 / WHAT’S INCLUDED
Course catalogue, syllabus and learning workspace. The school, courses and materials are fictional; accounts, video and payments are not connected.
Next case studyGRAIN