Back to work

Peoples Capital Group

Peoples Capital Group helps accredited and institutional investors access multifamily real-estate opportunities in New Jersey. I revamped their entire website (the structure, the design system, every page for desktop and phone) and built it too. It is live at peoplescapitalgroup.com.

Overview

Type
Marketing website · Real estate investment
Client
Peoples Capital Group
Role
Design and development, AI-assisted
Stack
Astro, React, Tailwind, Cloudflare
Year
2026
Live
peoplescapitalgroup.com

At a glance

Challenge

Investors act on trust, not on a sales page. The site had to show a decade of results, the founders behind every deal and a clear way to check eligibility, on every page and every phone, without feeling pushy.

Peoples Capital Group

Designed.
Built. Live.

Peoples Capital Group home page on a phone
Live site
Peoples Capital Group home page on desktop
1.1Home · desktop
Peoples Capital Group home page on a phone
1.2Home · phone
Recent deals on a phone
1.3Deals · phone

How it was built

PCG

Peoples Capital Group · Website · 2026

Trust first, then the call.

A real-estate investment firm’s whole website, revamped: show the track record, put the founders up front, and make checking eligibility the obvious next step.

  • RoleDesign and development
  • StackAstro · React · Tailwind
  • StatusLive
01

Structure

Every page hangs off the home page in four groups, and every page keeps one rhythm.

SitemapGroupPage
Home
Invest3 pages
  • Portfolio
  • Results
  • Tax write-off
Learn4 pages
  • Learn
  • Blogs
  • Podcast
  • Webinars
Company2 pages
  • About us
  • FAQ
Legal3 pages
  • Privacy
  • Terms
  • Disclaimer

1.1Sitemap · four groups under home

  1. 01Dark herothe promise
  2. 02Proofnumbers
  3. 03The pageits own content
  4. 04Get in toucheligibility, a call

1.2Page rhythm · the same on every page

02

Design system

Built outward from one page, then written down so the whole site reads as one brand.

Ink#0C1D10 · text, dark heroes
PCG green#2E6F40 · brand, actions
Mint#7BC592 · accents on dark
Mist#F8FBF8 · alternate ground
Parchment#F4EFE3 · testimonial cards

2.1Palette

Hero

Build and preserve your wealth

Inter 500 · 40–88px · −2.5%
Section

The people behind every deal.

Inter 500 · 28–48px · italic green accent
Body

Track record built on disciplined underwriting.

Inter 400 · 15–18px · 1.7 line height

2.2Type · Inter, one family

By the numbersCheck eligibility →Book a call
01Transparent

Every deal underwritten in the open.

2.3Components · pill, buttons, card

03

Pages

Every page designed for desktop and phone. These are the live pages, as they ship.

Track record, peoplescapitalgroup.com
3.1Track record
Recent deals, peoplescapitalgroup.com
3.2Recent deals
The founders, peoplescapitalgroup.com
3.3The founders
How we work, peoplescapitalgroup.com
3.4How we work
Founders · phone
3.5Founders · phone
Get started · phone
3.6Get started · phone
Multiple ways to start, peoplescapitalgroup.com
3.7Multiple ways to start
04

Build

Designed and developed by the same hands, so nothing was lost between the two.

01Astro + React islands

Static pages with React only where something moves, so the site loads fast and stays simple to host.

02One lead pipeline

Every form posts to a Cloudflare Worker that validates and delivers to Brevo. It replaced a path that answered “success” while contacts joined no list.

03Checked on both engines

Every public page tested on Chromium and WebKit, phone and tablet; fixes included a chat widget that broke only on iOS Safari.

4.1Build · static, checked, delivered

05

Live

Running in production for Peoples Capital Group.

Livepeoplescapitalgroup.comVisit the site →

Designed.
Built. Live.

What I did

Revamped the entire website: structure, design system, every page for desktop and phone, and the build itself, engineered with AI agents in a tested loop rather than vibe-coded, with design judgement on every screen.

What it fixed

Leads now arrive. Forms that once reported success while saving nothing go through one checked pipeline, and the site behaves the same on every phone.

Next

A multi-step Check Eligibility questionnaire that qualifies an investor before they book a call with the founders.