Colony Logic: The Whole Package
Creative direction and UX/UI for a Los Angeles mobile SaaS startup. A brand system, five product interfaces, a website, a campaign and a video in one year.
Overview
Colony Logic had no brand, five products in flight and one year. I treated brand identity and product interfaces as a single system rather than sequential projects, so the logos, the style guidelines and five product UIs were all designed in the same conversation. It took four Hermes Creative Awards in 2015: Best Branding Initiative, Best UI Design, Best Explainer Video and Best Responsive Website Design.
Context & Constraints
Colony Logic was an early-stage mobile SaaS startup in Los Angeles with no brand, several products in flight and a tight timeline. The company needed brand identity, UX strategy across the product suite, polished UI and an award-caliber marketing campaign, all at once rather than in sequence.
The product suite alone was a year of work: the core CLX SaaS platform, the FlightPath reporting dashboard, the Swarm sales tool, the Harvest logistics app and the Honeycomb data integration product. Each had to feel like a sibling of the others.
My Role
As Creative Director I owned the whole visual system for Colony Logic: the parent brand, the CLX platform and the four products built on it, the website, the launch campaign and the explainer film. The call that made it work was running brand and product UI as one conversation rather than two projects, so every interface decision fed the brand language and the brand language fed the next interface.
I ran the whiteboard brand exploration and the style guide, then built the personas, user flows, site maps, storyboards and wireframes on the product side. I worked most closely with the COO, and with the creative partners who produced the campaign film, through bi-weekly scrums on JIRA.
How I Approached It
The engagement started with high-level creative and marketing planning with stakeholders, then whiteboard brand exploration and style-guide work: the logo system, the palette and the voice that every product would inherit. Bi-weekly scrums tracked on JIRA kept brand and product work moving in parallel.
On the product side I validated requirements first, then built personas, user flows, site maps, storyboards and wireframes before moving into visual design. Video production ran alongside, because the explainer film had to tell the same story the five product interfaces did.
Key Decisions & Trade-offs
The defining decision was treating brand and product UI as one system rather than sequential projects. Every interface decision fed the brand language and vice versa, which is why five products launched feeling like one family.
The other bet was investing in a high-quality explainer video and campaign materials alongside the product work, even under timeline pressure. That was polish a pure product schedule would have cut.
Results
In one year Colony Logic went from no brand to a complete visual system: logos, style guidelines, the FlightPath reporting dashboard, Swarm sales tool, Harvest logistics app, Honeycomb data integration, website and marketing assets. It won Best Branding Initiative, Best UI Design for the CLX SaaS Platform, Best Explainer Video and Best Responsive Website Design at the 2015 Hermes Creative Awards.
I had the pleasure of working with Michael for several years at Colony Logic, where he led our brand redesign and launch as well as our product UI and UX. He often collaborated with creative partners to concept and create innovative and big marketing ideas, produced layouts to communicate initial ideas and then followed through to deliver flawless executions. He took complex concepts and products and brought them to life, simply and beautifully, utilizing a variety of internal and external resources.
Reflection
Keeping brand and product design in the same conversation produced coherence that pure product work often misses. Four Hermes awards confirmed the bet on running brand and product in one conversation.
The work, in the world
Photography from the launch campaign: the suite on a desk, the campaign in print, the film in someone's hand.
Company and product logos
One family of marks: the parent company, the platform they run on and the four products that sit inside it.
The platform
CLX and the products built on it, plus the mobile hybrid integration platform book that explained how the pieces fit together.