UI/UX Case Study · Launched B2C Website + Print

Casa Likha Architects

RoleDesign & build — client work
ClientKurt A. Rodrigo, AIA, NCARB
LocationSan Jose, CA · 2025–2026

The public face of a boutique architecture firm — a five-page site that turns homeowners into clients, and a card system refined through the client's own redlines. Casa (Spanish: home) + Likha (Tagalog: to create); the name is the mission, and the firm needed a public face to match it.

Casa Likha Architects website shown on laptop and phone
01 · Client & brief

A home for "home + create"

The client: Kurt A. Rodrigo — Cal Poly Pomona B.Arch with high honors, Columbia MSAAD, licensed in California and New York, 15+ years across Bay Area, NYC and LA firms. The audience: B2C — homeowners planning bespoke homes, ADUs, and multi-generational remodels, plus small commercial and civic clients. The brief: credibility, clarity, conversion — explain an intimidating process, show the work, and make the first step feel easy.

Fenimore Road renovation — restored exterior walkway
Fenimore Road renovation — the caliber of work the site had to represent.
02 · Structure

Five pages, five jobs

Home

Set the tone in one scroll

About

The studio & the architect

Services

Demystify the process

Projects

Prove it with work

Contact

Make the ask easy

Every page funnels toward Contact — the only dark box in the row, on the site and in the nav.

Casa Likha homepage: charcoal nav over full-bleed interior photography
Above the fold: photography first — proof before pitch.
CLA lockup centered over project imagery on the homepage
The CLA lockup anchors each scroll break.
03 · Services

For a B2C client, process is the product

Homeowners fear the unknown more than the cost. Six numbered phase cards — Establish, Investigate, Develop, Document & Specify, Bidding, Construct & Install — turn a black box into a walkable path. One card pattern repeated six times: photo, numbered serif title, bold kicker, short body. The repetition itself communicates order and reliability, and each card's photo is the real artifact of its phase — trace paper, redlines, spec binders, framing.

The Architectural Process page introduction
The Architectural Process — the conversion engine.
Six numbered process phase cards with photographs
Six phases, one repeating card pattern.
04 · Projects, trust & conversion

A portfolio that admits it's growing

Place-named projects — San Jose I & II, Los Gatos, Campbell — read instantly to a local homeowner mapping the work onto their own lot. Serif titles sit over lightened renders, gallery-quiet, and honest coming-soon tiles promise momentum without faking finished work. The About page earns the ask with the studio's why and Kurt's credentials; the Contact form keeps it to three required fields and one promise.

Projects grid with live project tiles
Live: Mamaroneck · Empire · San Jose I.
About page: the studio and principal architect
About — person, not firm wall.
Contact page with a three-field project inquiry form
Contact — three fields, no interrogation.
05 · Print & iteration

The card, redlined like a drawing set

Kurt annotated the business-card proofs the way he'd redline a drawing — EQ centering marks, callouts, direct notes. Speaking the client's own notation made every round faster, and the final card is his brand in his language.

THE REVISIONS — FROM KURT'S MARKUP

  • Invert: green background, white logo
  • Center the mark (EQ)
  • All caps — drop the dots
  • One font size down
  • Keep the breathing room
Client markup proof with EQ centering marks
EQ marks, architect style.
Client markup notes on the card proof
Notes folded straight into the next round.
Final business card front: white CLA logo on sage green
Final front — sage field, white mark.
Final business card back: typographic contact details
Final back — typographic, quiet.

Shipped, live, and in his pocket — one identity from first click to first handshake.