Trimyu

Choose your next haircut before the first snip.

Trimyu is a digital hairstyle consultation platform for barbershops that helps customers discover and agree on a haircut style before the cut starts. Customers browse inspiration on in-shop TVs or continue on their phones via QR code, then share a clear reference with the barber to reduce miscommunication and improve satisfaction.

Business Goals

  • Increase haircut upsell acceptance or premium style-booking conversion by 15 percent within 6 months of rollout.
  • Reduce style-related complaint or redo rates by 25 percent within 3 months per shop.
  • Achieve 35 percent of active customers using QR-based mobile continuation within 90 days of launch.
  • Improve repeat visit rate by 10 percent within 6 months in participating shops.
  • Reach an average shop onboarding time under 30 minutes for the first live location.

User Goals

  • Help customers quickly find hairstyles that match their face shape, hair type, and preferences.
  • Let customers continue browsing from TV to smartphone without starting over.
  • Give barbers a clear visual reference so they can confirm expectations before cutting.
  • Reduce awkward explanations and uncertainty during the consultation.
  • Make the whole consultation feel fast, modern, and easy to use in a busy shop environment.

Non-Goals

  • Not a full appointment booking or queue management system.
  • Not a social network for public hairstyle sharing or following.
  • Not a virtual try-on with AR hair rendering in the MVP.
  • Not a full POS, payment, or inventory platform for barbershops.

Raka, 27, the style-conscious customer - Raka wants a haircut that looks good on him, but he often struggles to describe what he wants. He usually brings a few screenshots and hopes the barber interprets them correctly.

Raka, 27, the style-conscious customer

  • As a customer, I want to browse haircut inspiration by length, fade type, and face shape, so that I can quickly narrow down styles that fit me.
  • As a customer, I want to scan a QR code and continue on my phone, so that I can save time and explore privately before my turn.
  • As a customer, I want to show a single saved reference to the barber, so that I can explain my preference clearly without scrolling through many images.

Maya, 38, the barbershop owner - Maya runs a busy shop and wants each chair to move faster with fewer misunderstandings. She also wants something that looks premium and is easy for her staff to use.

Maya, 38, the barbershop owner

  • As a shop owner, I want to display curated hairstyle collections on a TV, so that customers can discover options while waiting.
  • As a shop owner, I want a simple admin panel to manage featured styles, so that I can keep the content fresh without technical help.
  • As a shop owner, I want to see usage and satisfaction trends, so that I can prove the system is improving customer experience.

Dito, 31, the barber - Dito needs a fast, reliable way to align on the desired cut without long explanations. He wants visuals that are clear enough to guide the cut but not so complicated that they slow him down.

Dito, 31, the barber

  • As a barber, I want to open the customer’s selected reference instantly, so that I can confirm the style before starting.
  • As a barber, I want to add notes like fade level or top length, so that the final cut matches the agreed details.
  • As a barber, I want to handle cases where the customer has no phone or poor signal, so that the experience still works in a real shop.

TV Inspiration Display · High priority

  • A shop-facing display mode that rotates curated hairstyle inspiration and invites customers to continue on mobile.
  • Support full-screen kiosk mode for smart TVs, Android TV, or browser-based display.
  • Show curated style cards with large images, short labels, and category tags like fade, undercut, curly, or medium length.
  • Include a visible QR code and short URL for each session or collection.
  • Automatically reset to the home carousel after inactivity or when a session expires.
  • Allow the shop to highlight seasonal collections or staff picks from the admin panel.

Mobile Hairstyle Exploration · High priority

  • A QR-based mobile experience where customers can browse, filter, and save hairstyle ideas on their phone.
  • Open a lightweight mobile web app from a QR code without forcing login.
  • Allow filtering by hair type, face shape, length, maintenance level, and style family.
  • Let users save one or more references to a personal session board.
  • Keep the UI usable on low-end Android phones and slower shop networks.
  • Preserve the selected style session if the browser is briefly closed or refreshed.

