← Back to work

Maharati

Website for a life skills guide for adolescents and young people, first published by UNICEF Jordan.

2020 UX/UI & Frontend Development

In 2003, UNICEF Jordan and the Princess Basma Centre for Human Development published a life skills guide to help young people grow, keep them safe and give them a say. Partners, organisations and specialists shaped it together, and it was tested in the field before it reached its final form.

The idea is peer to peer: practical suggestions that help young people teach life skills to others their age, from living healthily to taking an active part in community, civic and economic life. It was used across Jordan and the Arab region, and adapted by different organisations for their own youth programmes.

Syntax designed it as a series of printed booklets first, then brought it online: a website that walks through each skill, with questions to work through on every one. I worked at Syntax as a front-end developer; on this project I did the UX/UI and the front end.

THE HOMEPAGE

Full page capture of the Arabic Maharati homepage: a blue hero with the guide’s illustrated box set, a Maharati Online banner, feature cards with flat illustrations, a purple band of skill booklets, success stories with children’s photos, and a footer with the UNICEF and partner logos Full page ↓

SKILLS TREE

The skills tree: four colour-coded categories in orange, blue, green and purple on a vertical line, the green one open to show its lessons, with the user’s avatar, latest badges and an apply for certificate button

PROFILE

A welcome screen after sign-up: an illustrated avatar greets the user by name, thanks them for joining Maharati Online, and offers two buttons, one to their skills and one to start training

THE OBSESSING PART

Every project here has a detail nobody asked for and nobody will spot. I fixed it anyway. Bring me one more.