MyTeksi — Kris Khaira

MyTeksi is Malaysia’s most reliable taxi-booking system for iPhone, Android, Windows 8 and web. It’s rated 4/5 on the Apple App Store.

What I did:

Designed UI/UX for native iPhone, Android and Windows 8 apps
Prepared design assets for native iPhone, Android and Windows 8 apps
Sketch, wireframe and mock up the operator and admin dashboard
Convert design into responsive mobile-first web UI using HTML5, CSS, Compass and Susy
Used JavaScript, CoffeeScript, jQuery and Ember.js to implement the API provided by the Node.js backend team
Used PhantomJS for web UI testing
Programmed and maintained initial web apps using Sencha Touch 2 and Zepto.js
Used jQuery, jquery.qrcode.js and Webkit to generate coupons using API prepared by backend team
Designed print media for leaflets, posters, advertisements
Prepared API documentation

Early UI sketches

Pen-and-paper sketches from 2012, before anything went into Photoshop.

Whiteboard sketch of a 9.5 by 11 cm MyTeksi car sticker in apple green
Car sticker: whiteboard sketch, May 2012

Sketch of the iPhone booking history list, trips grouped by month with a fare badge on each row
iPhone: booking history, Aug 2012

Two sketches of the current-booking bottom bar with call, feedback and send buttons
iPhone: current-booking bottom bar, Aug 2012

iPhone: checkered-flag icon variations, Sep 2012

Sketch of the Windows 8 app: a booking panel beside a map, and previous bookings grouped by month
Windows 8: booking and history screens, Sep 2012

Sketch of the Android tracking screen: driver and fare cards beside a full-screen map
Android: driver tracking, Nov 2012

Wireframes

Wireframe of the operator performance table: bookings per operator today, yesterday, weekly and monthly
Operator dashboard: performance stats, Apr 2012

Wireframe of the iPhone order flow: set pickup and drop-off on a map, add notes and tips, book, track the driver, then review and share the trip
iPhone: order flow from pickup to driver review, May 2012

Final designs

Finished iPhone booking screen: map with 23 taxis nearby, pickup at Empire Hotel, drop-off at KLIA, Book Now button
iPhone: booking screen, Sep 2012

Malay-language flyer showing how a booking reaches the nearest driver by smartphone, SMS or phone call
Passenger flyer in Malay, May 2012

Please contact me to see more samples of my work.