Barber Consultation View · High priority

  • A shared reference view for the barber to confirm the chosen style and capture notes before the cut.
  • Provide a clean detail page with the chosen image, tags, and optional customer notes.
  • Allow barbers to add agreed cut details such as taper, fade height, top length, and fringe.
  • Support a comparison view with up to 3 references when a customer is undecided.
  • Show the selected style in offline-tolerant cached mode if the network drops after load.
  • Include a simple confirmation step indicating the style has been discussed.

Shop Admin and Content Management · Medium priority

  • Tools for shop owners or managers to manage collections, styles, branding, and basic usage reporting.
  • Create, edit, and reorder hairstyle collections and featured styles.
  • Upload or link hairstyle images with required metadata and moderation status.
  • Configure shop branding such as logo, colors, welcome text, and QR destination.
  • View basic analytics including scans, sessions started, styles saved, and most viewed categories.
  • Assign staff roles with limited access for barbers versus admins.

Analytics and Feedback · Medium priority

  • Instrumentation and lightweight feedback flows to measure usefulness and improve the recommendation and content library.
  • Capture events for TV impressions, QR scans, mobile browse depth, saves, and barber confirmations.
  • Prompt for a 1-tap satisfaction rating after a haircut session.
  • Allow shops to flag styles as outdated or poor quality.
  • Aggregate metrics by location, date, and collection.
  • Export monthly summaries as CSV for operators.

From TV to Personal Style Session

  • Customer sees hairstyle inspiration playing on the barbershop TV while waiting.
  • A large QR code appears beside the currently featured collection.
  • Customer scans the QR code and opens a mobile web session in under 5 seconds.
  • The app loads the same collection already shown on TV, so there is no need to search again.
  • Customer filters styles, saves one reference, and shares it with the barber before the cut starts.

1. Welcome on the TV display

  • The shop opens Trimyu in kiosk mode and the screen starts a curated style loop immediately.
  • Default to a clean, high-contrast carousel with large images and short labels.
  • If the TV is idle for more than 60 seconds, return to the default collection.
  • Show a prominent QR code and one-line instruction for scanning.

2. Scan and continue on mobile

  • The customer scans the QR code to open the same style collection on their phone without a login wall.
  • Use a signed session link so the phone opens directly into the correct shop and collection.
  • If the session link is expired, fallback to the shop home collection and explain why.
  • Mobile load time target under 3 seconds on 4G for the initial page.

3. Filter and compare styles

  • The customer narrows styles by practical preferences and visual similarity.
  • Support filters for hair length, fade type, curl pattern, maintenance, and face shape.
  • If no results match all filters, show nearest matches instead of a blank state.
  • Allow up to 3 saved references for comparison.

4. Save and share the chosen reference

  • The customer selects one hairstyle and hands it over digitally to the barber or shows it on screen.
  • Store the selected style in a session board accessible from the barber view.
  • Generate a clean share sheet with the key style tags and reference image.
  • If the customer declines sharing digitally, provide a large single-reference view they can show in person.

5. Barber confirms the details

  • The barber opens the reference, discusses any adjustments, and marks the style as agreed.
  • Allow editing of core cut attributes such as fade height and top length.
  • Require a confirmation tap before the session is marked complete.
  • If the barber changes the target style, preserve the original reference and add notes rather than overwriting it.

Power Features and Edge Cases

  • Language support for Indonesian and English for tourists or mixed-language shops.
  • Offline cached mode for the TV display and previously loaded session pages.
  • Staff-curated collections for events such as back-to-school, festive season, or trending fades.
  • Optional customer note capture for issues like cowlicks, thinning areas, or curly texture.
  • Duplicate-image detection and moderation queue for shop-uploaded content.

Visual and Usability Principles

  • Large tap targets and readable typography optimized for a TV viewed from 2 to 4 meters away.
  • High-contrast layout and accessible color palette that passes WCAG AA.
  • Fast image loading with progressive thumbnails and lazy-loaded detail views.
  • Minimal text, more visual browsing, and a single primary action per screen.
  • Consistent session state across TV and mobile so customers never lose their place.

Raka arrives at the barbershop after work and feels the usual uncertainty. He knows the look he wants, but explaining it in words always leads to back-and-forth, and he has had a few cuts that did not match what he imagined.

