Back to projects

Case study

OlbrichCo

A bilingual public portfolio that turns a long construction record into a clear, architectural and credible digital presence.

Status
Completed
Field
Corporate portfolio
Year
2026
Client
Olbrich Construction Company
Visit OlbrichCo
OlbrichCo

The OlbrichCo website presents the company, its construction record, and its project archive through a restrained bilingual experience. The design uses architectural scale, careful typography, and project-led storytelling to make a substantial body of work easier to explore. The archive spans residential complexes, hospitals, roads, bridges, education, utilities, commercial buildings, and marine infrastructure. The site turns that breadth into a navigable record with consistent project identities, localized descriptions, and photography that remains central to the story.

Capabilities

Bilingual company story

English and Persian routes preserve a shared visual system while adapting type, alignment, and reading order for each language.

Project-led architecture

A structured archive organizes work by project identity, location, sector, and delivery context.

Construction photography

Project images, aerial views, completed buildings, and site records carry the portfolio narrative.

Editorial service presentation

Construction, design, renovation, maintenance, consulting, and management are explained through focused service narratives.

Responsive project discovery

Large-format imagery scales down to a clear mobile reading experience without losing captions, navigation, or context.

Search and metadata foundation

Localized metadata, canonical routes, and structured project content give the archive a durable search footprint.

Product views

Rendered OlbrichCo homepage with architectural hero, company record, and project navigation
The live homepage establishes the company record, architectural tone, and a direct route into the documented project archive.
Rendered OlbrichCo projects archive with search, sector filters, and project cards
The project archive makes 39 documented works searchable by sector while preserving project imagery, client context, year, and scale.
Rendered OlbrichCo project detail with project narrative, facts, and image gallery
Each project detail connects the main image to delivery facts, client, duration, status, and a browsable visual record.

The operating challenge

A large archive without a coherent public record

Decades of work existed across mixed photographs, naming conventions, languages, and project types, making the company record difficult to browse or evaluate.

  • Inconsistent project naming and imagery
  • Weak bilingual continuity
  • Important work hidden inside an undifferentiated archive

Solution

A structured architectural portfolio

The archive is organized by project, with a restrained visual system that gives photography and delivery context room to lead.

  • Normalize project identities and localized content
  • Build reusable project and service templates
  • Protect image quality across desktop and mobile

Technology and delivery

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • i18next
  • Framer Motion

Where it works

  • Corporate communications
  • Construction portfolio
  • Business development