Brand & web redesign for an enterprise security firm.
CONTEXT
Okos is a Calgary-based deployment partner for enterprise security. They manage the full lifecycle of complex security installations for integrators working with platforms like Rhombus, Swiftlane, and Convirgint — design, installation, compliance, and close-out, all through a proprietary app.
The previous site was a Weebly template. It didn't reflect the operational rigor of the company underneath it, or the sophistication of the clients they were targeting.
Integrators and manufacturers represent 80% of Okos revenue, but the previous site was written for end-user enterprises. The copy was rewritten to speak directly to integrators, with enterprise clients addressed as a secondary audience.
Before / after.
THE DESIGN APPROACH
Rather than designing a marketing site that sat separately from the product, the redesign borrowed UI elements directly from the Okos platform and extended them onto the marketing surface. The website and the app read as one system.
Information architecture, component library, and copy were rebuilt from scratch. Palette: teal on dark navy. The dark ground communicates the operational weight of the work without leaning into surveillance aesthetics.
The goal was coherence across touchpoints — a prospective client who saw the site and then opened the app should feel like they'd stepped further inside the same world, not switched products.
Every component on the marketing site has a direct counterpart in the product UI — the card styles, the status indicators, the type scale. The seam between product and marketing was the design problem.
Homepage. Component language pulled directly from the Okos platform UI.
Deployment portfolio — completed projects across commercial, industrial, and public facilities across North America.
Solutions — Engineering & Design and Deployment & Installation service pages.
BRAND
The logotype is set in a geometric mono typeface — deliberately chosen to align with the product UI's own type stack, so the brand and the tool feel like they come from the same system. No decorative marks. The wordmark carries the weight.
The palette anchors on deep navy as the primary surface, with intelligent teal as the action and accent colour. Light grey handles all secondary UI. The combination reads as technical without leaning into surveillance aesthetics — which was the brief.
SYSTEMS BUILT
Alongside the web build, an internal AI tool was developed to support the Okos team's workflow — reducing manual overhead on the parts of the job that didn't need to be manual.
OKOS PROPOSAL GENERATOR
A technical proposal generator built for the Okos sales and deployment workflow. Takes a bill of materials and scope of work document provided by the design team, and produces a formatted technical proposal for each job at the click of a button. Uses the Gemini API to generate system architecture overviews from the input documents, with custom scripts handling document parsing and output formatting.
Previously a manual process — reading through BOM and SOW files and rebuilding the narrative from scratch for each job. The tool collapses that into a single step, with consistent output structure and an AI-generated architecture section that would otherwise take an hour to write.
