New: the $2,500 CRM System→
← All case studies

S&A Industries · Web Design · Build 15

Design in progress

Hotel renovation credibility, told in photography.

A full redesign for hotel & resort renovation specialists whose buyers are the biggest names in hospitality. Editorial serif type over full-bleed photography, a brand trust wall in the first scroll, a light and a midnight theme, and a portfolio built to close. The design is in progress.

5.

Major hospitality brands on the trust wall — first scroll

2.

Themes — cream by day, midnight by night, following the visitor's device

1.

Conversion goal: the renovation inquiry

The brief

The buyer's first question is 'who have you worked with?' The second is 'show me.'.

The problem

In hospitality renovation, the buyer's first question is 'who have you worked with?' and the second is 'show me.' A text-heavy site answers neither — and heavy unoptimized photography answers them too slowly to matter.

The solution

A full redesign in progress: editorial serif type over full-bleed photography, a hospitality trust wall directly under the hero, fast self-hosted imagery, two themes, and a portfolio built for how these deals actually move — shared from a phone in a hallway, browsed properly later at a desk.

01 · The homepage

Finished spaces fill the viewport.

A slow slideshow of renovated lobbies, suites and resorts behind one serif line — 'Where great hotels are reborn.' — with the crest, the phone number and one Enquire button. Motion is restrained: it never hijacks the scroll.

  • Full-bleed photography
  • Editorial serif headline
  • One clear action: Enquire
Real screen · the actual build

S&A Industries — redesign · home

S&A Industries redesign homepage — 'Where great hotels are reborn.' in serif type over a renovated hotel lounge

02 · The trust wall

The names on the door, right under the hero.

Marriott, Hilton, IHG and Hyatt answer 'who have you worked with?' before the visitor has to ask — in the first scroll, not buried on an about page.

  • Trust wall in the first scroll
  • Brand standards in the buyer's words
  • Both questions answered at once
Real screen · the actual build

S&A Industries — redesign · chosen by

S&A Industries redesign — 'The names on the door trust us behind it.' with Marriott, Hilton and IHG logos

03 · Two themes

Cream by day, midnight by night.

The site follows the visitor's device — a warm cream light theme and a deep midnight dark theme — and remembers the choice if they flip it.

  • Light and dark, designed separately
  • Follows the device
  • Remembers the visitor's pick
Real screen · the actual build

S&A Industries — redesign · light theme

S&A Industries redesign in the cream light theme — mission statement and 40+ years, 100s of projects, 3 markets

04 · The portfolio

A page per property, coast to coast.

Projects across the continental U.S., Hawaii and the Caribbean, each with its own page — shareable from a phone in a hallway, browsable properly at a desk. Every photo self-hosted as WebP in three sizes.

  • A page per project
  • Hallway-shareable
  • WebP in three sizes, from a CDN
Real screen · the actual build

S&A Industries — redesign · portfolio

S&A Industries redesign portfolio page — 'Five-star work, coast to coast.' over an aerial resort photo

05 · Careers

Hiring pages that look like the company.

Open roles get the same editorial treatment as the work — the team on the stairs, the role in serif, the details in a clean card — with an application form behind them.

  • Careers and culture pages
  • Role pages from one template
  • Application form
Real screen · the actual build

S&A Industries — redesign · careers

S&A Industries redesign careers page — Procurement Assistant role over a team photo

06 · On a phone

Because the first share happens on a phone.

The mobile build keeps the photography, the serif and the Enquire button intact at thumb size — the version most buyers actually see first.

  • Mobile-first
  • Thumb-sized actions
  • Fast on cellular
Real screen · the actual build
S&A Industries redesign on a phone — serif hero and Explore the portfolio button

S&A Industries — redesign · mobile

The outcome

A site that closes the credibility gap before a single paragraph is read. Design in progress.

Custom designTailwind v4 themeStatic page generatorSelf-hosted WebP imageryGSAP motionVercel CDN
01

A site that closes the credibility gap before a single paragraph is read. The design is in progress — what's shown here is the current build.

Want a system like this one?

A 30-minute call to map what you have to what you need. Fixed-fee where the scope is known, $100/hr beyond it, and everything documented so your team runs it without me.

Demos are illustrative recreations; company names withheld out of respect for client privacy.

Next case study — RevEnvy

A B2B growth agency's site, rebuilt to look like the results it sells.

→