Clarity through motion

Working as a UX Designer at Febo Health, one of the constant added values was the need for a dynamic interface to reduce the app's perceived loading time.

This led me to create a few animations to reduce the perceived loading time, explain features and indicate status.

Animated Febo logo

Splash Screen

The previous splash screen relied on a static brand asset and offered no interaction or motion cues during app initialization. This resulted in a passive, non-informative entry state.

I redesigned the splash screen experience by adding an animated logo sequence, transition effects, and secondary micro-animations to create visual continuity and responsiveness.

These enhancements increased the perceived polish and emotional engagement at the start of the session, contributing to a more immersive first-touch experience and improving the overall quality of the user experience.

Onboarding Screens

A few new interactions were introduced in the Febos redesign. The app evolved from a medical content app to a comprehensive health management tool.

The goal was to clarify each tool and navigation. I created a few Lottie animations to explain the capabilities of the different sections.

After adding these animations to the carousel, error rates dropped by 20%, retention rates remained stable, and successful health log interactions increased.

1/3: Scroll through dashboard
2/3: Log your symptoms
3/3: Checking medical content

Loading…

Skeleton Loading

As new features were introduced, maintaining perceived and actual performance became critical. Initial load times increased by several seconds due to backend constraints, which created a risk of early session drop-off.

To mitigate this issue, I prioritized reducing perceived latency over reducing raw load time. I designed a skeleton grid loader that resembled the dashboard layout to provide immediate visual feedback and set accurate content expectations during loading.

This addition reduced splash-screen abandonment and led to measurable gains in post-load funnel engagement and overall churn reduction.

Not found

When content was removed from the system, users were presented with empty states consisting of text only, which provided little contextual feedback.

I introduced a lightweight tumbleweed animation to visually communicate "content not found" scenarios and transform system gaps into intentional empty states.

This improved clarity of error states and user sentiment by reframing unexpected results as playful, low-friction moments. It reduced confusion and softened the impact of missing data.

Content not found