top of page

FPIB

FPIB (Fire Protection Industry Board) asked us to design a digital licensing app and field data collection app.

Key Skills

Skills gained from this project

Atomic Design

Making complex components with variables and editable properties

Screen Handover

Making screen mockups presentable for client and dev handover

Animation

Creating a loading animation with their logo

Creating Atomic Components

Atomic Components in Figma involve creating components within components and so on, allowing for complex customisation and functionality.

image_2025-05-14_002917176.png

Converting Wireframes to Screens

When converting wireframes to screens, it was important to comply to the style guide. These screens are then presented to the client for approval.

Wireframe.png

Animation

A loading animation was required in between screens. Different iterations were made of the animation in Adobe AfterEffects.

FPIBAnimation_Blue.gif
Load-1.png
Load.png
bottom of page