Case study — AI-Driven Dashboard / Rapid Prototyping
ALTRES Staffing Dashboard 2026
Two versions of a modern recruiting dashboard tailored for ALTRES, Hawaii’s leading staffing firm with a major focus on healthcare and medical placements in Honolulu and surrounding areas.
The challenge
Creating a modern recruiting dashboard for Hawaii healthcare staffing
While exploring opportunities with ALTRES, Hawaii’s largest staffing firm with a major medical division, I built this spec project to demonstrate how a modern recruiting dashboard could potentially support their healthcare placement needs.
The goal was to create a clean, insightful interface that surfaces key recruiting metrics, visualizes the candidate pipeline, incorporates AI-powered matching, and feels grounded in Hawaii’s medical staffing reality — including Nurse Practitioner and RN roles at major Honolulu facilities such as Queens, Straub, Kapiolani, and Castle.
To show both speed and quality, I intentionally created two versions using different AI workflows: a fully functional hi-fi React application and a rapid lo-fi clickable HTML prototype. Both versions use the same realistic Hawaii-specific medical staffing data.
Hi-Fi Production Version
Fully interactive React dashboard built with Google AI Studio and deployed on Netlify.
→ Open Hi-Fi Demo
Lo-Fi Rapid Prototype
Clickable standalone HTML mockup generated quickly with Claude to validate layout, content, and features in one pass.
→ Open Lo-Fi Demo
My approach
Dual AI workflows: fast validation then polished delivery
Use real Hawaii medical staffing context (Nurse Practitioner and RN roles in Honolulu) to make the dashboard immediately relevant to ALTRES.
Demonstrate speed with a Claude-generated lo-fi prototype before investing in full React development.
Deliver a clean, production-ready hi-fi version with metrics, AI match scoring, and a visual candidate pipeline.
The process
Two parallel AI-driven workflows
Research
Google Stitch design ideation for a Hawaii based staffing company
Design
Refine visual designs in Figma for both versions
Lo-Fi Prototype
Claude AI generated fully clickable standalone HTML mockup for rapid validation.
Hi-Fi Build
React development using Google AI Studio, including metrics, pipeline, and AI features.
Deployment
Netlify and Github deployment for the production version.
Deliverables
What was delivered
Interactive production app with key metrics (158 active candidates, 9.8d avg time to offer, 96% AI match score), candidate pipeline (Applied → Screened → Interview → Offer), and Hawaii-specific Nurse Practitioner roles in Honolulu.
Standalone HTML mockup with expanded hiring funnel, candidate source mix, activity feed, open positions, YTD stats, and top talent highlights — all using the same ALTRES-relevant medical staffing data.
Wireframes and high-fidelity designs serving as the foundation for both versions.
Demonstration of rapid ideation (Claude) and scalable delivery (Google AI Studio + React).
React
Google AI Studio
Claude AI
Netlify
Impact
Speed of ideation + quality of delivery
Completed in 1 workday from concept to live demo
Versions of concept, Lofi/Hifi both in light and dark themes
AI workflows (Claude + Google AI Studio)
This project shows my ability to quickly ideate and validate ideas with AI tools, then deliver a polished, functional interface that speaks directly to ALTRES’s medical staffing needs in Hawaii.