Created a simple, intuitive customer experience in a few easy steps.

  • UI UX Design
ondway-customer/ondwaycusbanner.webp

Project overview

ondway-customer/ondwaycusproject.webp

The Challenge

Our Solution

Information Architecture

ondway-customer/ondwaycusflow.webp

Color Pallete

The colours chosen ranged from Persian Green to Seljuk Blue. Multiple shades were employed to group colours into categories ranging from Primary to Accent.

ondway-customer/ondwaycuscolor.webp

Typography

Lato is a free google font, which is optimized for web and mobile interfaces with excellent legibility characteristics in its letterforms which gives a neutral yet friendly appearances.

ondway-customer/ondwaycustype.webp

Components

ondway-customer/ondwaycuscomponents.webp

Initial Wireframes

ondway-customer/ondwaycuswireframe.webp

Marketing Website

We also designed the marketing website for the whole product. Responsive versions were also designed for the platform. 8 point grid system was followed in the UI. while maintaining the grid system we were able to achieve a pixel-perfect responsive user interface across the website.

ondway-customer/ondwaycusmarketing.webp

Order & Serving

This was the distinctive tagline for On D Way: catering to travellers. Takeaway, dine-in, and drive-in orders all fall under one of three main order types. Additionally, serving styles for fast and relaxed meals were constructed.

ondway-customer/ondwaycusorder.webp

Other Screens

ondway-customer/ondwaycusotherscreen.webp

Similar Portfolios

projects/chaos.webp

Chaos Genius

It’s an open-source Business Observability Platform for anomaly detection. Hence, to optimize the efficiency of the platform we introduced compelling real-time data visualization capabilities coupled with layered information relevant to each user role.

View case study
projects/wisedrive.webp

Wisedrive

We designed a conversion-focused website for Wisedrive, India's first used car extended warranty service. Given the new concept, we focused on educating the customers while providing crisp information to help the user journey

View case study

Come Experience - The Sketch Brahma Difference

our-service/sbPath.png
icons/arrowTop.svg