Salish Hawk Studios
Crafting High-Conversion UI/UX for Wellness & AI Platforms
New to Contra
Salish Hawk is ready for their next project!
Titan Arbor Command: Emergency Tree Service App
0
0
Northgate Capital B2B Client Operations Portal
0
0
Pronto Air & Heating Rapid Response Platform
0
1
Lead UI/UX Architect & Full-Stack Developer
0
0
Mobile-First UX Redesign for C2 Detailing
0
0
🚀 Just deployed a custom lead-generation web app for J.B. Construction NW in Marysville, WA.
Most contractor sites lose after-hours leads because static contact forms take too long to get a response.
We built a solution that solves that:
⚡ 90-second interactive preliminary budget estimator
📱 Instant SMS lead dispatching directly to the crew lead's phone
🖼️ Custom before/after transformation slider for high-ticket proof
Built with Base44, React, Tailwind, and Twilio SMS integration.
Check out the case study on Contra: https://prudent-peak-roof-flow.base44.app/
#WebDevelopment #ReactJS #ContractorMarketing #UIUX #Base44 #HealingHawkStudios
1
23
Modernizing Local Contractor Lead Capture
0
0
Project Overview:
Architected and built a high-converting, mobile-first web application and instant quote engine for C2 Detailing & Precision Tinting in Snohomish County.
Key Features & Engineering Highlights:
• Interactive VLT Tint Visualizer: Custom visual component allowing users to dynamically preview window tint shade percentages (5%, 20%, 35%, 50%, 70%) with real-time opacity scaling.
• Dynamic Instant Estimator: Multi-step lead capture workflow with real-time price calculation based on vehicle type, package tier, and ceramic protection upgrades.
• Conversion-Engineered UI: High-contrast dark mode interface, click-to-call integrations, clear service breakdowns, and sticky booking CTAs optimized for mobile users.
• Tech Stack: Built with React, Tailwind CSS, Lucide Icons, and Framer Motion for buttery-smooth visual transitions.
Live Working Application:
https://c2-detailing-pro.lovable.app
1
27
Build a serene, low-stimulation web application layout for a somatic education and chronic pain relief practice named "Sound Somatics".
Design System & Visual Direction:
Atmosphere: Calm, low-fatigue, organic visual environment designed for users suffering from nervous system overload and chronic pain.
Color Palette: Warm parchment background (#F7F5EE), soft cream card containers (#FAF8F5), deep slate serif typography (#22252A), and muted terracotta accent buttons (#D4A373).
Typography: High-contrast yet soft serif headline font (e.g., Playfair Display or Cormorant) paired with a clean, highly legible sans-serif body font.
Spatial Layout: Generous whitespace, soft rounded corners (16px to 24px border radius), and zero harsh contrast boundaries.
Component Architecture:
Minimal Navigation Header:
Left: Wordmark "Sound Somatics" with a subtle warm dot indicator.
Right: Minimal text link "Book a session".
Editorial Hero Section:
Pill Badge: "HANNA SOMATIC EDUCATION" in muted beige text inside a soft container.
Main Headline: "Restore Movement. Release Chronic Pain." (Large serif display font).
Subheadline: "Gentle Hanna Somatic Education designed to re-educate your nervous system and release deep holding patterns."
Primary CTA: Terracotta pill button reading "Explore Somatic Sessions".
Hero Asset: Rounded image container featuring warm, earthy studio photography (ceramic cup, natural stone, textured linen).
Interactive Session Accordion ("A quiet path back to ease"):
Section Title: "A quiet path back to ease" with subtext "Every session meets you where you are. Explore the ways we can work together."
Expandable Cards: • "Hanna Somatic Movement" (Subhead: Sensorimotor re-education for stiff joints and posture) • "Chronic Tension & Pain Release" (Subhead: Targeting back pain, neck stiffness, and stress patterns) • "Clinical Somatic Sessions" (Subhead: 1-on-1 personalized somatic movement education)
Behavior: Smooth tap/click interaction showing a plus icon (+) when collapsed and a subtle close icon (×) when expanded, revealing detailed session description copy inside a soft cream panel.
Gentle Intake Form ("Begin Gently"):
Section Header: "Begin gently" with subtext "Share a little about yourself and we'll find a calm time to begin. No pressure, no rush."
Card Layout: Clean, centered white/cream card with soft borders.
Input Fields: Soft rounded input fields with generous padding: • Name (Placeholder: "Your name") • Email (Placeholder: "you@example.com (mailto:you@example.com)") • What would you like to release? (Optional multi-line textarea with placeholder: "A few words about what's holding you...")
Submit Button: Full-width terracotta button reading "Book my session".
Minimal Footer:
Centered brand title "Sound Somatics" with sub-tagline "Hanna Somatic Education & Chronic Tension Relief".
1
35
šəq̕ʷəb — Shatterpoint: Sovereign Somatic Grounding Engine
Project Type: Full-Stack Web Application / Mobile PWA Development & UI/UX Design
Role: Lead Product Architect, Frontend Developer & Cultural Systems Designer
Live Demo: [Insert Your Vercel / Live App Link Here]
Executive Summary
šəq̕ʷəb — Shatterpoint is a mobile-first, non-pharmaceutical somatic grounding application designed to down-regulate nervous system hyper-vigilance, quiet intrusive racing thoughts, and offer rapid sensory reset during moments of anxiety or overload.
By uniting authentic Coast Salish formline artwork, 6Hz acoustic theta brainwave entrainment, and motor-kinetic visual rhythm gameplay, šəq̕ʷəb bridges indigenous cultural heritage with modern neuro-somatic grounding mechanics.
The Problem: Generic Tools & Sensory Overload
When individuals—especially youth and neurodivergent users—experience acute panic, PTSD triggers, or sensory overload, standard mental health applications often fail due to three core flaws:
High Cognitive Load: Text-heavy, clinical interfaces with multi-step menus increase anxiety rather than reducing it.
Pathologizing Labels: UI elements that force users to self-diagnose with clinical labels (e.g., "ADHD Mode" or "OCD Mode") create social stigma and medicalized friction.
Lack of Somatic Catharsis: Passive breathing apps lack physical interaction, leaving excess kinetic energy and frustration unreleased in the body. The Solution & Core Features šəq̕ʷəb delivers an immediate, zero-barrier sensory interface built entirely on a single non-scrolling 100vh viewport console.
Authentic Coast Salish Vector Architecture Instead of generic arcade shapes, active targets use precision-rendered Coast Salish formline vector elements (.svg Path2D graphics):  Positive Targets (Good Nodes): Sweeping, open cyan/teal formline trigons that build focus streaks and expand visual presence.  Negative Targets (Intrusive Noise): Constricted crimson spiked trigons that train tap-inhibition and motor discipline.  Write & Release Target: A traditional red-split U-form block providing a wide, stable cradle for cathartic text shatter mechanics.
"Write & Release" Cathartic Text Shatter Users type frustrating thoughts, anger, or intrusive stressors into a local modal. The engine locks the text upright into the center cradle of a dedicated U-form target block. Upon tapping the block:  A full-screen radial shockwave fires across the canvas.  The frustration text shatters into a 60+ particle character burst that vaporizes in 360 degrees.  Local memory immediately purges the string, providing cognitive defusion and somatic release.
Acoustic 6Hz Theta Brainwave Entrainment Integrated low-frequency 6Hz binaural acoustic beats and rhythmic audio pulses gently encourage brainwaves to synchronize with natural theta frequencies (4–8Hz)—the state naturally produced during deep meditation and light sleep.
Youth-Safe Somatic State Selection Replaces clinical diagnostic labels with dignified, body-centered state choices:  Steady Grounding: Gentle target pacing paired with soft acoustic theta tones.  High Energy / Quick Focus: Elevated contrast and rapid target spawning for high restless energy.  Rhythmic Cadence: Predictable, steady cadence designed for rhythmic flow states. Therapeutic & Neurological Mechanisms  Cognitive Defusion: Translating abstract, distressing thoughts into physical visual targets that can be shattered breaks rumination loops.  Visual-Rhythmic Focal Lock: Tracking moving formline targets re-engages the prefrontal cortex, pulling focus away from amygdala-driven fight-or-flight states.  Somatic Discharge: Combining haptic feedback, wood-crack auditory cues, and physical tap interactions releases pent-up kinetic arousal.  Nervous System Down-Regulation: Continuous exposure to 6Hz theta entrainment helps soothe hyper-vigilance without requiring complex breathing routines. Technical Stack & Architecture  Frontend Framework: React 18, TypeScript, Tailwind CSS  Render Engine: HTML5 Canvas API with custom Path2D SVG vector rendering loops  Audio Engine: Web Audio API with binaural 6Hz tone synthesizer & ambient audio channels  Mobile / PWA: Standalone Progressive Web App manifest with zero-scroll 100vh viewport constraint and touch event gesture locks (touch-action: none)  Deployment & CI/CD: Vercel automated release pipeline Key Highlights & Results  100% Single-Viewport UX: Zero vertical scrolling on mobile devices, ensuring zero-friction access during panic states.  Sub-100ms Reaction Time: Lightweight vector canvas rendering maintains 60 FPS performance on low-end mobile devices.  Cultural Parity: 1:1 alignment between onboarding instruction keys and active gameplay assets using native SVG vectors.  Dignified & Safe: Meets non-medical legal disclaimers while offering youth-safe, non-pathologizing sensory control.
1
1
39
Title:
Lavender Spa | Interactive Web & Online Booking Application
Project Description:
Designed and built a custom, high-converting digital storefront and interactive booking application for Lavender Spa, a local bodywork and wellness sanctuary based in Marysville, WA.
Key Features & Highlights:
• Serene, Atmospheric UI/UX: Custom typography, warm earth tones, and a glassmorphism interface built to reflect a calm, high-end wellness brand.
• Dynamic Appointment Estimator: A seamless 4-step booking workflow that calculates session totals in real time based on duration (60/90/120 min) and treatment type.
• Automated Lead Routing: Backend integration that stores client requests and triggers instant SMS notifications directly to staff, allowing after-hours booking without operational friction.
• Interactive Service Menu: Clear pricing structures and full service breakdowns optimized for fast mobile decision-making.
• Local Search & Arrival Guide: Integrated map location details, parking guides, and verified 5-star Google reviews to drive trust and local conversion.
Tech Stack:
Base44, React/Tailwind, Webhooks, Twilio API, Mobile-First Web Design
1
30
🏠 Marysville Roofing Pros — Interactive Estimator & High-Trust Lead App
Overview
Homeowners replacing a roof or dealing with storm damage face high anxiety and urgent timelines. Traditional roofing contractor websites rely on static text, slow contact forms, and vague pricing.
I designed and engineered an enterprise-grade local service platform featuring a multi-step instant estimate builder, dynamic urgency routing, an interactive before/after transformation slider, and social proof integration.
The Problem
• Friction in Lead Capture: High-intent leads leave when forced to wait for manual phone calls or fill out dense lead forms.
• Lack of Visual Trust: Homeowners cannot easily see the quality difference between standard architectural shingles and standing seam metal.
• Emergency Response Delay: Active roof leaks require immediate triage, but standard sites treat storm emergencies like routine inquiries.
The Solution
4-Step Interactive Estimator:
• Step 1 (Service): Select tear-off, 24/7 storm response, moss removal, or gutters.
• Step 2 (Property): Square footage, story count, and material selector (Shingle, Metal, Tile, Flat).
• Step 3 (Urgency): Triage selector (Immediate active leak vs. 30-day budget phase).
• Step 4 (Contact): Instant intake for dispatch followup.
Visual Proof Engine:
• Drag-to-reveal Before/After roof transformation slider.
• Master-crafted capability cards for structural re-roofing and emergency leak repair.
High-Contrast Industrial Aesthetics:
• Deep slate (#0F172A) background with high-visibility safety orange (#F97316) CTA hierarchy engineered for daylight readability.
Skills & Tools
• Skills: Full-Stack Web Development, UI/UX Design, Conversion Rate Optimization (CRO), Multi-Step Form Logic, Interactive Canvas/Sliders
• Tools: Base44, React, Tailwind CSS
1
35
Joe Ancheta
Healing Hawk Studios | https://contra.com/Helinghawkstudios
Project: VIGILANT — Sportsbook Risk & Threat Intelligence Terminal
Flowstep Workspace: https://app.flowstep.ai/file?activeFileId=a61135d3-eb66-42b3-abfc-37ef50a1abde
(https://app.flowstep.ai/file?activeFileId=a61135d3-eb66-42b3-abfc-37ef50a1abde)Live Application: https://healinghawkstudios.vercel.app/
VIGILANT is an enterprise-grade threat intelligence and risk operations terminal engineered for modern sportsbook integrity teams. It mitigates real-time latency exploitation, courtsiding, syndicate betting rings, and automated bot farming before payouts occur.
The Interactive 3-Screen Flow:
Live Odds & Anomaly Radar: Real-time velocity tracking against historical baselines, flagging sudden handle spikes ($50K across 1.2s).
Syndicate Node Canvas: An interactive network visualizer mapping shared hardware hashes, IP clusters, and multi-account correlation rings with automated bot-confidence scoring (94%).
Executive Lockdown & Audit Trail: One-click global payout freezes shielding live market liability ($142K) with automated GLI-33 regulatory compliance logs and instant IC360 / IBIA export capabilities.
Designed and prototyped inside Flowstep, then engineered into a fully interactive Next.js web application deployed on Vercel.
#FlowstepChallenge #UIUX #DesignSystems #SportsTech #NextJS #React
3
142
B&H Body Repair — Mobile-First Collision Repair & Photo Intake Portal
A modern, high-converting digital storefront built for an established, independent collision repair shop operating in Snohomish County since 1976.
The Challenge:
Traditional collision repair websites rely heavily on legacy desktop layouts, burying intake forms behind multi-step phone calls or desktop contact forms. When drivers experience a collision after business hours, non-responsive sites create heavy drop-off—forcing drivers to default to corporate insurance-preferred chain shops.
The Design & Technical Solution:
Engineered an industrial, dark-mode mobile web application optimized for emergency after-hours intake, instant photo uploads, and zero-friction communication.
Key Features & System Design:
• High-Contrast Safety Visuals: Designed a dark charcoal (#1A1A1A) and high-visibility safety orange aesthetic built for high-readability in low-light emergency situations.
• "3-Tap Photo Estimate" Tool: Developed an interactive, step-by-step diagnostic intake workflow allowing drivers to capture and submit front, side, and rear vehicle damage photos directly from their smartphone camera.
• Frictionless Location & Towing Integration: Integrated 1-tap call triggers for towing assistance, direct map directions, and shop operating hours.
• Value-Driven Independent Branding: Highlighting independent repair integrity—emphasizing no-DRP insurance pressure, factory-tolerance frame alignment, and written lifetime workmanship guarantees.
0
35
Belmas — 5KG Premium Belgian Chocolate B2B Packaging & Visual Identity
Belmas is a high-end Belgian chocolate manufacturer producing premium chocolate couverture for professional pastry chefs, chocolatiers, and commercial bakeries. The goal of this packaging system was to construct a luxurious, authoritative B2B aesthetic that reflects European craft while communicating essential technical specifications at a glance.
Design Strategy & Visual Architecture:
• Deep Emerald & Gold Foil Palette: Utilizes a rich, deep emerald green base paired with metallic gold foil accents to establish a premium market presence against standard industrial confectionery packaging.
• Technical Front-of-Pack Hierarchy: Clear percentage callouts (35.6% / 36% Milk Chocolate) paired with bold sans-serif typography ensuring fast identification in commercial kitchen environments.
• Functional Back-of-Pack Layout: Structured layout incorporating temper guides, origin verification (Made in Belgium), nutritional data, scannable barcode integration, and eco-certification badges (Sustainable Cocoa, Easy Melting, Premium Quality).
• Dynamic Fluid Embellishments: Custom liquid chocolate splash iconography at the base to visually represent fluidity and ideal melting performance for tempering.
0
29
tsulč łiqʷid // bəščəd — Bilateral Drum & Neuro-Acoustic Regulation Suite
tsulč łiqʷid is an offline-first, neuro-somatic regulation application combining traditional Coast Salish drum rhythms with bilateral stimulation and acoustic theta wave entrainment.
Designed to assist in emotional regulation, nervous system grounding, and panic recovery, the interface provides continuous physical contact anchors and alternating auditory/visual cues to re-balance hemispheric brain activity.
Key Technical & Design Features:
• Dual Regulation Modes: Supports both single-hand Grounding Anchor (continuous hold) and two-hand Bilateral Drumming (table mode).
• Configurable Theta Acoustic Layers: User-selectable theta wave entrainment frequencies (4Hz Deep Sleep, 5Hz Meditative, 6Hz Somatic Trance, 7Hz Focused Relaxation).
• Dominant-Hand & Bilateral Tuning: Adaptive UI orientation for left/right-handed users, customizable bilateral sweep depth, and ambient audio layers.
• Privacy-By-Design: Operates entirely offline on local device clients with zero telemetry, data collection, or external server calls.
0
26
dᶻixʷ (Return to Center) — Somatic Panic & Anxiety Retraining Protocol
dᶻixʷ is an experimental, low-stimulation neuro-modulation and somatic grounding web application built to interrupt acute panic loops, anxiety spikes, and sensory overload in real time.
Originally engineered as an emergency panic response tool, the system evolved into a 5-part somatic retraining framework incorporating visual tracking, cognitive cognitive re-coding, and bio-electric entrainment principles.
The 5 Core Retraining Modules:
• Retrain Thought (kʷəč): Guided breathing anchor coupled with cognitive re-framing prompts to interrupt catastrophic thoughts.
• Retrain Rhythm (dᶻixʷ): Optokinetic visual tracking following a smooth infinity-loop paddle motion to reset parasympathetic rhythm.
• Retrain Sensation (gʷədi?): Tactile path tracing combining visual and haptic feedback for physical touch grounding.
• Retrain Focus (ʔuʔəý): Selective attention filtering—training the mind to lock onto stable shapes amidst chaotic visual stimuli.
• Emergency Override (tixixdubut): High-contrast competing visual field "circuit breaker" designed to interrupt acute dissociation and racing physiological loops.
0
26
Tiaki — Daily Health Guardian
Somatic Autoimmune & Daily Symptom Tracking Architecture
Tiaki is a low-stimulation, high-accessibility mobile health tracking platform designed specifically for managing complex autoimmune conditions and chronic symptom flare-ups (POTS, MCAS, Sjögren's, Fibromyalgia, EDS, and OH).
Built with somatic design principles, the application prioritizes low cognitive load during high-pain states, providing high-contrast, large-target accordion modules for rapid daily logging.
Key Systems Architecture:
• Real-Time Flare-Up & Symptom Mapping: Quick-select condition tags combined with structured symptom notes for real-time tracking.
• Environmental Correlation Engine: Automatically attaches silent, real-time weather reports and barometric pressure data to symptom entries to help doctors analyze environmental trigger linkages.
• Comprehensive Vitals & Intake Tracking: Dedicated logging systems for blood pressure, heart rate, fluid intake, sodium levels, caffeine triggers, medication checklists, and sleep cycles.
• Master Doctor Export: One-touch compilation generating side-by-side historical logs, barometric drop alerts, and food reaction summaries structured for clinical review.
0
22
🌿 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.
0
23
Eighth Generation x Snoqualmie Tribe — E-Commerce Brand Concept & Redesign
Overview:
A complete web design and e-commerce build for Eighth Generation, an art and lifestyle brand proudly owned by the Snoqualmie Tribe. Built on Squarespace using custom Fluid Engine layouts, this project focuses on cultural storytelling, high-fashion editorial aesthetics, and honoring Indigenous sovereignty through the "Inspired Natives®, Not Native-Inspired" philosophy.
Key Features:
Cultural Brand Integration: Incorporated Coast Salish identity through custom Lushootseed typography (sdukʷalbixʷ) and native-led storytelling copy.
Curated Artist Spotlights: Designed editorial bio sections showcasing key Indigenous collaborators (Kira Murillo, Michelle Lowden, Giizh Agaton Howes) alongside founder Louie Gong.
Functional Storefront: Created a streamlined 3-column product showcase for the Gold Label Wool Blanket Series with accordion detail tabs and dynamic gallery views.
Responsive Editorial Layouts: Applied image masking, custom color palettes, and structured typography hierarchy for a seamless mobile and desktop browsing experience.
0
23
PADDLE SIGNAL is a sovereign real-time field operations terminal built for Tribal Canoe Journeys across the Salish Sea. Designed and developed by Healing Hawk Studios, the platform bridges active communication between canoe families on the water, support boat captains, and shore crews at host landings.
Key Features & Finish Layer Execution:
• Custom Formline Brand Integration: Native digital Formline paddle artwork built directly into header and footer terminal consoles.
• Dual-Language Cultural Identity: Integrated Lushootseed terminology (sqʷəl, sčəɬxʷ, yəbil, dxʷsəɬqəb) across navigation and live statuses.
• Finish Layer Block Transforms: Applied dynamic rotational transforms to field-need clipboards and live video cards to recreate an active tactical field desk.
• Kinetic Typography & Telemetry: Stretched variable font styling tracks route waypoints across Salish Sea host territories alongside embedded live video feeds.
• Marine VHF Dispatch Console: Built-in quick-action buttons for Channel 16 emergency aid, ground crew volunteering, support boat logistics, and direct platform protocols.
1
2
250
Seadrift Counseling & Somatic Therapy — Nature-Based Digital Sanctuary
💡 The Vision
Seadrift is a specialized somatic therapy practice offering nature-based, experiential healing across the forests and seasonal dahlia fields of Skagit County, WA. The goal was to build a digital entryway that reflects the quiet rhythm of the Pacific Northwest—transitioning clients out of a clinical mindset and into a grounded, sensory-led experience.
🛠️ Execution & Spatial Architecture
PNW Somatic Aesthetic: Combined deep forest greens, warm alabaster tones, and organic imagery containers to evoke immediate nervous system regulation and safety.
Luxury Editorial Typography: Curated high-contrast serif headlines paired with wide, quiet letter-spacing to establish clinical trust while maintaining an elevated, high-end feel.
Experiential Session Planner: Designed custom interactive booking cards for specialized 2-hour and 3-hour outdoor offerings (Nature-Inspired Sessions & Dahlia Flower Field Sessions).
Local Practice Credibility: Integrated subtle metric highlights (15+ years in practice) and clear regional grounding (Skagit County) to drive high-converting local client intake.
📊 Deliverables & Tech Stack
Role: Lead UI/UX Designer & Product Architect (Joe Ancheta)
Studio: Healing Hawk Studios
Core Skills: Somatic UX, Medical Brand Strategy, Layout Systems, Interactive Session Booking
Tools: Figma, Base44 Development Engine
https://seadrift-somatic-path.base44.app
0
52
Ohana Behavioral Health — Somatic Collective & Concierge Matching Engine
💡 The Vision
Ohana is a collective of independent mental health and somatic practitioners based in Marysville, WA. The objective was to redesign their digital entryway into a warm, deeply grounding portal that reduces client intake friction and actively matches patients with the right practitioner based on trauma history, somatic needs, and life transitions.
🛠️ Execution & Architecture
Somatic Concierge Matcher: Designed an interactive 3-step intake tool that asks gentle diagnostic questions to instantly pair nervous, overwhelmed clients with suitable specialists.
Warm Editorial Aesthetic: Paired organic forest greens with warm alabaster backgrounds and luxury serif typography to evoke a sense of physical safety before the client ever steps into the clinic.
Multi-Practitioner System: Built scalable layout components for practitioner cards, specialty badges, and modality breakdowns (EMDR, Somatic Healing, Holistic Counseling).
📊 Deliverables & Tech Stack
Role: Lead UI/UX Designer & Product Architect (Joe Ancheta)
Studio: Healing Hawk Studios
Core Skills: Somatic UX, Onboarding Funnels, Medical Brand Strategy, Layout Systems
Tools: Figma, Custom Component Engine
https://ohana-calm-path.base44.app
0
46
Debbie Tantrum, LMHC — Neuro-Somatic Digital Sanctuary
💡 The Vision
The objective of this digital medicine platform was to design an intuitive, low-stimulation web environment for patients navigating trauma, nervous system dysregulation, and neuro-somatic healing. Traditional clinical sites are often overwhelming and text-dense; this interface was engineered to feel like a digital sanctuary—grounding the user from the moment they arrive.
🛠️ Execution & Somatic UX Architecture
Low-Stimulation Aesthetic: Features a soothing, organic color palette paired with restrained serif typography to evoke immediate safety, calm, and clinical authority.
Interactive Nervous System Assessment: Custom-designed a self-assessment diagnostic tool allowing prospective clients to identify survival-mode triggers (fight, flight, freeze) without cognitive overload.
Modalities Navigation Engine: Integrated dynamic tab switching to break down complex neuroscience frameworks (CIMBS & Lifespan Integration) into digestible, interactive modules.
Intake & Onboarding Pipeline: Streamlined patient acquisition with direct intake scheduling and clear emergency/crisis resource access built into a structured, low-friction layout.
📊 Deliverables & Tech Stack
Role: Lead UI/UX Designer & Product Architect (Joe Ancheta)
Studio: Healing Hawk Studios
Core Skills: Somatic UX, Responsive Mobile Architecture, Healthtech Design, Systems Strategy
Tools: Figma, Base44 Development Stack
0
44
Resonate (Flow-State OS) — Digital Sanctuary & Somatic Interface Design
💡 The Vision
Resonate was engineered as a direct response to the hyper-stimulated, friction-heavy layout structures that dominate modern SaaS and digital medicine platforms. The goal was to build a low-stimulation onboarding pipeline and cohesive system dashboard that anchors user focus, reduces cognitive fatigue, and establishes absolute clinical and aesthetic trust from the first interaction.
🛠️ Execution & Spatial System
Typography Hierarchy: Utilizes sharp, high-contrast, widely spaced geometric sans-serifs paired with restrained editorial layout margins to establish distinct information architecture without visual clutter.
Somatic UI Architecture: Implements intentional container intervals, soft gradient backgrounds, and micro-animations designed to guide the member's eye smoothly through onboarding timelines and daily wellness tracking.
Technical Integration: Built utilizing highly modular Figma component libraries, fully mapped out for seamless, developer-ready translation into responsive code environments.
🔗 Project Assets
Live Concept Staging: https://somatic-align-play.base44.app
Design System Studio: https://www.linkedin.com/in/healing-hawk-studios-468551422/
0
41
🏷️ The Project Metadata
Project Title: DeVine Wines — Luxury Brand Identity & Digital Experience
Role: Lead Brand Designer & Creative Director
Tools Used: Figma, FigJam, Envato AI Hub, CapCut
Project Description
Project Overview
DeVine Wines is a premium luxury rebrand built on the intersection of human creative direction and generative AI tools. The project demonstrates how to break past predictable automation to build a deeply rooted, cohesive, Michelin-star brand identity across digital, physical, and hospitality ecosystems.
The Creative Journey
The Human Pivot: The initial automated generations yielded highly predictable industry clichés (a standard wine glass and grapes). Recognizing the need for depth, human curation stepped in to pivot the concept toward authentic sommelier history: the traditional silver Tastevin cup.
Refinement & Customization: Transforming flat, geometric AI sketches into high-end brand assets by injecting reflective liquid-platinum textures and high-contrast studio lighting profiles.
The Physical Ecosystem: Scaling the visual assets into bespoke physical retail goods, featuring laser-engraved wooden collector boxes, structured charcoal-and-leather totes, high-shine apparel, and beautifully frosted, etched glassware.
The Digital Flagship: Translating the premium physical aesthetic into an immersive, editorial dark-mode e-commerce web presence styled with sophisticated typography.
6
8
859
DeVine Wines — Luxury Brand Identity & Digital Experience
Description: "A premium sommelier-inspired rebrand featuring bespoke physical packaging, high-end hospitality collateral, and a cohesive dark-mode digital storefront."
0
64
The Nova Journey — Luxury Concierge Fertility Onboarding
"How do you design a digital entry point for clinical coaching that feels deeply reassuring, elite, and completely supportive?"
Designed for Courtney's high-end fertility clinic, The Nova Journey is a bespoke three-step interactive onboarding timeline. Built through a lens of quiet luxury, it translates a complex patient clinical path into a calm, highly readable editorial experience across all devices.
🎨 The Design Architecture: Dual-Theme Serenity
To accommodate patient preferences and state of mind, the layout supports both a calming, warm-cream light aesthetic and a deeply private, low-stimulation dark mode.
By eliminating the chaotic, sterile grids of typical healthcare portals, this design uses:
High-End Editorial Serif Typography (utilizing premium classic serif styling) to command clinical authority, trust, and timeless warmth.
A Harmonious Color Palette of earthy sage greens and grounding charcoal accents, keeping cognitive stimulation to an absolute minimum.
A Visual Chronology (Step 1, 2, and 3) that anchors the user and removes the anxiety of "what comes next."
🛠️ Core UI & UX Features Built
1. Elegant Sequential Timeline (Step-by-Step)
The Problem: Traditional clinical onboarding feels cold, mechanical, and overwhelming for patients navigating sensitive fertility paths.
The Solution: A beautifully spaced horizontal timeline ($◯ \text{---} ◯ \text{---} ◯$) that serves as a visual guide. As patients progress or tap through, the active step is highlighted with soft organic sage green tones.
2. Detailed Deliverable Modules
The Content: Explicitly outlines Targeted Diagnostics, The Root-Cause Blueprint, and Elite Daily Coaching.
The Layout: Clean card components with modern, rounded corners. Features structured lists for high-contrast "What to Expect" content blocks paired with explicit, reassuring bulleted deliverables.
3. Seamless Responsive Behavior
The Execution: Perfectly adapts from a spacious, multi-column desktop layout into a vertical, single-column mobile-first flow that retains all of its luxurious editorial proportions and spatial breathing room.
💻 The Tech Stack
Framework: React / Next.js
Styling: Tailwind CSS (configured for custom tracking, spacing, and fluid typography)
Prototyping Environment: v0 by Vercel
0
54
LP Grid — Immersive Private Markets Lattice (Interactive Concept)
"How do you visualize the complex, high-friction web of global private equity without overwhelming the user?"
This interactive web prototype is a cinematic, dark-mode experience designed for LP Grid (a private markets intelligence platform). Built through the lens of Somatic UX, it translates dense institutional datasets—such as investor discovery, relationship mapping, and advanced capital filtering—into a calm, low-stimulation, and highly engaging interactive system.
🎥 The Hero: Live Interaction Walkthrough
🎨 The Design Philosophy: "Enterprise Calm"
Standard fintech and private equity dashboards are notoriously cluttered with chaotic data tables, aggressive red/green tickers, and overwhelming information hierarchies.
For LP Grid, I architected a Digital Sanctuary for allocators. By utilizing a deep, immersive space-navy backdrop (#050b14), ultra-thin gridlines, and strict spatial layout rules, the interface feels deeply secure, premium, and authoritative. Crucial data points are highlighted not with loud warnings, but with a highly intentional, luminous dual-color ecosystem:
Neural Blue (#00d2ff) for GP network paths, interactive system inputs, and synchronizations.
Cyber Emerald (#00ff87) for active LP nodes, successful data flows, and primary call-to-actions.
🛠️ Key Interface Features Built
1. The Interactive Relationship Lattice (Section 01)
The Problem: Traditional relationship lists fail to capture the multi-dimensional connections between investors.
The Solution: A live-rendered visual network mapping out Limited Partners (LPs) and General Partners (GPs). Users can visually map out connected funds (e.g., Sequoia Capital, Endowment Forge, Sovereign Wealth Alpha) with glowing connection vectors that pulse dynamically on selection.
2. Aerospace-Grade Capital Filtering Cockpit (Section 02)
The Problem: Complex financial database queries feel tedious and technical.
The Solution: An elegant control panel mimicking a luxury cockpit. I built custom tactile slider states for filtering huge financial ranges—such as AUM Targets (up to $1,000B), targeted VC sleeve weightings, and liquidity horizons—giving the user physical, visual feedback as they narrow their search.
3. High-Contrast "Initialization Gate" (Section 03)
The Goal: Drive conversions securely.
The Solution: A high-conversion sign-up gate featuring clean, high-contrast typography and a prominent glowing primary CTA button, anchored by clear security, SOC 2 compliance, and encryption metrics.
💻 The Tech Stack
To achieve this extreme level of aesthetic precision, responsiveness, and performance:
Framework: React / Next.js
Styling: Tailwind CSS (for the high-end spatial utility system)
Prototyping Environment: Base44
Typography: Playfair Display (Luxury Editorial Serif) paired with Inter (Clean, Geometric Sans-Serif for interface metrics).
0
46
Designed a premium, dark-mode digital sanctuary for SPRe® Somatic Education. Features a tactile, interactive skeletal tension map, responsive practitioner grid, and an ambient breathing pacer designed to lower nervous system load. Built for clinical precision and high-end wellness branding. UX, motion, and code fully integrated. ✨🧘♂️ #UIUX #SomaticDesign
1
76
👁️ The Vision
To architect a cutting-edge web infrastructure for Healing Hawk Studios that embodies true sovereign technology. The objective was to design an absolute privacy sanctuary—completely free of tracking, commercial databases, or external telemetry—while retaining high-performance, dark-mode animations and desktop-grade interactions.
⚙️ Core Architecture & Innovation
100% Data-Sovereign Infrastructure: Engineered an environment that runs entirely in-memory on the user's local device, eliminating standard cloud vulnerabilities.
Tactile Responsive Vessel Layouts: Designed a modular, low-stimulation grid specifically structured to de-escalate cognitive overload (Syáʔya?, šəqʷəb, and dzixʷ engines).
Fluid Dark Aesthetics: Styled a luxurious, dark-mode canvas utilizing custom neon vector illumination and smooth transitions optimized to limit visual strain.
🏆 The Results
A beautifully responsive, IT-approved digital medicine hub that operates seamlessly without collection of personal identifiers or forced user sign-ins. This project stands as proof-of-concept that premium UI/UX design and rigid, privacy-first engineering can comfortably exist in the exact same space.
0
59
The Challenge
Modern freelancers manage an exhausting stack of tools, communication channels, and design frames across multiple active contracts. Context switching—jumping between client Slack channels, Figma documents, active codebases, and contract terms—drains executive focus and creates overwhelming browser tab clutter.
The Solution
Freelancer Flow Hub is an intentional, elite digital workspace designed to eliminate visual noise and protect creative momentum. Using a high-contrast clinical dark mode (College Navy and Action Green), it establishes a structured environment that groups projects by active contracts and allows instant switching across design and development workspaces.
0
87
For the Swoop brand identity, I designed a multi-faceted mascot-driven system that bridges digital culture and lifestyle physical products. The project focuses on creating a high-impact visual mark that remains recognizable across various scales and applications.
Design Strategy:
Mascot Evolution: Developed a bold, illustrative hawk character with a focus on 'focused intensity,' ensuring the design works effectively as both a detailed digital avatar and a simplified vector icon.
Brand Versatility: Executed a comprehensive brand system, applying the logo across disparate mediums—from high-fidelity digital app interfaces (Somatic Grounding) to tactile physical merchandise (diffusers, linen journals, and tech accessories).
Cohesive Ecosystem: Maintained a strict 'deep blue' and 'tech-focused' aesthetic palette, creating a unified brand language that ties digital wellness tools to physical lifestyle products.
0
71
SÝAYƏ Mobile Interface: An elegant, low-cognitive-load conscious breathing guide featuring an interactive geometric expanding wave to assist users through acute hyperventilation or anxiety spikes.
0
66
An interactive, mobile-first arcade game featuring 4 unique game modes, advanced collision detection, real-time score math, and dynamic visual transitions. Built with smooth client-side animation loops to ensure zero latency at 60fps. Proves high-level state control, physics modeling, and complex mathematical event handling in modern web environments.
0
52