Circular Calendar

Mobile Application, Vision Pro, UI Design

The goal of this project was to design a non-traditional calendar app. The idea of a circular calendar was a collective idea at the Fruit Basket during my internship and it was completed in two phases, one is a mobile application and the other is a vision pro version of the same.

Phase 1: Understanding

Traditional Calendar

A traditional calendar with 30-day months is known as the 30-day month calendar. It is widely used everywhere in digital models and in print media as well.

Traditional Calendar is not linear

In the traditional calendar, there are separate months. Days go horizontally and then change the row downward and there is movement in two directions.

Why Circular Calendar?

Time runs in linear regression there is no break point in between so, there is a need to design a calendar which shows the continuation of the time, either you go forward or backward.

Circular Calendar

Circular Calendar represents the whole data in a single visualization and make analysis easy. It is like a rotating wheel which can go forward and backward by tapping.

Traditional Calendar Layout

Month layout of a traditional calendar.

Horizontal & Vertical movement of days.

Phase 2: Idea & Design

Time flow in one direction

From the moment we are born until our last breath, we are swept along by the relentless movement of time.

Initial Idea

Everything moves with time in one direction.

It is easy to show two infinite lines on the circle.

Mobile screen and the different calendar layer.

Overlapping mobile screen and calendar layers.

Different rings for year, month and day.

Rings can easily rotate forward and backward.

Wireframes

Start with the day

Week & events

Month view & events

Year at a glance

All Events

Years, swipe up & down

Prototype

Phase 3: Vision Pro Version

Vision Pro Version, Why??

A "Pro Version" of the calendar app typically offers advanced or additional features that may not be available in the standard version like multiple windows for different years, months and a day.

View more projects