Unstruk: Neumorphic Logo and Lottie Background

Unstruk / Logo and background / 2021

A soft-shadow logo and a grid that loops.

My role: Logo animation, art direction and Lottie background animation

Delivered: A 4-second neumorphic logo animation (1920×1080), a looping 1920×1080 Lottie grid background at 60 fps with an HTML demo, and three in-context mockup renders

Tools: Illustrator, After Effects, Lottie (Bodymovin export)

The brief

Unstruk is a knowledge hub for geo-enabled businesses: customers upload video, imagery, shapefiles, documents, 3D models or point clouds to enrich and analyse their spatial data. The company hired me for two pieces at the same time, a logo animation and a Lottie background animation.

The build

For the background I built a grid of units in After Effects and tried line, connection-diagram and impossible-shape variations as Lottie exports before settling on a looping grid scene, exported with an HTML demo on November 2. For the logo I worked through logo experiments and a palette in Illustrator, then animated a neumorphic version, with the mark formed from soft extruded shapes lit by shadow and highlight. I also rendered three login-screen mockups to show the work in context, and finished the logo at version 4 in late November.

The delivered experience

The final logo render runs 4.3 seconds and is also on Vimeo as "Neumorphic Company Logo".

Client feedback

> Outstanding professional. Ilya delivered amazing work, ahead of schedule, clearly presented and I enjoyed working with him so much, I probably will never work with another motion artist again. Absolute dynamite deliverables.

— Charles Alexander, Unstruk

> Illya is a brilliant motion graphic artist with vasts amounts of knowledge and theory for art direction, logo aesthetics and is a pleasure to creatively brainstorm with. I plan to work with Illya again.

— Charles Alexander, Unstruk