Back Home

HomeFocus

Capture the heart of your home.

Role
Design + Engineering
Client
HomeFocus, MKE
Year
2024

Toolkit

Next.js 15StoryblokTailwindFramer MotionSwiperBrand
01
The problem

Most photographer sites look like every other photographer's site.

Real-estate photography is a crowded category in Milwaukee, and most studios run on the same three off-the-shelf SaaS templates — Squarespace, PhotoBiz, generic WordPress. The work on those pages is gorgeous; the sites are forgettable.

HomeFocus needed a brand and a site that read as a premium local studio at first glance — and that the team could actually update without calling a developer.

02
Approach

Brand-first, image-led, agent-friendly.

I built the identity around a viewfinder-frame mark and a single confident orange. The site itself stays out of the work's way: huge image grids, generous negative space, and a typographic hierarchy that lets the photography do the talking.

Every block — hero, gallery, pricing table, blog, FAQ — is a Storyblok component the team can rearrange and re-author in the visual editor. Mobile-first throughout, since most agents are browsing portfolios on a phone between showings.

01
Book
Inquiry → schedule
02
Shoot
Interior + drone
03
Edit
Sky + virtual stage
04
Deliver
24–48 hour turnaround
03
Built with

Stack & infrastructure

  • Next.js 15 App Router, deployed to Vercel with on-publish revalidation from Storyblok.
  • Storyblok as the headless CMS — visual editor for hero, gallery, pricing, blog, and FAQ blocks.
  • Tailwind for layout, with a custom token scale that keeps spacing consistent across breakpoints.
  • Framer Motion for hero entrances and gallery transitions; Swiper for touch-driven image carousels.
04
Outcome

Live and booking shoots.

HomeFocus ships at homefocusmke.com. The team books inquiries, publishes blog posts, and updates the gallery without engineering involvement — exactly the maintenance model the project was scoped to deliver.

Up Next

Punch

We build modern websites for growing brands.

Continue