← Back to home

Civic Brand

Motion System Design· 2025Motion systemBrand animationWeb + social

Gallery

MAT-SU (Alaska)
Mt. Hood Territory
Pine County (Minnesota)
High Point (NC)
CivicBrand Book
Eyes on the Street (Podcast)

Motion & Logo Highlights

Click a project to read the motion concept and rationale. The grid above shows the loops.

MAT-SU (Alaska)
Destination + civic pride system (Mat-Su Made, Mat-Su Grown, etc.)
  • Animated the flexible badge system as if patches or stickers layer onto the core logo mark.
  • Reinforces the idea of many local identities joining into a unified whole.
Mt. Hood Territory
Responsive logo system, seasonal strategy
  • Used scaling and transformation to show the logo responding to different states and sizes.
  • Subtle layout shifts echo the responsive identity without over-animating it.
Pine County (Minnesota)
Comprehensive place brand system
  • Animated a zoom from Minnesota → Pine County → pine tree → final logo mark.
  • The final “P” silhouette with a pine tree inside feels earned by the journey.
  • Makes place, nature, and letterform intuitive in seconds.
High Point (NC)
Creativity lives in everyone; what’s created here changes the world
  • Leaned into the line-and-dot system with dynamic shape animation.
  • Dots and lines connect, expand, and radiate to visualize creativity spreading.
CivicBrand Book
A book about city-building, tourism, and community engagement
  • Animated tangram-like forms morphing into different configurations on a loop.
  • Playful but structured, echoing the idea of rearranging pieces of a city or brand.
Eyes on the Street (Podcast)
Conversations on community branding and public engagement
  • Streetlights flicker on with silhouettes moving in the background.
  • Title flicker matches the nighttime streetlight vibe.
  • Hints at real people, real streets, and real conversations.

Overview

Civic Brand had a strong branding portfolio but needed motion that felt intentional. I designed a shared motion system that could scale across six distinct identities while staying grounded in each brand’s strategy.

Role

  • Motion designer for Civic Brand’s brand portfolio
  • System-level motion direction across multiple identities
  • Animation design and delivery for web/social-friendly loops

Process / Approach

  • Defined a shared motion system to keep six projects cohesive.
  • Mapped motion concepts to each brand’s strategy rather than using generic transitions.
  • Designed for real-world constraints: short loops, fast-loading assets.
  • Ensure consistent exports and easy reuse across CivicBrand surfaces

Result

Delivered a cohesive suite of six logo animations aligned to each brand's story and usable across case study pages, social posts, and presentations. The system approach made the work scalable and reuseable for future projects.

Project
Civic Brand
Client
Civic Brand
Platform
Web case studies, social, presentations
Highlights
  • 6 logo animations delivered as a reusable system
  • Optimized for short loops and fast web use
  • Strategy-led motion concepts per place brand