Client
The ASEAN Secretariat
Timeline
2023 - Present
Client
Web App Development, Mobile App Development, & Maintenance Server
Introduction
Data Drives Better Decisions
The ASEAN Socio-Cultural Database (ADME) is a platform that facilitates evidence-based policies, addressing important issues while maintaining accuracy and transparency. The platform provides sections for members and the public (ASCC Declaration and socio-cultural indicators).
Together, we establish a digital center where decision-makers and the general public can easily locate the information they require. Effective governance begins with clarity, which is why every component—from the user-centric interface to the cloud management—is designed to make things simple.
Together, we establish a digital center where decision-makers and the general public can easily locate the information they require. Effective governance begins with clarity, which is why every component—from the user-centric interface to the cloud management—is designed to make things simple.

The Challenge
Turning Chaos into Clarity
Our biggest challenge was to turn the massive and complex socio-cultural data into an easy-to-read resource that anyone can use. In addition, we also need to have a user-centered design that can work well across all screen sizes.
At the same time, we needed to provide proper security to avoid cyberattacks, which can undermine public trust and compromise data accuracy and transparency. Therefore, a server system that can handle a large amount of traffic without lag is needed.
At the same time, we needed to provide proper security to avoid cyberattacks, which can undermine public trust and compromise data accuracy and transparency. Therefore, a server system that can handle a large amount of traffic without lag is needed.
How We Solved It
Reliable Security and Dynamic Insights
To address these issues, we developed a platform that can block threats, render dynamic visuals (interactive dashboards and diagrams), and respond quickly to heavy traffic—all without overwhelming users.
In keeping with ADME commitment to information accessibility, where complexity is reduced to simplicity and risk is reduced to reliability, our approach combines appropriate design with strong security to provide a reliable yet trusted platform for policy and decision making.
In keeping with ADME commitment to information accessibility, where complexity is reduced to simplicity and risk is reduced to reliability, our approach combines appropriate design with strong security to provide a reliable yet trusted platform for policy and decision making.

Visual Data Presentation
Visual Insights, Easy Access
To address these issues, we developed a platform that can block threats, render dynamic visuals (interactive dashboards and diagrams), and respond quickly to heavy traffic—all without overwhelming users.
In keeping with ADME commitment to information accessibility, where complexity is reduced to simplicity and risk is reduced to reliability, our approach combines appropriate design with strong security to provide a reliable yet trusted platform for policy and decision making.
In keeping with ADME commitment to information accessibility, where complexity is reduced to simplicity and risk is reduced to reliability, our approach combines appropriate design with strong security to provide a reliable yet trusted platform for policy and decision making.
Technology Stack We Use:
NuxtJs
EllysiaJs
Tailwind CSS
Seamless Access Across Devices
Fast Loads, Flexible Views
We created a responsive platform to offer a consistent user experience by adapting to all screen sizes—desktop, tablet, and mobile—while keeping data and graphics suitable for user navigation. To reach a wider user base, this strategy is required.
Apart from its adaptable layout, the platform is designed to load quickly and perform flawlessly even when used extensively. Regardless of the user's location or time of access, this ensures that important information is always accessible.
Apart from its adaptable layout, the platform is designed to load quickly and perform flawlessly even when used extensively. Regardless of the user's location or time of access, this ensures that important information is always accessible.
The Team
Who Brings This Vision to Life
Project Manager
Pratiwi Sukmawati, Adrian Syahputra
Back-End Developer
Dimas Satrio, Dean Rikrik, Akbar Nashrullah
Front-End Developer
Fadhli Fajarsyah, M.Fakhri, Hamdani Abdul