andrew builds things
← Back to work

Software / SaaS

Workio

A complete brand system for a productivity SaaS — from blank page to documented identity.

Brand StrategyLogo DesignTypographyWeb DesignIllustrationBrand Guidelines
Early Workio logo concept — the 'wio' mark in development
Custom Workio illustration — person with laptop
Final Workio wordmark in signature blue #0099e8
Workio W icon mark
Workio web page design at 1920px
Workio secondary web page layout

Workio needed a brand that could hold its own in the productivity software space — confident, clean, and scalable. I built it from the ground up: strategy, logo, colour, typography, illustration, and web design, all documented in a set of brand guidelines that the team could hand to any designer and get consistent results.

The brief was to create something that felt professional and considered — not startup-scrappy, not corporate-stiff. The name 'Workio' suggested energy and forward motion, so the visual identity needed to match: a bold geometric wordmark, a standalone 'W' mark that worked as an app icon and favicon, a signature blue (#0099e8) that owned the space.

I explored several directions — including a warmer peach-and-red palette that was deliberately ruled out — before locking the system. That iteration discipline matters: knowing what you're not is as important as knowing what you are.

Beyond the logo, I designed the full web layout at 1920px, developed a custom illustration set of 15+ pieces, and selected a typeface pairing — Azo Sans and Adelle — that balanced the technical and the human. Everything was packaged into brand guidelines thorough enough to brief a developer, a print supplier, or a new agency without losing fidelity.