Start a project

CASE STUDY 01 / COMMUNITY EXPERIENCE

Friends of
Phatthalung.

A community-first website combining local culture, travel, food, storytelling, and interactive experiences.

INDEPENDENT PROJECT · DESIGN + DEVELOPMENT
A group of friends together on a road in Phatthalung
PHATTHALUNG, THAILANDLocal life is
better together.

01 / THE IDEA

Build a place that feels
like the people in it.

This started as a way to collect the places, food, jokes, everyday adventures, and shared memories that make Phatthalung feel like home.

The design needed warmth and personality without becoming chaotic. It uses local photography, an earthy palette, editorial type, and small interactive surprises to invite exploration.

Friends on motorbikes beside vivid rice fields
Community first Real people and familiar places lead the story.
An evening market beneath Phatthalung’s mountains
Made to explore Photo-led paths turn browsing into discovery.
A playful dinosaur costume at a mountain summit
Room for humor The experience keeps its local personality.

02 / INTERACTIVE FEATURES

Play belongs
in the experience.

The site goes beyond a photo gallery. A starter-pack reveal, an adventure picker, and a custom mini game give visitors more ways to participate—and make the project memorable without getting in the way.

  • Custom Buffalo Boy mini game↗
  • Random local adventure picker↗
  • Tap-to-reveal starter pack↗
  • Scrollable galleries and image lightbox↗
  • Section navigation for long-form mobile browsing↗
MINI GAME / BUFFALO BOYBuffalo character poses from the custom Buffalo Boy mini gameA small, original game
inside a community site.PLAYFUL · LIGHTWEIGHT · TOUCH FRIENDLY
Pad Thai served with a green rice-field viewFRIENDS OF PHATTHALUNGEat well.
Stay awhile.

03 / MOBILE EXPERIENCE

Made for the
phone in your hand.

Long pages, photo galleries, navigation, video, and game controls were designed to remain comfortable on smaller screens. The project prioritizes readable pacing, large touch targets, sensible image crops, and quick ways to jump through the story.

375 → 1440Responsive layout rangeTouch firstControls sized for real thumbsReduced motionAnimation respects user preference

04 / WHAT WAS BUILT

01Visual identity02Mobile-first UX03Interactive features04Custom game05Social sharing

React · responsive CSS · accessible interactions · optimized media · lightweight custom JavaScript

END / FRIENDS OF PHATTHALUNG

A digital place with
a real sense of place.

Build something together Back to all work