Brakeline Automotive Works

Brakeline Automotive Works — darbnīca, kas iegūst uzticību, pirms tiek atvērtas servisa durvis

Koncepta dizains, kas pēta, kā modernam auto servisam jāizskatās tiešsaistē

Šis ir portfolio koncepts, nevis īsta klienta projekts. Mēs to uzbūvējām, lai parādītu, kā Lindevo izstrādātu un palaistu vietni neatkarīgai auto darbnīcai, kas konkurē ar oficiālajiem dīleriem un ķēžu franšīzēm. Brīfs, ko izvirzījām paši sev: "klientam ar iedegtu motora kļūdas indikatoru jāspēj rezervēt diagnostiku mazāk nekā 90 sekundēs un pa to laiku jākļūst mierīgākam."

Ko šis dizains atrisina

Neatkarīgās darbnīcas dzīvo un mirst uz uzticības. Lielākā daļa nišas vietņu, ko apskatījām, vai nu izskatās ieslēgtas 2012. gadā (veidnes, klipārts, pogas "Iesniegt formu"), vai arī izliekas par oficiālo dīleri un tādējādi pazaudē siltumu, kas patiesībā ir kaimiņu darbnīcas galvenā priekšrocība. Brakeline mokaps apzināti iet pa vidu — industriāla tipogrāfija, asas sarkanas akcenta krāsas un atklāta varoņa fotogrāfija, papildināta ar maigu mikrokopiju, kas vispirms paskaidro kas ir vainas mašīnai un tikai tad pārdod.

Varonis sākas ar peldošu diagnostikas kartiņu, kas rāda darbnīcas statusu reāllaikā (pulsējošs "Darbnīca atvērta" indikators) — digitāls ekvivalents tam, ka no ielas redzi atvērtas servisa durvis. Zem tās trīs pakalpojumu līmeņi (Apkope, Diagnostika, Flote) sakārtoti asā režģī ar caurspīdīgām sākuma cenām. Nekādu "Sazinieties, lai uzzinātu cenu". Apmeklētāji aiziet ar konkrētu skaitli galvā.

Atsevišķa Flotes pakalpojumu sadaļa uzrunā augstākās vērtības klientu, ko vairums neatkarīgo darbnīcu nemārketē — mazos uzņēmējus ar 3–20 transportlīdzekļu floti. Tā sadaļa lieto savu ritmu — plašāku, mierīgāku, "uzņēmuma līmeņa" — lai signalizētu, ka Brakeline ir gatavs rakstīt rēķinus, nevis tikai apkalpot ielienotājus.

Dizaina sistēmas akcenti

• Industriāli sarkans primārais tonis (#ba1a1a) kopā ar darbnīcas pelēktoņu fotogrāfiju taustāmai, mehāniskai sajūtai
• Asu malu rāmji ap varoņa attēlu, kas raisa asociāciju ar atvērtām servisa durvīm — sīka, izturīga detaļa, ko konkurenti palaiž garām
• Reāllaika statusa indikators ar CSS pulsa animāciju, ankurēts pie varoņa kartītes
• Procesa laika līnija, veidota kā četru soļu horizontāls režģis, kas mobilajā ierīcē lasās pa diagonāli, saglabājot ritmu un neuzspiežot vertikālu skursteņa izkārtojumu
• Pieejami fokusa rāmji uz katra interaktīva elementa — obligāti biznesiem, kuru gados vecākie klienti rezervē no telefona

Tehnoloģiju steks

• TanStack Start ar React 19 — SSR un straumēšana pa katru maršrutu
• Tailwind v4 @theme tokeni, ierobežoti katram mokapam, lai tēmas nepārtek viena otrai
• Framer Motion varoņa staggered animācijām (apzināti minimālas — auto klientus nepārsteidz paralakse)
• Izvietots uz Vercel ar malu kešošanu

Vēlaties šādu vietni savai auto darbnīcai?

Katra šeit redzamā komponente ir uzbūvēta un tēmojama: navigācija, varonis, pakalpojumu līmeņu režģis, flotes bloks, procesa laika līnija, atrašanās vietu karte un kontaktu forma. Mēs varam pārzīmēt to ar Jūsu zīmolu, ievietot Jūsu reālās fotogrāfijas, savienot rezervāciju ar Jūsu esošo programmatūru un palaist produkcijas vietni aptuveni divās nedēļās. Sākt sarunu →