Drivemate

Inspiration Every day, drivers face the challenge of managing their shifts, tracking earnings, and staying updated on essential information—all while on the move. We wanted to create a seamless, mobile-first dashboard that makes a driver’s daily routine easier, safer, and more productive.

What It Does DriveMate is an all-in-one dashboard for professional drivers. Instantly view your weekly pay, daily hours, and company announcements. With just a tap, you can find nearby essentials like toilets, raincoat stores, fuel stations, and EV chargers. For privacy, downloading your official payslip PDF always requires your consent. Everything is streamlined for efficiency, security, and ease of use on any device.

How We Built It DriveMate is built with modern web technologies:

HTML, CSS, and JavaScript for a responsive, app-like experience. jsPDF for instant PDF generation of payslips, right in your browser. All location links are integrated with Google Maps for seamless navigation. The design is mobile-first, ensuring a smooth experience for drivers on any screen. Challenges We Ran Into Ensuring links to nearby essentials always work reliably across all devices and browsers. Creating a secure and intuitive consent flow before downloading sensitive documents like payslips. Delivering a polished design that remains fast and user-friendly, even on low-end devices. Accomplishments That We're Proud Of A clean, intuitive UI that drivers can use with one hand on the go. Fully offline PDF generation for payslips, keeping user data private. Accessibility features like keyboard navigation and screen-reader friendly modals. Quick, direct access to critical locations with just a tap. What We Learned Small UX touches—like asking for consent before downloads—make a big impact on user trust. Responsive web design is essential for a workforce that’s always on the move. Real user feedback from drivers is invaluable for prioritizing features and improvements. What's Next for DriveMate Integrating push notifications for urgent announcements and shift reminders. Adding real-time shift tracking and live earnings calculations. Expanding the essentials map to include rest stops, repair shops, and cafes. Launching a companion app for iOS and Android, and building out driver communities.

Built With

html

Submitted to

FoundersHack Sydney 2025

Created by

My main contributions include:

Product Design & UX:
I designed the user interface with a strong focus on mobile accessibility, simplicity, and one-handed use. I created the clean, card-based dashboard layout and ensured that all features were easy to access for busy drivers.

Front-End Development:
I implemented the entire web dashboard using HTML, CSS, and JavaScript. This includes responsive design for all devices, integration of FontAwesome for intuitive icons, and the creation of interactive cards for pay, hours, announcements, and essentials.

Accessibility & Usability:
I ensured the app is accessible, with keyboard navigation, aria labels for modals, and clear focus management for popups.

Testing & Feedback:
I tested the app across multiple devices and browsers, iterating on feedback from real drivers to refine the experience and address pain points.

Raco Alderon
I designed the user interface with a strong focus on clarity, simplicity, and accessibility for on-the-go drivers. I created the clean, modular layout used throughout the app and ensured that all key features — like earnings, announcements, and essentials — were easy to access and visually intuitive.

I contributed to the front end development of the web app using HTML, CSS, and JavaScript. I was responsible for integrating the Google Maps API to display nearby essentials such as restrooms and fuel stations, improving real-world usability. I also supported the development of responsive components and UI interactions.

I helped design the freemium and B2B SaaS model, including monetization strategies and potential data partnerships. I also contributed to early-stage planning and ideation, helping shape the problem space and feature set based on driver needs.

I contributed to creating and distributing surveys, gathering insights directly from gig workers. This feedback was critical in shaping both the product experience and our business strategy.

I supported the creation of the final pitch deck, helping structure the messaging and refine visual elements to clearly communicate our value proposition.

Asher Wibrata
contributed to slides, background research, suggestions, and moral support

Brandon Ray Vyan
I worked on the business ideas while helping to add functions in the app to address the pain points while developing solution. I also edited the whole video and contributed to making the slides.

Carrisa Erine

Updates

Raco Alderon started this project — May 25, 2025 09:51 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.