---
title: "Case Study: Caselle"
date: 2026-05-22T12:20:00-05:00
author: Maddy Austin
canonical_url: "https://dev.breakout.studio/work/caselle"
section: Case Studies
---
# Case Study: Caselle

 [Technology](https://dev.breakout.studio/work?industry=technology#projects) 

Caselle is a one-stop accounting and utility billing platform designed to improve the workflows of real people in local government. With a software launch and tradeshow on the horizon, they needed a sharper brand presence, online and in-person.

 

 

- Brand Strategy
- Writing
- Web Design
- Visual Identity
- Marketing Collateral
- Animation
- Event Support
 
 

 

  ![Caselle Hero](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%27738%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

 Among customers, Caselle is known for up-to-date software and helpful, personable support, but their outdated website wasn’t offering the same clarity and function. We designed a new user-friendly website that upholds the brand’s reputation.

We refined and unified Caselle’s full brand toolkit, ensuring the look and feel matches their ​“Main Street” voice without underselling the sophistication of their software.

Our designers dialed up the brand’s logo with more vibrant colors, refreshed logotype, defined new photo styles and treatments, built an extensive illustration and icon library, and developed a secondary color palette for greater flexibility and depth.

Building on that foundation, we extended the brand’s polished identity across a full suite of attention-grabbing tradeshow assets.

 

 ![Caselle Logo Stickers](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271464%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

 

 ##  Identity 

 

  ![Caselle Colors](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271092%27%20height%3D%27828%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

  

 

 

 

 

  ![Caselle Logo Process Before After](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271800%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

  ![Caselle Illustration Detail 1](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%274800%27%20height%3D%271200%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

  ![Caselle Guidelines Sample](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271264%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

 ##  Website 

 

  ![Caselle Homepage Brick](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271186%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

   

 

 

 

  ![Caselle Web Samples](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271795%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

  ![Caselle Imagery](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%27720%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

  ![Caselle Mobile](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271016%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

 ##  Collateral 

 

  ![Caselle Business Card](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271335%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

  ![Caselle Collateral](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271032%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

  ![Caselle Postcards](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271203%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

 ##  Event support 

 

  ![Caselle 10x20](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%27714%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

  ![Caselle 6ft Banners](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271467%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 ![Caselle 8x10](data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271920%27%20height%3D%271467%27%20style%3D%27background%3Atransparent%27%2F%3E) 

 

 

 

  [ Back to Work        ](/work) 

 [ Next Project        ](https://dev.breakout.studio/work/x-games)