🌿 Case Study: Digital Platform for Bibianna Ancheta, LMT Role: Full-Stack Design & Development S...🌿 Case Study: Digital Platform for Bibianna Ancheta, LMT Role: Full-Stack Design & Development S...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Salish Hawk's avatar
Salish Hawk Studios
• Jul 27
🌿 Case Study: Digital Platform for Bibianna Ancheta, LMT
Role: Full-Stack Design & Development
Stack: Next.js, Tailwind CSS, TypeScript, v0, Cursor Agent, Recraft, Vercel
Industry: Clinical Massage Therapy / Indigenous Community Health
1. Project Overview
Bibianna Ancheta, LMT needed a high-end, editorial digital home for her clinical bodywork practice serving the Tulalip and Neah Bay communities.
The goal was to move away from generic, clinical template designs and build a quiet luxury experience that honors Coast Salish identity while providing a friction-free booking flow for clients.
2. Design System & Regional Brand Narrative
 Color Palette: Grounded in a calming Sage Mist Green background, soft Linen Off-White card surfaces, Deep Forest Charcoal typography for WCAG-compliant legibility, and warm Terracotta/Amber micro-accents.
 Custom Iconography: Designed bespoke vector marks (river stones, cedar leaves, ocean waves) and a Coast Salish "BA" monogram logo to weave regional storytelling throughout the page.
 Cultural Context: Integrated a floating badge honoring the Lushootseed language (⁠— ƛ̕alšan —⁠) above the primary editorial typography.
3. Engineering & UX Highlights
 Slideout Booking Drawer: Built an interactive, non-intrusive slideout drawer (⁠shadcn Sheet⁠) with location toggles (In-Studio Tulalip Care vs. Neah Bay Out-Call) and a compact horizontal 7-day date selector to keep CTAs above the fold on mobile screens.
 Responsive Editorial Layout: Engineered a fluid two-column editorial layout that adapts dynamically across mobile, iPad, and desktop viewports.
 Rapid Deployment Pipeline: Generated initial UI scaffolding in v0, wired custom assets and CSS variable overrides using Cursor Agent, and established automated continuous integration directly through Vercel.
4. Results & Impact
 100% Custom Identity: Zero stock visual noise; every asset is tailored to Bibianna's brand and practice regions.
 Enhanced Client Journey: Seamless transition from story to treatment selection without page redirects.
Brand DesignUI DesignUX DesignCursorRecraftv0
Post image
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started