top of page

VIEW OTHER PROJECTS

 

MINDSCAPE

TAKELEAP OFFICE APP

 

Mobile app to execute administrative tasks @ TakeLeap, Chennai

tl_animated.gif
intro_tl.png
project_brief.png

The one-line brief given was to create an 'office' application meant for internal office use, for employees and admin alike, to manage day-to-day functions like attendance, call for meetings and leave applications!

 

A simple, structured app with an easy-to-use clean UI was the design requirement.

my_role.png

As the sole UX/UI designer at the company, I worked on understanding the intricate workings of TakeLeap and appropriately defining the app features, user experience, information architecture, wireframing and designing the UI in under 3 weeks.

 

I got the opportunity to work closely with the developers as the app was being built and be part of the user testing process.

shadow_below.png
Design Process
design_process.png
study_2.png
study_3.png
goal.png
Goals
info_arch.png
Wireframe

Features of this app are arranged based on a simple hierarchy that aligns with the user’s expectations.

The main home screen houses the CHECK-IN/OUT feature in order to quickly execute with ease the first and foremost task of the day -  to record their attendance.

 

The home screen also provides quick access to LEAVE APPLICATION and CREATE MEETINGS which are considered as tasks that come next on the priority list, performed during the day. These features have a sub-home page which gives access to feature-specific functions and a record of all the actions taken using the feature.

Other functions of the app that are not likely to be used on a daily basis, can be accessed from the app menu. 

flowchart.png
wireframe.png

Drawing out low-fidelity wireframe manually aided the process of creating high-fidelity wireframe on Balsamiq.

Click on the red hints to navigate through the interactive wireframe of the Office App.

wireframe_screens.png
Animation
animation.png
comm.png

Goal - Ease the flow of communication

1. Improving admin and employee communication.

   LEAVE APPLICATION FEATURE

2. Streamlining communication among employees. 

   CREATE MEETING FEATURE

 
 

LEAVE APPLICATION FEATURE - Improving admin and employee communication.

   

 
 

CREATE MEETING FEATURE - Streamlining communication among employees. 

   

 
 
data.png

Goal - Easy to record and accessible information

1. Recording attendance 

   CHECK-IN/OUT FEATURE

2. Tracking days/hours worked and vacation days 

   REPORTS FEATURE

 
 
 
 

CHECK-IN/OUT FEATURE - Recording attendance

 
 
shadow_below.png

REPORTS FEATURE - Tracking days/hours worked and vacation days

 
 
UI Design
ui_design.png

The colours and shapes from the branding guidelines of TakeLeap were extended to the design of the UI elements. 

LOW POLY MESH (from TakeLeap’s branding guidelines) is used in the design to create consistency with the brand and help maintain visual interest.

 
 
ui_design_page.png
ui_screens.png
UI Screens

On-boarding screens that lead to login/ sign-up pages. Home screen with Check-in/ Check-out functionality for quick attendance recording and shortcut icons to important functionalities - leave requests and create meetings.

The leave request home screen shows the main features under this functionality. Clean forms for easy leave application in days or hours. Simple monthly view, to track the leave period left. A feature is also added to help view past/present leave requests and check its status of approval.

The leave request ADMIN features are different from an employee's personal use. A page, with a simple interface to view all employees' leave requests - sorted by employee name, month, year, approved, pending, rejected, is provided to assist in viewing employee leave requests and approve/reject them with ease.

The home page of ‘Meetings’ lets the user view all existing meetings or create a new meeting. A clean and neat form to call for a meeting in the company. An easy UI to choose and add employees to a meeting. View all the organised meetings in categories of pending to respond, upcoming, all and self-created meetings. Quickly respond to called-for meetings, view others who are going to the meeting.

View employee attendance reports with details in a calendar view. Easy to comprehend visualised data of hours worked and overtime hours, checked in and checked out timings. Admin can view these records for each employee.

thumb_nail.png

VIEW OTHER PROJECTS

 
bottom of page