/ UI/UX design
AndalusClass
When Covid-19 closed the campus, Al-Andalus still had to operate as a school. AndalusClass is the internal web app they built to track attendance and daily student activity while students were learning from home. It was also my first project as a UI/UX designer.
- Industry
- Education, boarding school
- Role
- UI/UX Designer
- Duration
- 2020
- Client
- Al-Andalus International Islamic Boarding School
The problem
Covid-19 closed the campus, but the school still had to operate. Attendance and daily student activity, normally visible inside the boarding environment, were suddenly spread across homes.
Constraints
- Filled in by teachers and students on whatever device was at home, over a connection nobody could guarantee.
- My first project as a UI/UX designer, so flows, screens, type, and colour were all mine to work out.
The work
The constraint
A boarding school runs on a fixed daily rhythm. Moving that rhythm into an app meant attendance and activity tracking had to survive being filled in by teachers and students on whatever device was at home, on a connection nobody could guarantee.
First project, full scope
Flows, screens, type scale, and the colour system, all of it. Two families of colour: a green for the institution, and a set of functional accents for status, alerts, and activity types.
Typography
- Titillium Web
- Roboto
Palette
- Jewel#137152
- Mountain Meadow#1B996E
- Silver Tree#5EBF92
- Golden Tainoi#FFCE5C
- Atomic Tangerine#FFA26B
- Wild Watermelon#FF647C
- Azure Radiance#0284F4
- Mine Shaft#333333
Inside the project
03 plates
01
Why the school needed it
02
Type and the colour system
03
Attendance and scheduling screens
Next project
Birru.co