Isko-list
A focused to-do list for PUP students, with a small design system and brand built straight from the university's own color scheme.
- Role
- UI/UX Design, Brand Design, Design System
- Discipline
- UI/UX & Brand
- Year
- 2025
- Headline
- PUP Brand drawn from the university palette
Context
Isko-list started as a school project: a simple to-do list made specifically for "Iskolars ng Bayan", the students of the Polytechnic University of the Philippines. The goal was a tool that felt like it belonged to the school, so the whole look was built from PUP's own maroon and gold rather than a generic productivity palette.
The problem
Student to-do apps tend to be either too plain to feel motivating or too busy to actually use between classes. The challenge was to keep the app light enough to open and close in seconds while still feeling considered and on-brand, so a quick task entry never turned into a chore of its own.
Process
- 01
Set the brand from the PUP palette
I started from the university's maroon and gold and built a small set of tokens around them: colors, type, and spacing that would keep every screen consistent and unmistakably PUP.
A small token set built from the PUP maroon and gold. - 02
Designed the core task flow
I mapped the shortest path from opening the app to adding, checking, and clearing a task, then designed the screens around that loop so the everyday actions stay one tap away.
The everyday loop: add, check, clear, kept one tap away. - 03
Built it into a reviewable prototype
The screens were wired into a clickable prototype so the flow could be walked through and refined, with the layout and brand holding together from the first screen to the last.
The work
The home list, task entry, and a cleared-for-the-day empty state.
Outcome
Isko-list ended up as a small, friendly task app that feels like a piece of the campus rather than a generic template, proving out a complete brand and flow from a single color scheme.
A school project that turned into a small, complete exercise in branding: one university color scheme, carried all the way through to a working app.