eL-Santri - A Digital Solution for Education

eL-Santri is the official application developed for Pondok Pesantren Salafiyah Syafiiyah Sukorejo.

Overview

eL-Santri is the official application developed for Pondok Pesantren Salafiyah Syafiiyah Sukorejo. This digital platform is specifically designed to assist wali santri (student guardians) in monitoring and accessing essential information about their children during their studies and stay at the pesantren.

Problem Statement

Traditionally, pesantren communication with wali santri relied heavily on manual methods: physical letters, sporadic phone calls, or face-to-face meetings. This created several challenges:

  • Limited access to real-time updates

  • Communication gaps between the pesantren and wali santri

  • Lack of centralized information

Objectives

  1. Digitize the communication process between pesantren and wali santri

  2. Improve transparency of santri development

  3. Provide a secure, reliable, and easy-to-use platform

Target Users

  • Wali santri (parents or guardians)

  • Administrative staff and ustadz of the pesantren

Key Features

  • Santri Profile

    Basic biodata, class, room, and status

  • Academic Report

    Progress reports, exam scores, and achievements

  • Financial Tracking

    Tuition fees, billings, payment history, and outstanding balances

  • Permission & Leave Requests

    Request and monitor permission for leaving the pesantren

  • Announcements & News

    Updates from the pesantren administration

  • Digital Letters (Surat Menyurat)

    Communication tools between pesantren and wali santri

Design Considerations

  • User-Centered Interface: Designed for users with minimal technical knowledge, especially parents

  • Bilingual Support: Indonesian and local dialects where applicable

  • Security & Privacy: Role-based access, data encryption, and OTP verification

  • Offline Mode: Cache critical data when offline due to rural connectivity issues

UI/UX Flow Highlights

  • Home Dashboard: Quick glance at latest announcements, unpaid bills, and santri status

  • Santri Tab: Multi-student support for parents with more than one child

  • Notifications: Real-time alerts for academic and financial updates

Design Tools Used

  • Wireframes: Figma

  • Design System: Atomic design with components for scalability

  • Prototype Testing: Usability testing with selected wali santri

Impact & Outcome

Since implementation:

  • 65% reduction in administrative communication workload

  • 80% user satisfaction rate from wali santri

  • Improved payment punctuality due to financial visibility

Next Steps

  • Integration with digital payment gateways

  • Real-time chat feature with pengasuh/ustadz

  • Dashboard analytics for pesantren administrators

Conclusion

eL-Santri successfully bridges the communication gap between pesantren and wali santri. It proves how thoughtful digital solutions can enhance traditional institutions without compromising their cultural and spiritual essence.

Category

UI/UX, Education

Responsibility

UI/UX, Design System, Wireframing, Prototyping, Concept Testing

Tools

Figma, Adobe Illustrator Maze, Notion, Google Meet

Date

July 27, 2025

Category

UI/UX, Education

Responsibility

UI/UX, Design System, Wireframing, Prototyping, Concept Testing

Tools

Figma, Adobe Illustrator Maze, Notion, Google Meet

Date

July 27, 2025

Category

UI/UX, Education

Responsibility

UI/UX, Design System, Wireframing, Prototyping, Concept Testing

Tools

Figma, Adobe Illustrator Maze, Notion, Google Meet

Date

July 27, 2025

Create a free website with Framer, the website builder loved by startups, designers and agencies.