YIPABK · Case Study

Elevating web and automation for inclusive education.

An Indonesian non-profit advancing inclusive education and support systems for children with special needs.

YIPABK case study preview

YIPABK is an Indonesian non-profit supporting children with special needs through advocacy, inclusive education, and community empowerment.

Founded

Established in 2012 by educators

Dedicated to building an Indonesia where every child can thrive, with equal access to quality education.

Our Work

Digital presence, reimagined

We enhanced YIPABK's digital experience through a unified design approach and the implementation of automated systems for finance, data management, and timesheet tracking.

Impact

More outreach

Increased monthly interactions and donations with improved conversion rates following the website enhancement.

Scope

Website Development + Internal Systems

Public-facing website redesign and automation of finance, data, and timesheeting workflows.

Location

Indonesia

Operating nationally, serving families and educators across the country.

About the project

YIPABK (Yayasan Indonesia Peduli Anak Berkebutuhan Khusus) is an Indonesian non-profit foundation supporting children with special needs and their families through advocacy, inclusive education, and community empowerment.

Established in 2012 by a group of educators, YIPABK is dedicated to creating an Indonesia where all children can grow happily with equal access to education. Guided by the values of Respect, Integrity, Compassion, and Humility (RICH), the organisation focuses on inclusive learning and supportive environments for children with diverse needs.

Our work focused on elevating YIPABK's digital presence through a more unified and thoughtful design approach — reimagining their website and supporting automation of internal operational systems, helping the organisation better serve both internal and external stakeholders.

Three core programmes driving real change.

LIFE

Learning Intervention Family Equip

Direct intervention and family empowerment to help children with special needs thrive in learning environments.

RAISE

Resource Awareness Inspiration Stories Education

Public awareness and storytelling that inspire communities to embrace inclusive education.

TEACH

Train Educate Accommodate Collaborate Help

Teacher training and collaborative programmes equipping educators to support diverse learners.

Get to know the YIPABK
design and system process.

From initial research to final deployment — a look inside how we approached every layer of this project.

Design Introduction
Design Introduction

Professional, warm,
and accessible by design.

YIPABK's design was shaped to feel credible and clear, while still feeling human and welcoming for families, educators, and stakeholders.

Consistency

One visual language across web and system.

Each component was built with consistency in mind — both the public website and internal system share a coherent visual language.

Design System
Clarity

Not just visual,
but functional.

The goal was to make the web and system experience clearer, easier to use, and more supportive for all stakeholders.

UX Strategy
Internal + External

A digital system built
for real use, not just presentation.

Public-facing website

Built to strengthen trust, improve readability, and present YIPABK's mission in a more structured and engaging way.

Internal automation

Designed to support operational workflows — finance, data management, and timesheeting — with a cleaner structure.

Outcome

More donors.
More reach.

Higher monthly donations and conversion rates following the web uplift and system rollout.

Scroll to explore

From back end structure
to front end experience.

Using the insights gathered during the discovery phase, we commenced front-end development, ensuring a fully responsive experience across desktop, tablet, and mobile devices. We also assisted the client with the integration of a secure payment gateway.

Monthly donors
Conversion rate
Inbound enquiries
YIPABK system architecture
UI Components
Front end

Process — back end to front end