📐 Specyfikacja techniczna: Redesign strony internetowej
TV Mount Company
Strona źródłowa: www.install-tv.com
Format: Jednostronicowa (landing page)
Cel: Zwiększenie konwersji poprzez czysty, nowoczesny design z naciskiem na zaufanie, profesjonalizm i prostotę.
🔧 Kluczowe zasady
- Struktura HTML i kolejność bloków pozostają bez zmian
- Całkowita wymiana grafiki, czcionek, kolorów, ikon i stylów (CSS)
- Maksymalnie czysty i lekki design (minimalizm)
- Powszechne wzmacnianie społecznego zaufania (social proof)
- Integracja wyskakujących okienek, promocji, galerii, Google Reviews, przycisków CTA i interaktywnego quizu
- Design musi być responsywny (desktop, tablet, mobile)
🔷 Marka i identyfikacja wizualna
Nazwa: TV Mount Company
Kolor główny: #1A73E8 (niebieski — zaufanie, technologia)
Kolor akcentowy: #FFA800 (pomarańczowy — CTA, promocje)
Tła i kolory neutralne:
- Biały: #FFFFFF
- Jasnoszare tło: #F9FAFC
- Szary tekst: #4F4F4F
Czcionka: Inter lub Poppins
Ikony: outline lub flat 3D w jednolitym stylu
📏 Struktura strony (niezmienna, wzmacniana)
- Blok hero
- 📸 Obraz: zamontowany TV + soundbar + zadowolony klient
- Nagłówek, podnagłówek, CTA [ Get Instant Estimate ]
- Odznaki zaufania: Google ★4.9, Yelp, BBB
- Wyskakujące okienko po 5 sekundach: “35 instalacji dzisiaj”
- Galeria prac (nowy blok)
- Zdjęcia “przed/po”
- CTA: [ Want Your TV Look This Good? ]
- Opinie
- Suwak lub kafelki
- Zdjęcie klienta, imię, gwiazdki
- Popup: “⭐ Alex z Atlanta zostawił opinię”
- CTA: [ I Want This Experience ]
- Oferty specjalne / UTP (nowy blok)
- 📺 Rabat 10% przy instalacji 3+ TV
- 🤝 Poleć znajomego — otrzymaj $25
- 🕓 Licznik: “Rabat 10% do 17:00”
- CTA: [ Claim My Discount ], [ Invite & Save ]
- Dlaczego warto nas wybrać
- Kafelki z ikonami: doświadczenie, szybkość, opinie, gwarancja
- CTA: [ Find Your Installer Now ]
- Jak to działa
- Trzy kroki: Wybierz czas → Przyjazd → Montaż
- CTA: [ Try It — It’s That Easy ]
- Cennik / Pakiety
- Kafelki z ikoną + typ montażu + cena
- Odznaka “Most Popular”
- CTA: [ Book This Package ]
- Mistrzowie
- Zdjęcia, imię, ocena, liczba zleceń
- Wideo “Jak przebiega montaż”
- CTA: [ Choose Your Technician ]
- Formularz zgłoszeniowy
- Imię, telefon, ZIP
- Sticky CTA na mobile
- Tło: oceny, logotypy
- Wsparcie quizu
- FAQ
- Akordeon z najczęściej zadawanymi pytaniami
- CTA: [ Still Have Questions? Let's Talk ]
- Stopka
- Dane kontaktowe, powtórzenie CTA, logotyp, ikony mediów społecznościowych
📍 Google Moja Firma — osobny blok
- Podłączany przez widget (Elfsight / Trustindex / API)
- Wyświetla:
- Ocena Google
- Ostatnie opinie
- Mapę i adres
- Przycisk “Call Now”
- Wstawiany po bloku opinii
🧠 Quiz zamiast formularza (po przycisku)
Kroki:
- Typ TV + mocowania
- ZIP i wygodna data
- Imię + telefon
- Końcowy ekran: “Dziękujemy, wkrótce skontaktuje się z Tobą menedżer”
Uruchamia się z większości przycisków CTA.
🔘 Przycisk CTA (na całej stronie)
- Maksymalnie 1 duży przycisk na ekran
- Kolor: #1A73E8, hover: #FFA800
- Sticky CTA na dole ekranu na mobile
- Wszystkie prowadzą do formularza lub quizu
🧩 Wyskakujące i dynamiczne elementy
- 📍 Popup “35 zamówień dzisiaj” (po 5–7 sek)
- 📍 Powiadomienia toast o opiniach
- 📍 Popup z ofertą rabatu po opuszczeniu strony
- 📍 Licznik w promocjach
- 📍 Animacje przewijania (fade-in, slide-up)
📦 Na końcu
- 🎨 Makieta w Figma (desktop + mobile):
- Blok hero
- Galeria
- UТП
- Opinie
- Formularze i quiz
- Google Reviews
- Sticky CTA
- 🖼 UI Kit:
- Kolory, czcionki, przyciski, pola, kafelki
- 💻 Style CSS/SCSS