Case Study · Ride-Sharing Platform

Zapi-Drive ride-sharing platform

Zapi-Drive is a ride-sharing platform with regular trips, scheduled trips and parcel delivery, a bilingual website, user and driver apps, and an admin panel running zones in Colombia.

  • Regular & scheduled trips
  • Parcel delivery
  • Live fleet view & heat map
  • English & Spanish
  • Mobility
  • Website + Admin + Apps
  • Bogotá · Medellín
HomeSolutionsServicesShare your trip
Zapi website home
Zapi solutions
Zapi services
Zapi share your trip
Ride-sharingMobility · Website + Admin + Apps · Bogotá · Medellín
Z 2City zones
3Ride servicesZapi-Drive
Business DashboardCustomers, drivers and earnings.

Easy navigation: Zapi-Drive, a first-class ride-sharing experience, managed by Zapiva Enterprises INC USA.

  • 3Ride services
  • 2City zones
  • 2Languages
  • 24/7Support
Zapi website home
3Ride services

Overview / 01

Rides, schedules and parcels, one platform

Riders book a trip or schedule one ahead, send parcels with custom rates, and drivers join to earn on their own time, on the website and in the apps.

We delivered the English and Spanish website, the user and driver app pages, and the admin panel: zones, trips, fares, surge pricing, promotions, drivers, customers, wallets and reports.

  • Regular trips
  • Scheduled trips
  • Parcel delivery
  • Driver earnings
Role
Design + Development
Industry
Mobility · Ride-sharing
Market
Bogotá & Medellín
Platform
Website, admin & apps
Languages
English & Spanish
Year
2026
Visit live website

Scope & deliverables

01

Rider website

Solutions, services, app downloads and driver sign up in EN and ES.

02

Admin panel

Zones, trips, fares, promotions, drivers, customers and reports.

03

User & driver apps

Download pages for Google Play and the App Store.

04

Maps & zones

Zone setup, trip heat map and live fleet view on Google Maps.

Challenge & solution

Street hailing, or a first-class ride in a tap

Riders needed a simple way to book or schedule a ride and send parcels, and the team needed one place to run zones, drivers, fares and trips across cities.
  • Booking and scheduling rides
  • Sending parcels
  • Running drivers by zone
A Laravel ride-sharing platform with a bilingual website, user and driver apps, and an admin panel with zones, live fleet view, heat map, trip management, fares and reports.
  • Zones set up per city
  • Live fleet and heat map
  • Fares, surge and promotions

Booking · Ride

Street hail: Riders had to find a car on the street.

Regular trip: Book a trip to your destination from the app.

Parcels · Delivery

By hand: Packages went with whoever was going.

Parcel delivery: Send packages with custom rate settings.

Fleet · Live

No view: Nobody saw where drivers were.

Fleet view: All drivers, on-trip, idle and customers on the map.

