BP Studio — a studio site mapped as coordinates
BP Studio · A brand site that puts scattered tastes on an interactive map
2 wks
concept to launch
Build time
7
one-screen map archive
Projects
Drag map
hover pins for category & status
Exploration
List view
map folds on small screens
Mobile
Overview
BP Studio builds communities and commerce for niche tastes. Its one-page site places live projects as pins on a contour map you drag to explore, each linking to its status and destination.
Challenge
Portfolio grids are everywhere. The studio’s character — coordinates of different tastes — had to be felt on the first screen while keeping information easy to reach.
Solution
Map vocabulary — coordinates, frame numbers — is woven into the typography, and hovering a pin reveals category and status. On mobile the map folds into a list for accessibility. Pages are statically rendered ahead of time.
Strategy
Concept into UI
The ‘coordinate’ brand language becomes map, contour and frame notation on screen.
Exploration
Drag to explore and hover pins to discover, with a list route kept as fallback.
Mobile
The map folds into a card list on small screens.
Performance
Static rendering and minimal script keep the first screen light.
Execution
Want similar results?
Book a free call for a plan built around your brand.
Request a free consultationA strategist replies within one business day.
More success stories
T-ACT — a bilingual store for paracord gear
A Korean/English brand store, concept to checkout in eight weeks
8 wks
Time to launch
2
Languages
Petletter for Paws — a pet store with a 3D customizer
Brand story to name-engraved bowl customization, all in one store
12 wks
Build time
4
Categories
Wallscape — a social map for street art
A map-first archive shipped to web, PWA and Android from one codebase
3
Platforms
2
Languages