Community project · Brand, website & web application

A digital home for the neighborhood.

Runaway Bay welcome page with a lakeside illustration and resident access links — 01 / The public welcome — a distinct identity and a clear entrance to the resident experience.

A website to welcome. An app to connect.

I designed and built Runaway Bay’s website and neighborhood community app from the ground up for our community. The scope includes the logo and brand identity, web application design and development, and the infrastructure and integrations behind it. The public website introduces the neighborhood, while the resident portal brings community activity into a dedicated space.

Runaway Bay resident portal showing an empty neighborhood calendar and agenda — 02 / The resident app — a shared calendar shown without private event details.

Bring everyday community needs together

The portal organizes updates, discussions, photos, a calendar, documents, a directory, and messages within one navigation system. The calendar pairs a month view with an agenda and event controls, giving neighborhood plans a dedicated place alongside the rest of the community’s information.

Carry the identity into the application

Warm neutrals, deep green, and orange accents connect the website and resident portal. Consistent typography, rounded panels, and familiar controls make the two experiences feel like parts of the same digital home.

01 / Application

Custom development with React and Laravel.

The web app combines React and Laravel as part of a ground-up implementation. The project covers both the interface residents use and the application behind it.

02 / Infrastructure

GitLab, Docker, and VPS hosting.

A GitLab-based development setup and Docker running on a VPS provide the hosting foundation. Resend email integration connects communication with the wider application build.

03 / Administration

AI readiness and connected admin tools.

The scope also includes AI-readiness work and an MCP-connected admin plugin, extending the project into the tools used to administer the website and app.

Make space for neighborhood conversations

The photo viewer brings an image and its conversation together, with author context, likes, and comments alongside the photo. This example uses my own test post to show the interface without including residents’ private posts or conversations.

One project, from identity to application

Runaway Bay connects brand design, a public website, a resident-facing application, and the systems supporting them. It demonstrates the full build: not just presenting a community online, but creating a place for the community to use.