A city's history, told one horizon at a time.
We designed and built a 16-scene interactive history experience that connects the Kern River, Native homelands, settlement, agriculture, oil, migration, earthquakes, country music, and the modern city in one continuous visual journey.
Move through the story, not down a list of dates.
The timeline begins with place. A 1901 bird's-eye map establishes the Kern River, the street grid, the fields, and the city before the experience moves across sixteen connected chapters.
History has depth. Web pages tend to flatten it.
Bakersfield's story spans the river and Native homelands, mining, rail, agriculture, oil, migration, segregation, disaster, music, and rapid urban growth. A conventional timeline could hold the facts, but it would lose the feeling of moving across a landscape shaped by all of them.
The design challenge was to preserve chronology without making every era look or feel the same. The experience also had to keep archival images, captions, credits, and supporting context understandable on both a wide desktop and a narrow phone.
One continuous timeline. Sixteen distinct chapters.
Each chapter pairs a concise historical idea with photography, maps, dates, and optional deeper context. The interface creates a steady forward rhythm while allowing the visual character of each era to change.
Let every era change the atmosphere. Keep the system intact.
Warm maps, stark documentary photography, muted civic color, and period-specific imagery change the mood as the timeline advances. The typography, progress rail, navigation, and content frame stay consistent, so the history can shift without the interface becoming unfamiliar.
The horizon becomes a reading path.
Desktop uses sideways movement to make the timeline feel spatial. Mobile does not squeeze that canvas. It reorganizes the same material into a vertical sequence, keeps image controls reachable, and gives the story room to breathe.
Built to support the story behind the story.
The finished experience separates scene copy, dates, image labels, alternate text, credits, source notes, and responsive image variants from the interface. That structure makes the narrative easier to review, revise, and extend without rebuilding the presentation layer.
Fifty-three optimized production images carry the visual history, while higher-resolution source material and provenance remain outside the deployable website. The result is a lighter public experience with a cleaner editorial boundary.
The goal was not to archive the city. It was to make its history feel traversable.
Brendan Collins
Brendan led the experience strategy, content architecture, art direction, UX/UI design, responsive design, and front-end implementation for Bakersfield History.
The work focused on turning a large body of civic history into one clear narrative system while preserving the texture, tension, and visual character of each era.
Have a long story people should be able to feel?
Start a project ↗
Bakersfield City
A resident-first civic front door built around the tasks people bring to it.
CRC
Two connected business stories organized into one clear corporate platform.
Chain | Cohn | Clark
A bilingual, local-first legal website built around trust, history, and proof.
Turn a long story into an experience people remember.
Tell us what needs to be understood, preserved, and felt. We will design the right path through it.