Hummingbird.

PC software for professional security installers — one workspace for devices, diagnostics, firmware and configuration.

Role Product Designer
Platform Desktop
Stack Figma, Adobe, Lottie
Timeline 1.5 years, ongoing
PC software main workspace

A mobile-first installer tool, brought to desktop.

TL;DR A PC installer platform that streamlines device setup, software deployment and installer workflows.
Scope Product Designer. Concept, UX, design system, prototypes, developer handoff.
Stack Figma, Adobe, Lottie, design system, UX research.
Angle Installing software shouldn't require technical expertise. Remove friction and every deployment gets faster.
Problem statement

Nobody does this.

Problem framing

Research

01 Limited system visibility
Installers need quick access to device status and system information to identify issues faster.
02 Complex installation flows
Multiple configuration steps increase setup time and the risk of errors.
03 Field efficiency challenges
Installers need clear guidance and streamlined tools to complete jobs faster and with confidence.

Grid

Layout grid

System

Design system components

Solution: not your average PC security software.

Simplifying installation workflows Installation complexity goes beyond device setup — multiple steps, system checks and troubleshooting across platforms. We designed a unified experience with clear visibility across the whole system.
An additional layer of control Installers monitor system status, identify issues and manage configurations from one centralised platform — the tools they need without unnecessary complexity.
Complete installations with confidence With streamlined workflows and guided processes, installers spend less time searching for solutions and more time delivering reliable systems.
Solution sketch

Read this before starting the design

Typography Noto Sans Display Semi-Bold — table and configuration titles. Regular — content inside configuration selection. Medium — table content.
Table heights Main table — 32. Configuration tables (General, ZX10) — 36.
Top navigation Site list pinned top-left. Open site tabs with sub-tabs per selection (General, Areas, Users, Access, Scenarios). Arrows step between changes; Exit Without Saving and Save sit right and apply to the whole page.
Side menu Always visible on the left: Hardware, Firmware, Home, Access — plus connect and disconnect from the site.
Colours Black for buttons and primary actions; green for checkboxes and selection.
Variables and tokens Colour and string variables centralised design decisions — consistency, scalability, localisation and cross-team collaboration.

Collaborations

Collaboration artefacts

Design solution

Before and after the redesign Legacy software redesigned into a modern platform — usability, workflows, navigation and consistency.

Main screens

Main workspace
Configuration screen Screen inventory
Diagnostics screen A large-scale workload: features, design systems, prototypes and product improvements across several initiatives at once.

Work with AI

Figma Figma Make
Figma Make output
Claude Claude Code
Claude Code terminal session Claude Code session Generated screens

Conclusion

Overlay device view Overlay Device Direct configuration of deployment layers — applications mapped to devices, build versions and permission scopes.
Zones view Zones View Packages mapped across zones for quick comparison of versions, compliance and deployment drift.
Receiver view Receiver View How devices accept and apply payloads — distribution channels, scheduling logic and retries.
1.5 Work years
300+ Screens
7 Tools
3120 Work hours