Redesigned their Portal that allow the employees to solve their travel needs easily.

KPIT

Redesigned their Portal that allow the employees to solve their travel needs easily.

Overview

This project is solely dedicated to KPIT internal employees to assist with all their travel itineraries.

Type

Responsive
Website Branding

Service

UX Research
UX Design
UI Design

Duration

6 months

Business Type

B2C

Type

Responsive
Website Branding

Service

UX/ Research
UX Design
UI Design

Duration

6 months

Business Type

B2C

Project Overview

Travelling requires detailed and careful planning to be successful. Often, employees face issues trying to follow protocols for certain tasks and requests, including travel requests. This project aims to help with internal communication, especially regarding travel requests.

Problem Statement

The employees face issues of documentation, human oversight, and general Travel Request Management. It was high time they got a new website that would handle that aspect effectively and efficiently.

Objectives

  • To properly manage the employees with a platform.
  • To improve the flow of information among the employees with regard to Travel requests.
  • To find a faster way to resolve issues.
  • A better UX for employees to easily lodge requests.

Our Process

The STEP process has been the go-to strategy for ensuring the implementation process flows smoothly towards completion. STEP is an acronym that stands for Soak, Think, Execute, and Proof.

Process We Followed

The process is divided into three phases to ensure no stone is left unturned to give the users the best experience: UX Research, UX Design and UI Design. We also conducted a UX Audit to provide recommendations and directions for the design process.

Research

The research focused on a UX Audit, which we discovered would be the most effective for the KPIT Internal employees. There were no close competitors, and the aim was to improve the employees' working conditions. The Audit helped identify issues through user research and suggested recommendations to guide the design process.

UX Designing

Our UX design process began with a thorough heuristic analysis to identify pain points in the existing travel request system and recommend solutions. We then went a step further to empathize with our users by developing detailed user personas and scenarios. Building upon these foundations, we conducted other UX Deliverables like Sitemaps, feature lists, and Wireframes to assist with the UI Design.

UI Designing

We developed mood boards that captured the desired aesthetic and brand tone. We took inspiration from our wireframes and UX design principles to achieve the perfect feeling and functionality of the website, allowing us to design a clean and intuitive interface.

Research

Personas

With the data & takeaways we received from the user research, user personas and use cases were created.

UX Improvement

Problems

  • No guided Flow

    The users felt unguided while performing some tasks, so it often took extra time to identify the purpose of a feature and how to use it.

  • Multiple Communication

    Employees are often bombarded with work communication, which causes them to miss out on other information, such as travel. The website that was initially designed to handle Travel issues still falls short of managing travel-related information, so employees have to opt for other communication channels. 

  • Stressful Documentation Travel Request

    Despite a dedicated website to cater to travel documentation, the employees still have to deal with it themselves with little to no resources to guide their appropriate use of documentation like visa type and request.

  • Difficult Interface

    Amidst all the various troubles the users have encountered, the king of them all is the difficult website. Due to its difficult look and functionality, the users are mostly confused about what to do and how to do it on the app.

Solutions

  • Website Tour for first-time users

    The essence of UX design is solving problems, so we have included a website tour to familiarize users with the features and functionalities.

  • Direct TR approval on the app

    We designed the manager interface to resolve issues by monitoring the employee's TR. The filter and status filter make this possible.

  • Simple Interface

    We made their interface neater, cleaner, and more user-friendly. The emphasis on consistency helped our UI/UX Designers leverage common components like CTAs, Cards, and Travel cards.

  • Easy Communication

    We do not want users to deal with multiple communication channels, so we made the travel request approval more easier through the communication on the website. The employees can easily track the status of their requests and plan accordingly.

Task Flow

The following task flows were created to ensure optimum visibility of 
the best features so that users can find them easily.

Site Map

The Sitemap was redesigned to improve the usability of the application.

KPIT SItemap

WireFrame

This preliminary version was created to assess its alignment with the client's requirements before the final design.

KPIT Wireframe

UI Design

Typography

Color palette

Icons

Pictograms

KPIT UI Screens

UI Screens

The UI design brought our ideas to life. Our designers selected UI elements like typography and a design system that aligns with the research and UX recommendations. Another thing we kept in mind was compliance with the brand identity.

KPIT UI Screens
Chaayos

Mobile App & Tablet / UX Design / UI Design

BlueEarth

Website / UX Design / UI Design

Chaayos

Mobile App & Tablet / UX Design / UI Design

BlueEarth

Website / UX Design / UI Design