TRISP Session Portal

TRISP Session Portal is a custom internal operations tool and client-facing portal built for TRISP Studio, a photography and creative studio.

The system turns the post-booking and post-shoot client experience into a structured workflow for managing confirmed sessions, location details, gallery delivery, favorites selection, editing timelines, and final delivery communication.

The original photography workflow involved many small handoffs: confirming session details, sharing gallery links, waiting for client favorites, calculating editing timelines, and sending the right updates at the right time.

None of those tasks were individually difficult, but together they created operational friction, uncertainty for clients, and extra mental load for the studio.

I built a session management system directly into the existing TRISP Studio website. The system has a private admin dashboard for studio operations and a public client portal for each confirmed session.

Each client receives a unique portal link where they can see session status, location details, gallery access, favorites confirmation, and delivery timeline information.

• Created session records for confirmed paid clients
• Managed client name, email, session type, date, time, package, locations, and internal notes
• Supported multiple shoot locations with optional time ranges
• Provided explicit Save and Discard Changes behavior to avoid accidental email triggers
• Added status controls for session complete, gallery delivered, editing in progress, and final delivered
• Generated copyable client portal URLs for personal handoff after deposit confirmation

• Displayed client name, session type, date, time, and current status
• Showed a status timeline and smart estimated delivery card
• Provided shoot location information with map links
• Gave clients gallery access when the unedited gallery was delivered
• Allowed clients to confirm when favorites were selected
• Updated the editing timeline after favorites were received

The system is built around a status-based pipeline. Booking confirmation and location setup are treated as prerequisites, while post-shoot stages are managed through explicit status changes and client actions.

The favorites confirmation is a key automation moment: once a client confirms their selections, the system records the date, calculates the edited gallery estimate, advances the session to editing in progress, and sends notifications.

Resend handles automated email notifications at meaningful workflow moments, including session complete, gallery delivered, favorites received, and final delivered.

The delivery card changes meaning depending on where the client is in the pipeline, showing the unedited gallery estimate, favorites-needed state, edited gallery estimate, or delivered status.

• Kept the first client touchpoint personal by letting the studio manually send the portal link after deposit confirmation
• Started automation after the relationship was already established
• Used explicit saves to prevent accidental workflow or email changes
• Designed the portal to feel premium and reassuring rather than purely transactional
• Kept the admin workflow focused on statuses that require action

The system is built into the existing TRISP Studio website using React, Vite, TypeScript, Supabase, serverless API routes, Resend, and Vercel deployment.

A separate session locations table supports multi-location shoots, while serverless API routes handle admin CRUD, public portal access, client actions, shared session logic, and automated email delivery.

One production issue involved Vercel route handling. A dynamic API route was being intercepted by the single-page app catch-all rewrite, causing public session lookups to fail.

The fix was to replace the dynamic API route with a flat route using a query token. That made the route an exact serverless function match and restored reliable portal access in production.

This project also became a practical example of AI-assisted product development. I used Codex inside the existing codebase, Claude with Supabase MCP for database work, Claude Design for the product showcase foundation, and After Effects for motion polish.

The value was not adding AI into the product for its own sake. The value was using AI tools to move from operational ambiguity to a working business system faster and with more design iteration.

TRISP Session Portal gives the studio a more organized way to manage photography sessions from deposit confirmation through final delivery.

The biggest lesson was deciding what not to automate. The system preserves personal client relationship moments while automating the repetitive follow-up and tracking work that happens after the session is underway.