Concept/Demo
Device Repair & Diagnostics: a website direction for your business.
A quote given as a band with the reason it is a band, a device old enough to be a used-parts job told so, and a repair worth more than the device talked out of rather than sold.
Concept/demo. Sample business details, prices and availability are illustrative. Journeys run in the browser; no booking, order, payment or request is sent.
Business need
Make the next step clear.
For device repair & diagnostics, visitors need to understand the offer, inspect the details, and see how to take the next step. This concept makes that journey visible before a real project is scoped.
Design direction
Deep magenta on warm white, bench amber. Typography uses Schibsted Grotesk and Be Vietnam Pro, with a palette developed for this concept.
Primary journey
Device kind, rough age and symptom → a price BAND with the reason for its width beside every cause → water damage refused a quote entirely → a device over six years old told the part would come out of another broken one → a repair worth more than the device talked out of → booking preview
Frontend features
Explore what the interface does.
- Device and symptom selection
- Age-based guidance
- Explained repair-price band
- Quote preview
Making it production-ready
- Your business content and photography
- A confirmed scope, pricing and timeline
- Backend, payment, booking or third-party integration where your workflow needs it
The sample interface does not establish live stock, availability, payments, professional services, or business outcomes.
Desktop & mobile
Try the same journey on your screen.
The live demo adapts to desktop and mobile. Open it to explore layouts and controls at your own screen size.
Photography credits
Sources used in this concept
- board-dark.jpg — Anne Nygard Source · Licence
- board-green.jpg — Chris Ried Source · Licence
- board-macro.jpg — Harrison Broadbent Source · Licence
- drawers.jpg — Florian Olivo Source · Licence
- hero-bench.jpg — ThisisEngineering Source · Licence
- screen-parts.jpg — Aweek Jiang Source · Licence
- soldering.jpg — Blaz Erzetic Source · Licence
- technician.jpg — Arabian Infotech Qatar Source · Licence
- tools-dark.jpg — Matias Luge Source · Licence
Build around your actual business.
Share your goals, content and workflow. We will define the design, features, integrations, scope and quotation with you.