Grab App — Design
Interaction/Visual Design + Micro-interactions
Grab is an online transportation network and technology company that offers wide range of ride-sharing and logistics services through its app in Southeast Asia, specifically in Malaysia, Singapore, Thailand, Vietnam, Indonesia and the Philippines. I was tasked to design a blue sky transportation app for Grab as part of a conceptual assignment.
Context aware ability to detect on screen information. Eg: Able to retrieve location information and feed into the journey estimation. This feature also allows you to add more riders within your ride journey.
This prototype is done using my own personal prototype build tool using mainly Framer.js and GSAP as the foundation. It is code oriented and open to future technologies such as other APIs integration, AR/VR and is able to tap into native functionalities of a device such as gestures, force touch, gyroscope, accelerometer, etc.
The second tab is a feature that allows you to specify the pickup time for each rider. With the congestion feature, you are also able to figure out how congested is an area at a particular time.
Selecting a car service by comparing different services that Grab has to offer.
A summary of your booking confirmation where you can share it within the chatroom along with a final receipt screen that will show you the driver information.
Bringing the customer voice is extremely important when it comes to designing. There is no shortcut to developing better product instincts besides keen and close observation.
I performed a paper prototype testing. Very quickly with little effort I am able to validate and invalidate my ideas. It is just a quick and cheap way to test my ideas. I prefer paper prototype or a more hands on testing when we are facilitating creativity and new ideas exploration.
User is given the context of using WhatsApp to liaise transportation to a concert. He/She will need to make a booking within it. On each navigation, “Locations”, “Time”, “Cars” and “Booking”, user will be given tasks to complete. He/She will verbalise his/her thinking. User and myself will also sketch out design options on the fly if needed.