Design Process

02

Calendar Application

Service

App Design Task

Client

Zomato

Year

December 2019

Product Overview

01

Context

Valentina leads sales and business development for a Fortune 500 company. She travels 3 out of 4 weeks in the month, and when she travels, it’s almost always internationally. Between all her travel to different time zones and a busy meeting schedule in other cities, she finds it challenging to keep up with her calendar to show up to the right places at the right time.

Design Challenge 

Design a calendar flow and interface that is smart enough to suggest meeting times, accounts for changing time zones, and proactively works for Valentina to ensure she is always on time for her meetings. The proposed solution has to be mobile-friendly and uses viable technologies from today.

Problem Statement

Create a calendar app that suggests the correct Location and Time, which keeps Valentina on time for every event. 

w8.png
Design Process

I researched the customers and the business model deeply and came with an effective solution.

01

Knowing the Client & technologies from today

02

Competitive & User Research 

03

Ideation, User Flows & Personas

04

Low & High Fidelity Wireframes 

05

Visual Design

9.png

Research & Ideation

03

PNGS-01.png
PNGS-02.png

Nowadays, Tickets, bookings, Meeting invites and everything we are dealing with emails, So I decided to combine the application with email login so everything will be scanned it will be easy to improve the flow of the user. 

 

3.9 billion  email users worldwide

The client is to travel country to country. It will be hard to know the current location time. The GPS will automatically identify the travel place and adopt the timezone for convenience and ease clients in their busy schedules. 

As per the research and client requirements, mostly the events covered under Travel, Meetings & others ( Daily routine, wakeup alarm, exercise, programs ). I divide them into Travel, Meetings & Others. It will be easy to find events and filter easily, and the colors can be changed according to user choice 

PNGS-03.png
PNGS-04.png
User flow

I covered all the user flows which describes the flow each case of the application

* List of the flows i have covered 

1. Sign in with email

2. Gps Tracking Allowance

3. Time

4. Location

5. Change Timezone

6. Add Event

Calender_Userflow-01.png
Application .jpg
Low - Fidelity Wireframes:

Before going to the final design, I have made some sketches and interactive wireframes to give an idea of the same.

CamScanner%2004-30-2020%2015.34_edited.j
CamScanner%2004-30-2020%2015.34_edited.j
Splash.jpg
Login.jpg
Event.jpg
Add Event.jpg
Dashboard.jpg
Profile.jpg
Design System
The power of Home Page

Before going to the final design, I have made some sketches and interactive wireframes to give an idea of the same.

Current Location and country

Current Location Time

Tomorrow’s Event List

Bottom Navigation

Homepage

Filter Option to get a quick look for events 

Live location

Today’s Event list with showing the time and remaning time

Add Button to add events 

Visual Design
Splash – 1.jpg
Login – 1.jpg
Dashboard – 1.jpg
Dashboard – 3.jpg
Add Event – 1.jpg
Add Event – 2.jpg
Event – 1.jpg
Event – 2.jpg
Alarm Notification
Profile – 1.jpg
Design system