Landing page / CRM / Branża motoryzacyjna

DetailFlow — landing i CRM dla studia detailingu

Kompletny system pozyskiwania klientów dla studia auto detailingu: landing premium, oferta usług, galeria przed i po, formularz wyceny ze zdjęciami oraz panel zgłoszeń.

O projekcie

Rozwiązanie zbudowane
wokół użytkownika.

DetailFlow to kompletny system przygotowany z myślą o studiach auto detailingu, które pozyskują klientów z Instagrama, reklam i poleceń. Projekt nie jest wyłącznie stroną wizytówkową. Jego głównym zadaniem jest przeprowadzenie użytkownika od obejrzenia realizacji do wysłania konkretnego zapytania o wycenę. Landing prezentuje najważniejsze usługi, pakiety cenowe, galerię realizacji przed i po, odpowiedzi na najczęstsze pytania oraz rozbudowany formularz wyceny. Klient może podać dane auta, wybrać usługę, opisać jego stan i dodać zdjęcia. Wysłane zgłoszenia trafiają do osobnego panelu CRM, gdzie studio może zmieniać statusy, dodawać notatki, przeglądać zdjęcia i eksportować dane.

Moja rola

Projekt i wykonanie kompletnego systemu: landing page, struktura oferty, formularz wyceny, upload zdjęć, panel CRM, statusy zgłoszeń, notatki, eksport CSV i responsywny interfejs.

Status projektu

Projekt demonstracyjny dla studia auto detailingu, pokazujący połączenie strony sprzedażowej z obsługą leadów.

Technologie

Frontend

Next.jsTypeScriptTailwind CSS

Dane i pliki

SupabaseSupabase Storage

Sprzedaż

Formularz wycenyCRMStatusyEksport CSV

UX

Galeria realizacjiPakiety cenoweWidok mobilny

Proces

Od reklamy do
uporządkowanego zgłoszenia.

System prowadzi użytkownika przez ofertę, formularz i przesłanie zdjęć, a następnie zapisuje lead w panelu obsługi.

01Ruch z Instagrama lub reklam
02Prezentacja usług premium
03Formularz wyceny
04Upload zdjęć auta
05Zgłoszenie w CRM
06Statusy i notatki
07Eksport CSV

Problem i rozwiązanie

01 / Problem

Co wymagało zmiany?

Wiele studiów detailingowych prowadzi cały kontakt przez wiadomości prywatne. Klienci przesyłają niepełne informacje, zdjęcia giną w rozmowach, a właściciel nie ma jednego miejsca do zarządzania zapytaniami.

02 / Rozwiązanie

Jak to rozwiązałem?

DetailFlow łączy landing sprzedażowy, ofertę, galerię realizacji, formularz kwalifikujący klienta, przesyłanie zdjęć auta, panel do obsługi zapytań, statusy, notatki i eksport danych do CSV.

Funkcje

Najważniejsze
elementy projektu.

01Rozbudowany hero z mocnym CTA
02Sekcja usług detailingowych
03Pakiety cenowe
04Duża galeria realizacji
05Porównanie zdjęć przed i po
06FAQ
07Formularz szybkiej wyceny
08Możliwość dodania maksymalnie trzech zdjęć
09Kontakt przez Instagram i WhatsApp
10Mapa lokalizacji
11Logowanie administratora
12Lista zgłoszeń
13Dane klienta i samochodu
14Źródło pozyskania leada
15Podgląd przesłanych zdjęć
16Statusy obsługi i notatki
17Wyszukiwanie, filtrowanie i eksport CSV

Architektura

Spójny system
od frontendu po dane.

Oddzielone warstwy aplikacji ułatwiają rozwój, wdrażanie i bezpieczną obsługę zewnętrznych integracji.

Frontend

Next.jsTypeScriptTailwind CSS

Dane i upload

SupabaseSupabase Storage

Proces sprzedaży

Formularz leadowyCRMStatusyEksport CSV

Landing page

Formularz wyceny

Panel CRM

Integracje backendu

Supabase StorageCSV

Rezultat

Landing, który
kończy się konkretnym leadem.

Studio otrzymuje nie tylko atrakcyjną stronę, ale także uporządkowany proces obsługi zapytań. Klient od razu przekazuje informacje potrzebne do przygotowania wyceny, a właściciel nie musi szukać danych w wielu rozmowach.

DetailFlow jest projektem demonstracyjnym. Dane, kontakty i przykładowe zgłoszenia widoczne na ekranach nie przedstawiają prawdziwych klientów.

Galeria