AI Scans · Capture
Unmonitored: Scans flowed into the model with no visibility, so nobody could tell how many ran or how well they performed.
GR1P AI Fit Platform
Web control center for an AI fit platform: scans, matching, products and subscriptions.
gr1p.aiLive
AI / MLUI/UX + Dev
AIScan → match
490+Scans monitored
296Products
LiveAlgo monitor
Overview/ 01
The control center for an AI fit platform
Monitor AI scans and the matching engine; manage products, users and billing.GR1P takes users from scan to perfect match. This web platform is its control center, monitoring AI scans and the matching algorithm, and managing products, users, subscriptions, notifications and APIs behind the experience.
- AI scan & algorithm monitor
- Tunable matching configuration
- Role
- UI/UX + Development
- Industry
- AI · SaaS
- Timeline
- 6 months
- Platform
- Web + Mobile
- Role
- UI/UX + Development
- Industry
- AI · SaaS
- Timeline
- 6 months
- Platform
- Web + Mobile
- Billing
- RevenueCat
- Year
- 2023
Scope & deliverables
- Discovery & Strategy
- UX / UI Design
- Frontend Engineering
- Backend & Integrations
Discovery & Strategy
Architecture for the scan-to-match flow, algorithm monitor and admin.
UX / UI Design
A focused dark design system for analytics, configuration and management.
Frontend Engineering
A fast, responsive dashboard with real-time scan and accuracy analytics.
Backend & Integrations
Algorithm config, product/user APIs, RevenueCat billing and push.
Challenge & solution
A black-box model, or a monitored, tunable engine
An AI matching model ran as a black box, no scan visibility, no way to tune it, and ad-hoc product, user and billing management.
- Unmonitored scans
- Black-box model
- Opaque billing
0Visibility
Ad-hocAdmin
Algorithm · Matching
Black box: The matching algorithm was a black box, there was no way to monitor it or adjust its behaviour without a redeploy.
Products · Catalog
Static list: The product catalog the model matched against was static and hard to maintain, so matches went stale.
Users · Accounts
No admin view: There was no admin view of users, so support and analytics meant digging through the database by hand.
No core
No shared platform
Fragmented systems
0VisibilityAd-hocAdmin
Subscriptions · Billing
Opaque billing: Subscription state was opaque, so it was hard to see who was active, trialing or churned across stores.
Notifications · Engagement
No outreach: There was no way to reach users with timely alerts, so re-engagement relied on app-store updates alone.
Insights · Analytics
No reporting: With no reporting, scan volume, accuracy and growth trends were invisible to the team.
REST API · Developer
Closed: Integrations were ad-hoc with no documented surface, slowing the mobile app and partner work.
490+Scans
296Products
AIMatching
LiveMonitor
Key features
Everything behind the scan, in one console
Watch the algorithm, tune matching and manage products, users and subscriptions.From watching the algorithm in real time to managing products, users and subscriptions, every lever behind the AI fit experience lives in one console.
01/05 features
Tap a product
Auto-playing. Hover to pause
gr1p.ai
Scans & Algo Monitor
A real-time monitor surfaces total scans, valid/invalid counts and accuracy so the team can watch the model perform.
Engineering
Technology & Development
Monitored matching engine with product management, RevenueCat billing and APIs.Engineered to power an AI fit experience, a monitored matching engine, product and user management, RevenueCat billing, push and a documented API.
- Mobile AppAPPScan capture · the consumer scan-to-match experience01
- Matching EngineAIAI model that matches a scan to the best-fit products02
- Admin ConsoleUIAlgo monitor · products · users · subscriptions · push03
- Data & BillingAPIEncrypted data · RevenueCat billing · documented REST API04
- 01Discovery & ArchitectureMapped the scan-to-match flow, monitoring needs and admin into one blueprint.Phase 1
- 02UX / UI DesignBuilt a focused dark design system for analytics, configuration and management.Phase 2
- 03Frontend EngineeringDeveloped a fast, responsive console with real-time scan and accuracy analytics.Phase 3
- 04Engine & IntegrationsEngineered the matching config, product/user APIs, RevenueCat billing and push.Phase 4
- 05QA & SecurityHardened auth and roles, then validated the monitor and matching end to end.Phase 5
- 06Launch & IterateShipped with monitoring and analytics, then iterated on real model performance.Live
Stack
- React
- Next.js
- TypeScript
- Node.js
- REST API
- Matching
- PostgreSQL
- Redis
- AWS
- RevenueCat
- Push
- Mobile App
Product Screens
Scan to match, one console
Browse dashboard, scans, algorithm config, products, users and subscriptions.Glide through the live GR1P console, dashboard, scans, algorithm config, products, users, subscriptions, push and APIs.
Drag to explore01 / 12
Philosophy
Design Approach
Focused dark design turning AI scans and analytics into glanceable insight.A focused, dark design philosophy built for clarity, turning AI scans and dense analytics into glanceable, actionable insight.
ClarityInsightTrustResponsive
- Design pillars
- 04
- Accessibility
- AA
- Analytics
- Live
- Data-First LayoutsGlanceable analytics that turn scan volume and accuracy into instant insight.Live
- Controllable AIConfiguration surfaces that make a complex matching engine easy to tune.Tunable
- Focused Dark UIA high-contrast dark interface that keeps charts and data crisp.AA
- Secure by DesignRole-based access protecting scans, users and billing data.RBAC
Tokens
Design System
One dark visual language across analytics and management screens.A cohesive dark visual language that keeps every analytics, configuration and management screen sharp and consistent.
- Typography6 scale steps
- Spacing5 tokens
- Icons8 symbols
- Breakpoints4 sizes
Type samples
HeadingSpace Grotesk 800 · 32px
SubheadingInter 500 · 20px
Body text for product listings, collections, and guides.Inter 400 · 16px
More work
Explore more projects
AI platforms, retail SaaS and government systems from our team.More of what our team designs and ships, from AI and retail platforms to government systems and healthcare SaaS.
Subscription SaaS2023FLD, Gun Retail2023
Government Platform2025HMIS, KPK2025
Web Platform2024Zenara Healthcare2024