This time, the TV in the shop shows Trimyu. He scans the QR code, filters for low-maintenance medium fades, and saves two styles that fit his face shape and hair type. Within a few minutes he has one clear reference on his phone and shows it to the barber, who adds fade height and top length notes before starting.

The result is faster consultation, fewer corrections, and a haircut Raka is happy with. For the shop, each session is smoother, customers feel more confident, and the barber spends less time decoding vague descriptions and more time delivering the right cut.

User-Centric Metrics

  • At least 70 percent of scanned customers save or compare one hairstyle within the first session.
  • Average time from QR scan to first saved style under 2 minutes.
  • Customer satisfaction rating of 4.5 out of 5 or higher after haircut sessions.
  • At least 60 percent of users report the chosen reference helped them explain the desired cut more clearly.
  • Less than 10 percent of sessions end with no selected style after browsing.

Business Metrics

  • Increase repeat visit rate by 10 percent within 6 months in active shops.
  • Reduce complaint or redo incidents related to style misunderstanding by 25 percent within 3 months.
  • Achieve 35 percent QR continuation rate from TV viewers within 90 days.
  • Reach 50 percent of onboarded shops using the system weekly by the end of quarter 2.
  • Convert at least 20 percent of trial shops into paid plans within 30 days.

Technical Metrics

  • Monthly uptime of 99.9 percent for mobile and admin services.
  • Initial mobile page load under 3 seconds on 4G for 95 percent of sessions.
  • QR session-link validation and page interactions protected with signed URLs and role-based access.
  • Image delivery and browse interactions should remain functional with p95 API response times under 250 ms.

Tracking Plan

  • Track tv_home_impression when the kiosk display starts a collection.
  • Track qr_scan when a customer opens the mobile session from the TV.
  • Track style_filter_applied for each filter combination used.
  • Track style_saved when a reference is added to the session board.
  • Track barber_view_opened when the barber opens a customer reference.
  • Track consultation_confirmed when the barber marks the style as agreed.
  • Track post_cut_rating when the customer submits satisfaction feedback.

Technical Needs

  • Frontend web app built with Next.js for both kiosk and mobile experiences.
  • Backend API using Node.js with NestJS or Express for session, catalog, and analytics endpoints.
  • PostgreSQL for users, shops, sessions, style metadata, and event summaries.
  • Object storage such as AWS S3 or Cloudflare R2 for hairstyle images and thumbnails.
  • Redis for short-lived session tokens, QR session state, and caching featured collections.
  • CDN delivery via Cloudflare or AWS CloudFront for fast image and page performance.
  • Admin dashboard with role-based access control for shop managers and barbers.

Integration Points

  • Google Analytics 4 or Mixpanel for product analytics.
  • Auth0, Clerk, or Supabase Auth for shop admin authentication.
  • Twilio or WhatsApp share links for optional session handoff notifications.
  • Cloudinary or Imgix for image resizing and optimization.
  • Stripe for subscription billing if the product is commercialized as a SaaS.

Data Storage & Privacy

  • Store only minimal personal data by default; the core experience should work without requiring a customer account.
  • Use signed, expiring session URLs for QR access to avoid exposing shop data publicly.
  • Allow shops to delete session history and uploaded images on request.
  • Comply with GDPR and CCPA principles for access, deletion, and data minimization.
  • Encrypt sensitive data in transit with TLS and at rest in the database and object storage.

Scalability & Performance

  • Use CDN caching for style images and public collections to reduce load on the origin.
  • Paginate style libraries and use infinite scroll to avoid heavy initial payloads.
  • Separate analytics writes from the primary browse flow so events do not slow the user experience.
  • Design the system to support multi-location chains with isolated shop data and shared template collections.

Potential Challenges

  • Low or unstable shop internet could interrupt the experience, so provide cached kiosk content and graceful retry behavior.
  • Poor image quality or inconsistent style tagging could reduce trust, so require moderation and standardized metadata.
  • Customers may abandon the flow if it feels too long, so keep QR-to-first-style time under 2 minutes and minimize steps.
  • Barbers may resist extra screens during busy periods, so the barber view must be one tap and visually simple.
  • Privacy concerns around customer-facing displays can arise, so avoid collecting personal identifiers unless explicitly needed.

