Bloom
Creative practice with a clear next step.
Bloom makes creative study feel organized and inviting. Two linked courses bring color, spacing, typography and observation into short lessons with clear prerequisites. Course cards show progress from completed practices, while a weekly timetable gives each lesson a place in the learner’s plan. Selecting a session opens its purpose, duration and exercise; completing a practice updates the course progress, learning activity and next available lesson together. A compact calendar, friendly illustrated invitation and milestone view support the same learning journey. Warm white surfaces, lime and rose accents, precise Jakarta Sans lettering and a slim navigation rail keep the workspace modern, gentle and easy to explore on a phone.
- Role
- Brand identity and frontend design
- Year
- 2026
- Platform
- Responsive website
- Status
- live
The problem
Short lessons need a place in a week and a useful sense of progress. Prerequisites, completed practices and the next available session should tell one consistent learning story.
What I built
A learning workspace with linked course prerequisites, lesson scheduling, interactive creative practices and consistent progress state.
Inside the product.
Screens from the working product, with demonstration data.
Desktop website
An illustrated rose invitation sits beside course progress and a broad lesson timetable. A compact calendar and lime activity view add rhythm without taking over the page.
Scroll sideways to inspect the interface.
The choices behind it.
Brand identity and frontend design
Give study a welcoming workspace
An illustrated rose invitation sits beside course progress and a broad lesson timetable. A compact calendar and lime activity view add rhythm without taking over the page.
Let practice change progress
Completing an exercise updates course progress, activity and prerequisites together. The timetable opens a lesson with its purpose, duration and practice task.
Growth through practice and reflection
Four unfolding petals express the steady cycle of learning, practice, reflection, and growth.
From start to finish.
- Choose a course or planned lesson
- Complete its creative exercise
- Read the updated progress and next step
Build details Stack, scope, and implementation
Built with
- React 19
- TypeScript
- Vite
- CSS
Areas
- Web design
- Brand identity
- Education
- Dashboard
- Learning
- Lime