Client: Behr Construction
​
Project Type: Full website rebuild, brand refresh, photo restoration, original photography, and SEO for a general contractor celebrating 50 years in business.
​
Role: Solo project covering brand strategy, art direction, web design and development, photography, photo restoration, copywriting, SEO, and launch. I worked directly with Behr's leadership and office team.
Programs Used: Wix Studio (design and development), Adobe Lightroom (photo retouching and upscaling), Adobe Illustrator (logo lockups, vector restoration, and mood / exploration boards for imagery, type, and color), Figma (site mapping), Google Drive (photo sharing with the client, the strategy presentation, and project notes), Notion (time tracking and work logs), HostGator (domain and email configuration), and Claude (custom code).
Deliverables: A 31-page responsive website, brand discovery questionnaire, visibility strategy presentation, typography system, color palette, and restored vector logo with a horizontal lockup. Photography included 2 GB of restored archival images, Altadena fire rebuilds, and full team portraits. Anniversary collateral included magazine ads, charity logos, and an Oso Libre Winery and Behr collaboration wine label.
The site launched at behrconstruction.com in October 2026 for Behr's 50th anniversary party.
Credits aND Role
client background
Behr Construction is a custom home builder and remodeling firm based in La Cañada Flintridge, California. Since 1976, the firm has worked on more than 4,000 project sites across Southern California, from new custom homes in Malibu and Beverly Hills to restorations of historic homes. Behr has been named a Top 500 Remodeler in the United States every year since 1996. In January 2026, the La Cañada Flintridge Chamber of Commerce recognized the firm for 50 years in business. Since the Eaton Fire, Behr has been rebuilding homes in Altadena.
Project Brief
A complete, modern website rebuild for a firm built on the promise "Building the Future, Restoring the Past," and on the belief that every client is a branch on a tree nurtured from the roots. The site needed to sell the dream to homeowners through beautifully finished work while honoring the family-like crew behind it. It also had to restore decades of projects and serve families rebuilding after the Eaton Fire.
Problem and Opportunity
Behr builds beautiful homes across Southern California, some valued at over $10 million, but its website hid the very thing the business exists to do. Built on WordPress in 2014, it relied on small, dated photos, some nearly 20 years old and many taken on phones. Every page opened on a stock texture, like wood planks or cobblestones, instead of Behr's own work. A firm defined by what it builds never showed what it built. The site also failed to connect the two sides of the brand: the hands-on craft of a crew with decades at the firm, and the refined, high-end homes that craft produces. There were also many broken links, inconsistencies, and misspells that were quietly costing trust.
​
Then the Eaton Fire raised the stakes. Altadena families were about to choose who would rebuild their homes, and they would search online first.
​
The logo added a final challenge. Behr's 50-year-old mark is a detailed illustration inside a tilted shield, and leadership wanted it kept exactly as is. At the size of a navigation bar, the shield blurred into a crimson shape. The question became how to make a logo that couldn't change work in places it was never designed for.
Solution and Rationale
The project started where Behr starts every job: with the people. In discovery, leadership described the firm as trustworthy, reliable, and known for incredible quality, which gave the redesign two jobs: show the work at the scale it deserves, and show the people behind it.
​
Strategy: A site audit and competitive benchmark revealed the core problem: Behr's projects looked worse online than in person. The goal became elevating what the firm already had.
​
Structure: The homepage opens on a full-bleed slideshow of Behr's homes. The portfolio now splits two ways, View by Residence and View by Space, and a working inquiry form replaces the dead contact button.
​
Photography: I restored hundreds of archival photos in Lightroom and shot new work, including Altadena fire rebuilds, plus new portraits of the entire team. The luxury result and the crew behind it finally read as one story.
​
Fire Rebuild: In development, this page will move from fire damage footage to drone footage of the rebuilt neighborhood, paired with homeowner testimonials.
​
Copy and motion: The voice is plain and confident, anchored by "Building The Future, Restoring The Past." Text rises and images build up in blocks, like a house going up from its foundation.
​
Launch: Every page has full SEO. I transferred the site to Behr's Wix account and connected the domain without interrupting company email.
THE FINAL DESIGN SYSTEM
Type: I tested three directions against Behr's Eurostile Extended wordmark: a warm modern sans, a heritage serif, and Eurostile throughout. DM Sans won. It's clean and architectural, and it matches the qualities leadership chose in discovery: organized, professional, and welcoming. It also sits beside the wide wordmark without competing, so the logo holds the character and the type carries the voice.
​
Color: I tested deeper shades and blue and green accents before returning to Behr's original crimson, now an accent against white with a deep charcoal from the old site for contrast. The restraint lets the photography lead.
​
Logo: I restored the original artwork as clean vectors, then lifted the wordmark and bear out of the tilted shield into a horizontal lockup that works in the navigation bar and on mobile. Nothing was redesigned. Leadership kept the logo they've relied on for 50 years, and it now works at every size.
​
Responsive: Every page was designed and tested across desktop, laptop, tablet, and phone.
the final WEBSITE REDESIGN: KEY PAGES, BEFORE AND AFTER
BEFORE: HOME PAGE, hero section
A translucent shield dominated the screen, washed into a wood-grain backdrop while the homes themselves went unseen. An off-center menu and dated styling undersold fifty years of craftsmanship.
AFTER: HOME PAGE, hero section
The homes take center stage. A full-width slideshow cycles through Behr's finest work, featuring a warm craftsman interior of hand-finished woodwork and glowing stained glass, beneath a crisp wordmark and balanced navigation.
BEFORE: HOMe INTRO AND PROJECTS
A mismatched company name, a typo, and the same two homes repeated across sections. Small, evenly weighted images left the team and the work competing for attention.
after: HOMe INTRO AND PROJECTS
A confident headline introduces fifty years of craftsmanship beside a full-size portrait of the Behr team. Warm, direct copy and a crimson call to action invite the client in.
after: HOMe INTRO AND PROJECTS
A clean four-project grid gives each home room to breathe, with a crimson CTA leading to the full portfolio. Below, a service-area band names every community Behr serves.
BEFORE: HOMe, TESTIMONIALS
With no logo in the header, the site lost its identity as soon as visitors scrolled. The fifty-year milestone sat inside a heavy crimson block, and a single lengthy testimonial carried five decades of clients in one hard-to-scan paragraph.
AFTER: HOMe, TESTIMONIALS
A preview of three client voices on clean white cards, each marked with a crimson quotation mark, invites visitors deeper. Alongside the main navigation, its call to action offers a second path to the full testimonials page, while the wood grain returns as a quiet nod to the original site.
AFTER: HOMe, CERTIFICATE
A clean four-project grid gives each home room to breathe, with a crimson CTA leading to the full portfolio. Below, a service-area band names every community Behr serves.
BEFORE: PROJECTS PAGE
Every project lived in one undivided grid, mixing bathrooms, kitchens, and exteriors with no clear order. Uneven card heights broke the layout, and repeated "Remodel" labels told visitors little about the work.
AFTER: PROJECTS PAGE
The portfolio now opens on a simple choice: view by residence or view by space. Two large, professionally photographed entry points let clients explore Behr's work the way they think about their own homes.
AFTER: spaces PAGE
The spaces page opens with a clean grid where user's can browse by room or space. Upon selection the user will browse a similar grid within each section.
BEFORE: SERVICES PAGE
An oversized stock tile hero pushed the actual services far below the fold, with the same tagline repeated before any real content appeared. Visitors had to scroll past decoration and generic clip-art icons just to learn what Behr offers.
AFTER: SERVICES PAGE
The services now appear the moment the page loads. Real home photography anchors the left side, while expandable accordion sections on the right let visitors open only what's relevant to their project.
BEFORE: ABOUT PAGE
Team members were stacked one per row, so meeting everyone meant a long scroll. Unedited phone snapshots, taken through glass with harsh reflections, flat lighting, and awkward crops, did little to flatter the people behind fifty years of work.
AFTER: ABOUT PAGE
The whole team now appears side by side in a single row. New professionally lit and edited headshots on a consistent neutral backdrop give every member equal presence, putting confident, approachable faces to the Behr name.
Impact and Personal Statement
As the sole designer, photographer, and developer, I rebuilt Behr’s online presence from a 2014 WordPress site into a 31-page responsive platform, built on hundreds of restored photographs spanning 20 years of the firm’s work and launched in time for its 50th anniversary. The owner’s verdict: “It looks incredible.”
​
Owning every discipline meant nothing got lost between handoffs. The project’s constraints, a 50-year-old logo that couldn’t change and an archive of aging photographs, became the raw material instead of the obstacle.
​
Behr has spent 50 years restoring homes without erasing their character. I approached the site the same way: keep what makes it Behr, rebuild everything around it.
NEXT PROJECT
