The Diary Game: (17/07/2026) Day 1 - How I Was Able to Improve My Learning Today: My UI Animation Workflow

Hello my fellow Steemians. I’m @Abujamal.
Today I combined discipline, learning, and creativity. Here’s how my day went, from morning routine to completing my first UI animation.

My Morning Routine
My day began at 5:00 AM with Azkar and Fajr prayer at the mosque. After returning home, I assisted my wife in preparing the children for school while she made breakfast. By 9:00 AM, the house was calm. That’s when I dedicated time to my skill development.

UI Design Animation in Alight Motion I’m currently learning motion graphics. Today I focused on UI design animation. I researched ideas online, then translated one into a simple 3-screen UI concept.

Here are my process:

Every design starts with intent on paper, I sketched the first frame.
Including navigation cues like “X” and “Next” helped me plan user flow early.
From pencil lines to purpose, a clear plan makes progress.

In Alight Motion,
I chose a bold yellow background for visibility and energy.
Starting at with a clean timeline allowed me to build with precision.
Structure first, then style.

I recreated the wireframe digitally.
Typography was refined, alignment corrected, and visual hierarchy improved.
It took about 2 hours of practice to animate the text and visuals, but seeing the paper idea come alive made it worthwhile.

How I summarized my workflow:

1. Sketching out my idea
2. Bringing my idea to motion app
3. Adding motion