the problem
What needed fixing?
The difficult part wasn't building individual pages. It was making multiple brands and experiences feel connected without making them feel identical.
05/Creative Ecosystem · Digital Platform
Art Quarter
open file →
The digital ecosystem connecting a growing collection of creative, wellness, grooming, hospitality and business experiences.
visit project ↗case study
fig. 01 — the main thing
01 · the short version
What is this thing?
Art Quarter became less of a single website and more of a connected digital ecosystem. Different businesses needed different experiences while still sharing an underlying identity.
the approach
What I actually did.
I worked across the ecosystem using reusable components, responsive layouts, animation, content structures and shared technical foundations while allowing individual experiences to retain their own personality.
a page from the project notebook
Okay, but what
happens underneath?
the screenshot doesn’t
tell you this bit. ↙
Five sister brands needed a connected way to bring customers back. I built the sites and connected the booking and marketing tools into a serverless automation workflow. Here’s the short version.
in the margin / 01
The booking starts the customer journey. It gives the connected workflow something useful to act on.
booking received ✓
A simplified walkthrough of the project. No live bookings or customer data.
read the full project ↗02 · my part
What I worked on.
01
Frontend Development
02
Full-Stack Development
03
Design Systems
04
Animation
03 · from the archive
A closer look.
04 · okay, but did it work?
A connected collection of digital experiences that gives Art Quarter room to grow without rebuilding its foundation every time another business or initiative appears.
my take
I worked across the ecosystem using reusable components, responsive layouts, animation, content structures and shared technical foundations while allowing individual experiences to retain their own personality.
built with
Next.jsReactTypeScriptSupabaseGSAPFramer MotionSEO