Frontend Design and User Experience Engineering of the RideSafe Passenger Safety and Lost-Item Recovery System.

Passenger safety and lost-item incidents continue to remain problems in informal
transport systems within low-income countries. The RideSafe System was
developed as a technology-driven solution which uses QR codes, mobile
interaction, and a digital reporting system to enhance traceability and
accountability in tricycle (Keke) transport operations. This paper presents the
design, development, and evaluation of the RideSafe frontend, it was
implemented using React and a mobile-first UI/UX strategy. The study covers
the user interface architecture, interaction workflows, QR-scanning components,
and responsive design features that support real-time ride logging and lost-item
reporting. The results gotten from usability evaluations show a good level of user
acceptance, minimal interaction issues with the system, and easy user
understanding, especially among digitally illiterate users. The frontend
architecture demonstrates how simple design patterns and lightweight web
technologies can solve critical safety issues in informal transport ecosystems.