The Android app for effortless booking. Get real-time schedules and automated reminders to end conflicts and never miss a meeting again.
Role as UI/UX Designer & Mobile Developer
Indonesia, Universitas Sebelas Maret .2025
Industry
Technology Information
Project Type
Project Final College
Duration
6
weeks
Research // 1 weeks
Ideation & sketch // 3 days
Design Hi-Fi // 1 weeks
Testing // 2 days
Develop Apps Mobile // 4 weeks
Services
Tools Design
Miro, Figma
Tech Stack
Dart, Flutter, Firebase
To end the chaos of manual scheduling, Appointly provides a single mobile app for streamlined booking. It centralizes real-time availability for any service, transforming frustrating back-and-forth messages into one confident tap for both clients and providers.
Want to create something like ?
Problem
The Annoying Back-and-Forth: Booking an appointment was a slow, messy process of trading text messages and phone calls, filled with long waits for a confirmation.
Constant Uncertainty for Clients: After sending a request, clients were left anxiously waiting, never sure if their spot was actually confirmed or if they needed to make other plans.
Wasted Time for Business Owners: Service providers were constantly interrupted by booking requests, pulling them away from their actual work just to manage a messy and confusing calendar.
Costly Mistakes and a Bad Look: This manual approach easily led to embarrassing double bookings and clients who simply forgot their appointments, which meant lost time and money for the business.
Approach
Building in Stages
I didn’t try to build the entire app all at once. Instead, I built it in small, focused stages. After finishing each part, I would test it and make improvements, ensuring everything was solid before moving on.
Choosing the Right Tools
I chose specific technologies to build the two main parts of the app:The Part You See: I used a tool called Flutter so the app would look great and work smoothly on both iPhones and Androids.
The 'Brain' Behind the Scenes: I used a tool called Laravel to build a secure and reliable system that manages all the schedules and keeps user information safe.
Mapping Out the User's Journey
Before building anything, I drew a complete map of every single step a user would take inside the app. My goal was to make the journey from opening the app to booking an appointment feel completely natural and effortless, with no confusion.Testing for Perfection
To make sure the app was reliable and free of bugs, I tested it from an outsider’s perspective. I clicked every button and tried every feature just as a real customer would, to guarantee that everything worked exactly as it should.
Here i do
My approach was grounded in the Agile Scrum methodology, starting with a research phase to define the problem and validate user needs.
Defining the User: The Busy Professional Persona
Based on the problem, I developed a user persona to guide my design decisions:Alex, the Busy Professional: He's a 30-year-old client who frequently books appointments with various service providers (consultants, stylists, etc.). His biggest frustrations are the slow response times, the back-and-forth negotiation of schedules, and having to manually add reminders to his personal calendar. He values his time above all else.
Setting Measurable Research Goals
Before designing, I needed to quantify Alex's frustrations. I set two clear goals for my initial research:Goal 1: Validate that at least 80% of users had experienced a booking clash or a forgotten appointment due to a manual system in the last year.
Goal 2: Confirm that 90% of users would see high value in a centralized app with features like real-time availability and automatic reminders.
This initial validation ensured I was building a solution for a real and widespread problem.
Whats Next ?
From User Pains to Core Features
I directly translated Alex's frustrations into the app's foundational features. I used "How Might We" sessions to frame the solutions:
Alex's Pain Point | How Might I...? | The Engineered Feature |
"I never know if my appointment is confirmed." | ...give the user instant certainty? | Real-Time Availability & Instant Booking Confirmation. |
"I'm tired of the back-and-forth texting." | ...allow the user to book entirely on their own terms? | A Self-Service Booking Flow with searchable services and visible schedules. |
"I sometimes forget my appointments." | ...remove the mental load of remembering? | An Automated Notification & Reminder Engine. |
Mapping the User Journey
I designed the entire user flow to be completed in under 90 seconds. The journey was clear: Install -> Register/Login -> Find Service -> Select Time -> Confirm. I used detailed Activity Diagrams and Use Case Diagrams to architect this flow, ensuring every step was logical and frictionless.
The Final Execution
I moved into development, building the full-stack application using Flutter for the mobile front-end and Laravel for the secure back-end API.
I engineered a Dynamic Search Engine that allows users to find services and providers instantly.
I built a Real-Time Booking System where users can see live availability and book a slot, which is then immediately removed for others to prevent double bookings.
I integrated an Automated Notification System for booking confirmations, reminders, and status updates (approved, declined).
I developed a comprehensive History and Rating System, allowing users to track their appointments and leave reviews, building a community of trust.
I integrated an Interactive Map View (Mapbox) for offline appointments, allowing users to visualize the location and route.
Validation & Measurable Results (User-Proven Success)
An app is only successful if it works for its users. To close the Agile loop, I conducted a thorough, multi-layered testing phase. The most critical part was the User Acceptance Testing (UAT).
My Methodology
I tested the live application with 12 participants representing the target user base. I gathered both quantitative data (through a scored survey) and qualitative data (through open-ended feedback).The Quantitative Results: A Story of Satisfaction
The user feedback was overwhelmingly positive, validating the success of the design.I achieved an exceptional average satisfaction score of 3.83 out of 4.0 on both "ease of making an appointment" and "overall satisfaction with the app."
The app's layout and ease of use were the highest-rated features, scoring an impressive 3.92 out of 4.0, proving the intuitive design of the user interface.
Automatic notifications received a 3.83 out of 4.0 score, confirming the value of the reminder engine.
The Qualitative Feedback: The Human Impact
The written feedback reinforced the data:Users described the app as "very good, easy to navigate," and "very helpful for making appointments."
The most common sentiment was an appreciation for the app's appearance and functionality, with users calling it "attractive, easy to use, with interesting features."
This measurable data proves that Appointly successfully solved the initial challenge, replacing a frustrating, manual process with a solution users found intuitive, trustworthy, and satisfying.
The Best Tech Makes Life Easier. The most important lesson for me was that technology should work so smoothly in the background that you don't even have to think about it. Its job is to get rid of a common, real-life annoyance.
This App Ends the Waiting Game for Customers. For anyone booking an appointment, this app provides peace of mind. It replaces the anxiety of waiting for a reply text with the confidence of a confirmed booking.
It Frees Business Owners to Do Their Best Work. For service providers, this app is a full-time assistant. It frees them from the constant interruptions of managing a calendar so they can focus on their clients and their craft.
Ultimately, It's All About Saving Time. This app doesn't just organize schedules; it gives everyone back their most valuable resource, their time and makes the whole experience feel simple and satisfying.
