CMARIX-line
tree-img tree-img
hero-bg

Introduction

A software product ecosystem for children’s transportation needs

  • ss-icon
    Technologies

    Flutter

  • ss-icon
    Built for

    Mobile, Web

  • ss-icon
    Industry

    Transport & Logistics

  • ss-icon
    Country

    Doha Qatar

Business Context

The founder of Smart Shuttle, came to CMARIX to modify the software for digitising and optimising children's transportation tracking apps. Primary objective is to provide the safest, most prompt, and pleasant kids riding services to parents, schools, and educational institutions. As he was dissatisfied with the previous developers, he came to us with the intention of upgrading the application with new tech specs. Keep reading to learn how we created an ecosystem of mobile applications that are equally useful for safe and reliable rides to and from school or activities for kids.

business-context

Providing a distinct UX for pick-up/drop

To reflect the given user flow, we generated displays with many states.

simulator-screen-img
simulator-screen-img
simulator-screen-img
01

Registration Screen: Users need to provide their email address and password, as well as other information for their user profile, on the registration screens.

02

Ride Creation Screen: Users fill up the ride creation screen, which includes the starting point, destination point, package, repeating rides, and preferred drop-off time.

03

Checkout Screen: Users enter their card information for transactions on the checkout screen.

04

Track Screen: Users may track their child's rides on a map and view pick-up/drop details and status on the Track screen.

05

Pick-up /Drop Screen: Users can confirm delivery receipt and offer feedback on a pick/drop confirmation screen.

06

Profile Screen: Users can edit their personal information (phone number, name, and email) on the profile screen (which is similar to the signup screen).

We designed our single component with a variable data source, data validation, and formatting to adequately handle different displays with varied input ways.

vehicle

DRIVER LOGIN

CUSTOMER LOGIN

Wireframe Design

wireframe-img
wireframe-img
wireframe-img
wireframe-img

Algorithm for displaying ride route on the Map & Implementing Amazon Payfront

We had devised a custom algorithm that would allow us to monitor a child's transportation using information such as the start of pickup time, the estimated drop-off time, and a ride path derived using Google Maps data. This algorithm was smartly implemented in the actual programming to bring the desired result.

Upgrading and integrating the payment gateway was the mildly challenging task we faced. We switched to Amazon Payfront, which has shown to be incredibly beneficial and dependable.

algorithm-img
visual-design-img

Visual Design