How long does a typical project take?

Most projects take 4–10 weeks depending on scope. We agree on a clear timeline before we start and keep you updated at every milestone.

How much does a website cost?

Pricing depends on the scope and features you need. Tell us about your project and we'll send a tailored quote — no obligation.

Do you provide maintenance after launch?

Yes. Every project includes a complimentary first month of maintenance, with optional ongoing support to keep your site fast and secure.

Can you work with our existing brand and content?

Absolutely. We can build on your existing brand guidelines and content, or help you create them from scratch.

Bina Nusantara

2025 — Student Registration Form System

Bina Nusantara
Education Event Registration
Web app

Overview

Form Expo BINUS is a web-based registration platform developed to support the registration process for the BINUS Student Organization Expo. The system replaces Microsoft Forms with a more modern registration experience through a multi-step form, while integrating a database and Google Sheets to streamline participant data management.

Project goals

Replace the Microsoft Forms-based registration process with a more professional web application.
Enhance the user experience through a modern and interactive registration interface.
Simplify the collection and management of participant data.
Automate the synchronization of registration data with Google Sheets.
Provide organizers with a registration platform that is easier to monitor and manage.

Challenge

Microsoft Forms offered a limited user experience and lacked a visually engaging interface.
The registration process needed to be simplified to improve participant convenience.
Registration data had to be securely stored in a database while remaining accessible through Google Sheets.
Automatic synchronization was required to eliminate manual data export for organizers.
The system needed to handle multiple categories of information, including personal, academic, and organization data.

Solution

To address these challenges, a web-based registration system was developed using a multi-step form workflow integrated with database storage and Google Sheets synchronization.

The implemented solutions include:

Designing a modern and user-friendly registration interface.
Implementing a multi-step form to organize the registration process into manageable sections.
Storing all registration data securely in a centralized database.
Integrating automatic synchronization with Google Sheets for real-time organizer monitoring.
Applying input validation to ensure data consistency and accuracy.

Results

Results achieved

Delivered a significantly improved registration experience compared to Microsoft Forms.
Simplified the registration process through a well-structured multi-step workflow.
Reduced manual effort in participant data management.
Enabled organizers to monitor registration data directly through Google Sheets.
Successfully supported the FYP Expo registration process without operational issues, handling over 18,000 participant registrations.

Project details

Process Model The project was developed using the Agile Scrum methodology, enabling iterative development, continuous feedback, and efficient collaboration throughout the design and development process.

Tech Stack

Front-End: React + TypeScript
Back-End: Express.js + TypeScript
Database: PostgreSQL + Prisma ORM
Object Storage: MinIO
Google Sheets API: Automatic data synchronization

Pages Developed

Landing Page: displays an overview of the BINUS Student Organization Expo registration along with a call-to-action to begin the registration process.
Questionnaire Page: provides a multi-step registration form that collects personal, campus, and organization information, complete with input validation.
Submission Success: displays a confirmation page indicating that the registration has been successfully submitted and received by the system.

Features delivered

Multi-Step Registration Form: organizes the registration process into multiple steps, making it easier for users to complete the form.
Form Validation: validates user inputs to ensure all submitted data is complete and accurate.
Google Sheets Integration: automatically synchronizes registration data with Google Sheets, allowing organizers to monitor submissions in real time without manual exports.
Responsive Design: ensures an optimal user experience across desktop, tablet, and mobile devices.

Conclusion

With the implementation of a web-based student registration system featuring a multi-step form and Google Sheets integration, BINUS now has a registration platform that delivers a more modern user experience, streamlines participant data management, and improves monitoring efficiency throughout the Expo registration process.

Frequently asked questions

What clients usually want to know before starting a project.

Interested in similar work?

Let's talk about your project.

Send us what you're thinking. We read every message and get back to you within a couple of days.