MechanicDesk
Website redesign · 3 concepts · demo build
All of the content from mechanicdesk.com.au, kept — only the design system changes. Pick one and it becomes the production design.
A light engineering document: hairline grid, monospace spec labels, dimension lines, and pricing as a comparison table.
Sáng, kỹ thuật, kiểu bản vẽ. Cam chỉ dùng làm màu tín hiệu.
Reads most “engineering company”.
Open Blueprint →Graphite dark with orange as a signal light: hazard tape, carbon weave, a tyre-tread footer edge and a workshop photo band.
Tối kiểu graphite, cam làm đèn tín hiệu. Nhiều chi tiết xưởng nhất.
Most premium, most workshop.
Open Graphite →Warm cream with bold display type, a large orange panel behind the product tour, and real workshop photography leading.
Nền kem ấm, chữ to đậm, ảnh xưởng thật làm chủ đạo.
Warmest, most conversion-forward.
Open Torque →The product tour
All three heroes run the same ten screens of the real app inside a macOS window — diary, job card, check sheet, timesheets, invoice, tax invoice, inventory, reports — with the real mobile app on an iPhone in front. Frames come from MechanicDesk’s own tutorials and App Store listing.
Content
Every feature bullet, integration, price, phone number and policy link from the live site is kept — but nothing long is printed by default. Detail sits behind click-to-open blocks.
Automotive character
Automotive iconography, a workshop photo band, and per-concept cues: dimension lines and bolt marks, hazard tape and carbon weave, or workshop photography and a tread strip.
Photography
The old cut-out category images and both stock blog covers were replaced with licensed Pexels photography. Real brand assets — the logo, 17 partner logos, 3 customer logos — are untouched.