Website / Automotive / Concept
A dark, amber-lit website for car coding and chiptuning, with a working in-car screen built in HTML and SVG.
Project overview
LA Car Coding is a concept website pitched to a car coding and chiptuning business known on Instagram as @carcoding.la. The hero is a glowing orange tachometer. A pinned head-unit screen, built entirely in HTML and SVG, walks through the services: the factory menu, a CarPlay grid, navigation and a software update, a Stage 1 ECU flash with a dyno line from 150 to 190 hp, an RS-style gauge check and a coding screen with toggles and a log.
The goal was to make the offer easier to understand, present the work with stronger context and create a smoother path from first impression to contact, inquiry, booking or product evaluation.
A closer look
Open any image for a full-screen preview.
Case study
Coding and remapping are invisible services: the work happens inside the car's software. The concept makes it visible by putting a believable car screen at the centre of the page and letting visitors build their own coding package before they send a message.
Trust and performance signals
6
Screen states
Factory menu, CarPlay, navigation update, Stage 1 flash, gauge check and coding log.
150 → 190
Stage 1 example
Illustrative horsepower on the dyno line; real figures depend on the car and are confirmed first.
100
Desktop Lighthouse
93 to 95 on mobile, 100 for accessibility, best practices and SEO.
The thinking behind the work
The brief
The business already has an audience on Instagram. The website needed to explain CarPlay and Android Auto activation, software and navigation updates, Stage 1 remaps and DPF, EGR and AdBlue solutions to drivers who are not technicians, and move them to a message.
Design direction
Archivo Expanded headlines, Geist for text and Geist Mono for readouts. One amber accent (#FF8A1F) on near-black panels, like instrument lighting, with no neon gradients.
Lead flow
A coding-feature builder lists comfort, lighting, dashboard and multimedia options as toggles. The selection feeds a three-step form (car, service, contact) that prepares a WhatsApp or Viber message, so the shop receives model, engine and wishes in one go.
How it works
01
Collect services and wording from the shop's Instagram profile.
02
Design the head-unit screens and gauges as code, not images.
03
Pinned screen sequence, tachometer hero, stacking cards and chart redraws.
04
Feature builder and a three-step WhatsApp / Viber form.
Design assets
Deliverables
Website
Concept & copy (sr)
UX/UI Design
GSAP motion
Interactive UI
Lead form
Build something similar
Send a short message about your business, market, current site and goal. Panic Digital can help define the structure, design, development and SEO foundation for the next step.
Contact Panic Digital
Continue exploring
+A no-nonsense website for an automatic-transmission service in Teslić that starts with diagnosis, not guesses.
View next caseRelated project pages