Portfolio · selected work

Real examples, with the decisions behind them.

Visual experience and software architecture belong in the same conversation. These case files show the frontend decisions and business systems behind the work. Client projects and internal R&D are identified separately.

View mission logs Explore Studio

Mission logs

A short log for each build, plus a live link.

Client work

Case 01 · Gunsmithing

Wise Choice Gunsmithing

Live · wisechoicegunsmithing.com

Public website and operating-tool direction for a business that needed clearer service presentation, inventory support, admin concepts, image handling, checkout preparation, and reporting.

Type: Client build
Scope: Public site + admin phase
Status: Live

Read mission log

ObjectiveMake services easier to understand while preparing the business for cleaner back-office control.

ConstraintsIndustry-sensitive copy, practical policy language, inventory visibility, staff-friendly updates, and checkout handoff needs.

ApproachLead with customer clarity, then model the admin workflows needed for records, service data, images, and reporting.

TechnologyResponsive web UI, admin interface patterns, image workflows, checkout preparation, and analytics concepts.

ArchitecturePublic pages connect to staff workflows for data review, visibility decisions, checkout readiness, and reporting.

ChallengesKeep the site approachable for normal customers while showing the owner where a private admin phase could go.

ResultsA stronger public presence with a clearer path toward internal tools and more organized daily management.

Open live project

Sortie R&D · internal builds

R&D 01 · Studio platform

Sortie Site OS

Internal · not a client engagement

This site is also a working sample: themeable brand assets, a realtime spatial scene, a live product demo, a guided intake brief, and the positioning that holds it together.

Type: Internal R&D
Proves: Design + engineering in one
Try it: Studio demo

Read mission log

ObjectiveShow Sortie as a studio that can design polished websites and practical business tools.

ConstraintsFast loading, accessible interactions, mobile responsiveness, reduced-motion support, and a logo system that changes with the selected palette.

ApproachBuild the brand around depth, orbit, and operational clarity while keeping the copy direct for nontechnical clients.

TechnologyReact with TanStack Start and route-level metadata, a realtime Three.js / React Three Fiber scene loaded only in the browser, Tailwind v4 with a semantic token layer, and progressive enhancement.

ArchitectureRoutes share one design-token stylesheet and one scene state model that carries scroll and pointer data without re-rendering the page.

ChallengesMake the site feel advanced without becoming cluttered, unreadable, or dependent on effects that fail on smaller screens.

ResultsA flexible studio platform that can grow into deeper demos, service pages, case studies, and real client systems.

Open the live demo

Next build

Bring the version of this that fits your business.

Start a build