Team & resourcing - Small team - 2 engineers, 1 designer, part-time PM, and part-time QA/support.

Phase 1: MVP Kiosk and Mobile Browse · Weeks 1-4

  • TV kiosk carousel with QR code session links
  • Mobile web experience with browse, filter, and save
  • Basic shop collections and hairstyle metadata
  • Simple admin panel for uploading images and tagging styles

Phase 2: Barber Confirmation and Analytics · Weeks 5-7

  • Barber reference view with notes and confirmation
  • Session sharing between customer phone and barber view
  • Core analytics events and basic shop dashboard
  • Satisfaction rating prompt after completed sessions

Phase 3: Multi-Shop Admin and Branding · Weeks 8-10

  • Multi-location support with role-based access
  • Shop branding controls for logo, colors, and welcome text
  • CSV export for usage summaries
  • Improved content moderation and style management workflow

Phase 4: Reliability and Growth · Weeks 11-12

  • Offline caching and degraded network handling
  • Performance optimization for image delivery and load time
  • A/B testing hooks for collections and CTA placement
  • Billing-ready architecture and Stripe integration if needed

Paste this into Cursor, Bolt, Lovable, or v0 to start building.

Build Trimyu, a web platform for barbershops that helps customers choose a hairstyle before the cut.

Product summary:
Trimyu has two customer experiences: a TV kiosk display in the barbershop that shows hairstyle inspiration and a mobile web app opened from a QR code so customers can continue browsing on their phone. The customer saves one or more hairstyle references and then shares the chosen style with the barber, who can add notes and confirm the final look before cutting.

Build these screens and flows:
1. Kiosk TV home screen with full-screen carousel, large imagery, one-line category labels, and a prominent QR code for the current session or collection.
2. Mobile browse screen opened from QR code, with filters for hair length, fade type, curl pattern, face shape, and maintenance level.
3. Style detail screen with large reference image, tags, save button, and optional comparison to up to 3 references.
4. Barber consultation screen showing the customer’s selected style, editable notes like fade height and top length, and a confirm-agreed action.
5. Shop admin dashboard for managing collections, uploading images, tagging styles, branding, and viewing basic analytics.

Data model:
Shop, Location, User, Role, StyleImage, StyleCollection, Session, SavedStyle, BarberNote, AnalyticsEvent, FeedbackRating.
Use PostgreSQL for persistence, object storage for images, Redis for short-lived QR session tokens, and signed expiring URLs for sessions.

Tech stack default:
Next.js frontend, Node.js backend with NestJS or Express, PostgreSQL, Redis, Tailwind CSS, and Cloudinary or Imgix for image optimization. Use Auth0 or Clerk for authentication, Stripe-ready billing architecture, and Mixpanel or GA4 for analytics.

Implementation requirements:
Make the UI mobile-first but with a kiosk mode that works on large TV screens. Ensure the mobile session opens without login. Keep the flow fast: QR scan to first saved style in under 2 minutes. Include offline-tolerant behavior for loaded session pages and graceful fallback if the QR session expires. Use role-based access for admin and barber users. Build clean, modern UI with strong typography, high contrast, and large touch targets.

Deliver production-quality code scaffolding, routes, components, mock data, and sensible empty states. Prioritize simplicity, fast image loading, and a smooth handoff from TV to phone to barber view.

Business Idea

Trimyu adalah platform konsultasi gaya rambut digital untuk barbershop yang membantu pelanggan menemukan model rambut yang cocok sebelum dipotong. Pelanggan dapat melihat inspirasi melalui TV di barbershop atau memindai QR Code untuk melanjutkan eksplorasi di smartphone. Setelah memilih gaya rambut, pelanggan cukup menunjukkan referensi tersebut kepada barber untuk didiskusikan, sehingga komunikasi menjadi lebih jelas dan hasil potongan lebih sesuai harapan.

Make My PRD

Design by The Resonance | Powered by GPC – The AI Transformation Company