Professional

E Learning (UI Concept)

Description:

This concept app is designed to help students discover and book online classes with ease. What makes it stand out is its unique visual representation — transforming booked classes into a calendar-like structure that builds over time. My role was to craft seamless animations that created a sense of continuity throughout the user journey. By morphing shared UI elements from one screen to the next, the transitions felt fluid and intentional. The goal was to maintain context while guiding users forward — making the experience intuitive, smooth, and visually connected.

Responsible for

Animation

Animation

Collaborators

UI Design

UI Design

UI Design

UI Design

Visual highlights

Brief

The brief focused on making the user journey feel connected — where one action naturally leads to the next. Since the app’s concept visualized classes as a dynamic calendar, I was asked to animate the transitions in a way that reinforced that idea. I used shared elements that morph across screens to create visual continuity — like buttons turning into calendar blocks, or cards expanding into detailed views. The animation had to feel organic, informative, and effortless — helping users stay oriented while navigating.

Mapped keywords

Seamless

Morphing

Contextual

Fluid

Seamless

Morphing

Contextual

Fluid

Tools used

Collabration begins with hello

hello@jaabir.tv

hello@jaabir.tv

Collabration begins with hello

hello@jaabir.tv

hello@jaabir.tv