A motion and visual system for the updated TAMM app, focused on animated brand surfaces and complex homepage card interactions.
01 · Splash Screen
The updated splash screen introduced a new visual chapter for TAMM, shaped around an abstract falcon-wing form that connects national character with AI-powered product intelligence. I built the wing texture in 3D, rendered it in Cinema 4D, and developed dark and light mode versions for the app's first moment.
02 · Visual System
The same visual direction carried into homepage backgrounds and the live website banner, turning the splash-screen texture into a broader UI atmosphere. The goal was to make the updated app feel premium and recognizable while keeping the surfaces quiet enough for service content.
03 · Interaction
The action-card system added a more responsive layer to the homepage. Motion specs and prototype logic defined how the greeting, header background, stacked cards, and bottom sheet respond together, giving development a clear model for a complex interaction that still feels simple to use.
Splash screen visual design and animation
The new action-card system was inspired by the clarity and depth of iOS notification motion, but had to respond to a much more complex product environment. The greeting text, header background, action-card stack, and bottom sheet all changed based on where the user tapped, dragged, or scrolled. To make the 3D card illusion feel precise, I worked closely with development through multiple sessions, sharing motion references, behavior formulas, and prototype logic that defined how each layer should react to bottom-sheet movement.
Tags
Interaction System
A refreshed TAMM UI direction combining animated brand surfaces, splash-screen motion, and a complex homepage action-card system. The work connected visual design, interaction behavior, and development-ready motion logic so the updated app could feel richer without losing product clarity.
Omar Mokhtar · Portfolio