AI / SaaS / Product design

JurisVoice

Technology
- Next.js / Expo / Supabase

A better
first response

A missed call can mean a missed conversation with someone who needs legal help. JurisVoice is an AI voice receptionist MVP for small immigration law firms, designed around after-hours reception, multilingual intake, and a clear handoff to the legal team.

I’m building the product as a solo founder, designer, and full-stack developer: connecting the voice workflow, a desktop portal, and a mobile companion. English and Spanish are the initial focus; Arabic remains beta. Personal-injury workflows are a later expansion.

MVP

PRODUCT DESIGN & DEVELOPMENT

Project
JurisVoice · Independent SaaS
My role
Founder · Product design · Full-stack development
Built with
Next.js · TypeScript · React Native / Expo · Supabase · Vapi
Current stage
MVP implementation / pilot validation

The visuals below are cropped UI design mockups with illustrative data, rather than live client screenshots.

Desktop portal

Make the call workflow visible.

JurisVoice dashboard design mockup showing call-volume and intake overview cards
Design mockup · Dashboard overview with illustrative metrics; these are not product usage results.

Designing for
the front desk

Start with the handoff

The key journey is a call becoming an actionable record: review the summary, understand the intake, then decide who follows up. The portal organizes calls, leads, and alerts around that journey rather than adding unrelated case-management tools.

Design by responsibility

Managing attorneys, office managers, and intake staff need different views. I mapped owner, manager, and staff permissions into the navigation, visible actions, and access-denied states, with firm and role boundaries enforced in the backend.

Build one visual language

A shared brand board and screen specifications keep the desktop and mobile experiences consistent. Charcoal and electric blue establish hierarchy; Montserrat supports readable interface text, while Playfair Display gives the identity a legal-services character.

From intake to follow-up

Context before action.

Call-detail design mockup showing the recording playback controls
Design mockup · The recording-player concept, cropped to exclude caller details.
Alert-list design mockup showing delivery channels, status, and acknowledgement actions
Design mockup · Intended alert states and actions; delivery status shown here is illustrative.

One backend.
Two interfaces.

  1. 01 / Voice intake

    Vapi

    Webhook handlers translate call events into call, lead, and alert records.

  2. 02 / Shared data

    Supabase

    Postgres, Auth, Storage, and Edge Functions support both apps. Row-level policies scope data by firm and role.

  3. 03 / Team visibility

    Next.js + Expo

    The web portal and native mobile companion read the same data. Realtime updates and live-call timers make ongoing work visible.

This describes the implemented architecture in the repository, rather than a claim of production reliability or verified end-to-end service performance.

A companion
away from the desk

The React Native / Expo app shares the portal’s Supabase backend and focuses on checking calls, reviewing leads, and responding to alerts. It carries the same role boundaries and visual language into a smaller screen, while firm administration stays on the web.

The mobile design reference shown here is limited to overview cards. Its figures are sample content, not customer or adoption metrics.

Mobile dashboard design mockup showing compact call and lead overview cards
Design mockup · Mobile overview with illustrative data.

Built so far.
What comes next.

Implemented in the MVP

  • Web portal and Expo mobile companion.
  • Call, lead, and alert views with role-specific access.
  • Supabase firm and role policies, Realtime subscriptions, and call-event handlers.
  • Shared brand system and desktop / mobile screen specifications.

Still being validated

  • Pilot workflows and end-to-end voice handling.
  • Arabic-language quality; English and Spanish take priority.
  • Notification delivery and backup escalation.
  • Clio sync is currently simulated; the real integration and automation remain deferred.

JurisVoice is an MVP in pilot validation. Customer outcomes, production reliability, and legal-compliance results have not been established by this case study.

VIEW
Close