CAFU MObile APP - ux ANimations

Project Objectives

To improve the communication of the on demand fuel delivery with animated order tracking content.

My Role

As a UX animator I created the visual style, illustrations and animations for the order tracking screens, to improve the communication between the user and the service.

Tools

Procreate (Ipad pro) - Sketches
Adobe Illustrator - Vector design
Adobe After effects - Animation
Bodymovin AF plugin to create JSON files.

DESIGN PROCESS

I created a graphic representation of the company vehicles, personnel and key process steps through iterative design workflow including sketches, vector illustrations and animations.

Sketching

Colouring

References

Constraints: Deciding on the consumer vehicle style took longer than anticipated, therefore for the app launch, we needed to adjust our plan, and implement a simpler solution to represent the consumer vehicle.