Car-Subscription UX for a Mobility Platform

Overview

A clickable HTML/CSS build exploring a car-subscription experience for a car-sharing / mobility platform. It mocks the end-to-end flow, browsing vehicles, viewing a car, logging in / registering, and managing active and past bookings, as static screens before committing to a production build.

Why It Exists

Before investing in a full React onboarding/booking app, the team needed a tangible, shareable artifact to validate the subscription journey and screen layouts with stakeholders. A static build is the fastest way to pressure-test UX and copy.

What We Built

A set of standalone HTML pages, index, booking, booking-active, booking-past, car, login, register, promo, with their accompanying asset bundles, styled in CSS and wired with a date-picker dependency (@chenfengyuan/datepicker) for the booking interaction. The repository is intentionally lightweight (hand-authored markup and styles rather than a framework app), with a GitHub Actions workflow for the repo.

Technologies & Approach

Plain HTML/CSS was the right tool: maximum speed and zero framework overhead for a throwaway artifact whose only job is to communicate the intended flow. The page-per- screen structure made the build easy to click through and review.

Outcome / Impact

Served as a UX validation step for the subscription concept that fed into the production registration and booking apps in the same project family. As a build its value is in de-risking design decisions early, not in shipped code.

Capabilities Demonstrated

• Rapid clickable-build development in HTML/CSS
• Subscription and booking flow design
• Stakeholder-ready UX validation artifacts
• Lightweight, dependency-minimal mockups