No coreZapi-Drive
Manual · City by city2 zones · 3 services
    • 3 Ride services
    • 2 City zones

    Planning · Schedule

    No planning: Rides could not be booked ahead.

    Scheduled trip: Plan the next ride ahead of time.

    Zones · City

    One area: There was no way to split cities.

    City zones: Bogotá and Medellín, each with its own stats.

    Earnings · Admin

    No overview: Earnings were not tracked.

    Dashboard: Earnings, rides, parcels and zone statistics.

    Measurable impact

    • 3Ride services
    • 2City zones
    • 2Languages
    • 24/7Support

    Admin panel · Key features

    Every trip, one control room

    The tools the Zapi team uses to watch the fleet, run zones and manage every trip.

    01 / 06 features

    Auto-playing. Hover to pause

    zapi.infoLive
    Zapi admin dashboard
    2Zones
    Feature 01Business Dashboard

    Active customers and drivers, total earnings, regular and scheduled rides, parcels and zone-wise trips.

    zapi.infoLive
    Zapi trip heat map
    LiveMap
    Feature 02Trip Heat Map

    Rides and parcels per zone on the map, with overview and compare modes.

    zapi.infoLive
    Zapi fleet live view
    LiveTracking
    Feature 03Fleet Live View

    All drivers, on-trip, idle and customers, zone by zone, with vehicle details.

    zapi.infoLive
    Zapi trip list
    8Statuses
    Feature 04Trip Management

    Pending, scheduled, accepted, ongoing, completed, cancelled, returning and returned trips.

    zapi.infoLive
    Zapi solutions
    3Solutions
    Feature 05Our Solutions

    Parcel delivery with custom rates, shared trips and scheduled trips on the website.

    zapi.infoLive
    Zapi earn money with Zapi
    2Stores
    Feature 06Earn with Zapi

    Driver app downloads on Google Play and the App Store, and a join-as-driver path.

    Engineering

    Technology & Development

    Built on Laravel and PHP 8.3 with a Bootstrap website in English and Spanish, Google Maps for zones, live fleet view and heat maps, and user and driver apps on Google Play and the App Store.

    System architecture

    Rider ⇄ app / website ⇄ admin → zones, trips, fares

    Live
    01 UI

    Rider website

    Book, schedule and download the apps

    EN · ES
    02 APPS

    User & driver apps

    Rides, parcels and earnings

    Play · App Store
    03 OPS

    Admin panel

    Zones, trips, fares and reports

    Laravel
    04 GEO

    Maps & zones

    Zones, heat map and fleet view

    Google Maps

    Technology stack

    Website3

    • Bootstrap
    • jQuery
    • ENES

    Backend2

    • Laravel
    • PHP8.3

    Maps2

    • Google Maps
    • Zones & heat map

    Hosting2

    • nginx
    • Plesk

    How we built it

    4 phases

    1. 01

      Rider websiteWebsite

      English and Spanish website with solutions, services and app downloads.

    2. 02

      Zones & faresAdmin

      City zones, trip and parcel fares and surge pricing.

    3. 03

      Fleet & tripsOps

      Fleet view, heat map and trip management.

    4. 04

      Launch in ColombiaLive

      Live in Bogotá and Medellín.

    Website & admin screens

    The rider website and the admin behind it

    Glide through the Zapi-Drive website and the admin panel the team runs the fleet from.

    Drag to explore

    01 / 10

    zapi.info /Live
    Zapi website home
    zapi.info /Live
    Zapi solutions
    zapi.info /Live
    Zapi services
    zapi.info /Live
    Zapi share your trip
    zapi.info /Live
    Zapi user app download
    zapi.info /Live
    Zapi earn money with Zapi
    zapi.info /adminLive
    Zapi admin dashboard
    zapi.info /admin/heat-mapLive
    Zapi trip heat map
    zapi.info /admin/fleet-map/all-driverLive
    Zapi fleet live view
    zapi.info /admin/trip/list/allLive
    Zapi trip list

    Philosophy

    Design Approach

    A bright, friendly teal design that keeps booking simple and the next step obvious.

    EasySafeReal-timeBilingual

    • 3Services
    • 2Zones
    • 2Languages
    Audience
    Riders & drivers
    Cities
    Bogotá · Medellín
    Languages
    English & Spanish
    Currency
    US dollar

    The website switches between English and Spanish from the top bar.

    1. 01

      Easy Navigation

      A first-class ride-sharing experience.

      Book in a few taps.

      Booking

      3Services

    2. 02

      Safe Apps

      Apps checked and clean.

      On Google Play and the App Store.

      Trust

      2Stores

    3. 03

      Real-Time

      Live fleet view and heat map.

      Zone by zone.

      Maps

      2Zones

    4. 04

      Bilingual

      English and Spanish website.

      Switched from the top bar.

      Language

      2Languages

    Tokens

    Design System

    The Zapi-Drive palette: a fresh teal for the website and admin, with white cards and soft grey sections.

    • 3 colors

    Color palette 3

    Teal

    #14b19e

    rgb(20,177,158)

    Buttons, tabs & highlights

    Soft grey

    #f8f9fb

    rgb(248,249,251)

    Section background

    White

    #ffffff

    rgb(255,255,255)

    Cards

    Components

    Get started Save
    • Easy
    • Safe
    • Real-time

    Search...