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.

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.

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


