- Znak · Webflow · Google Ads
- sierpień 2022
- Wrocław
Tomecki FolieStrona wizerunkowa w Webflow, znak firmy i ścieżka od reklamy do darmowej wyceny
Firma, która montuje folie okienne, zleciła mi nową stronę. Zaprojektowałem znak nawiązujący do nazwy i branży, zbudowałem stronę w Webflow, skonfigurowałem formularz, przez który klient szybko zamawia wycenę, i kampanie Google Ads, które kierowały na stronę ruch.
Zobacz stronę tomeckifolie.pl (otwiera się w nowej karcie)- 9rodzajów folii w ofercie na stronie
- 26,4 tys.kliknięć w reklamy Google Ads
- 0,88 złśredni koszt kliknięcia
Ilustracja: szyba w ramie, przez którą widać czerwoną przeszkloną elewację ze strony Tomecki Folie. Na szybę nakładana jest przyciemniona folia, a jej róg podwija się jak w znaku firmy.
01 Brief
Od wyświetlenia reklamy do pomiaru u klienta
Zadanie objęło całą drogę klienta do firmy: znak, stronę wizerunkową w Webflow nastawioną na pozyskiwanie zapytań, formularz zamówienia wyceny i reklamy, które na nią prowadzą.
Jedna akcja na każdym ekranie: „Zamów wycenę” stoi w nagłówku każdej podstrony i wraca w grafitowym pasie na końcu strony głównej.
- ZnakKwadrat szyby i róg folii, który odchodzi od szkła.Zobacz znak
- Strona w WebflowOferta dziewięciu folii, realizacje i przejścia między stronami.Przejdź po stronie
- Formularz wycenyPięć pól, cztery wymagane — potem pomiar i darmowa wycena.Wypełnij formularz
- Google AdsKampanie, które kierowały ruch na stronę.Zobacz wyniki
Tomecki Folie specjalizuje się w profesjonalnym montażu folii okiennych — przeciwsłonecznych, antywłamaniowych, dekoracyjnych, reklamowych i innych.
Pracuje dla klientów indywidualnych i instytucjonalnych: szkół, biur, sklepów, hoteli.
02 Znak i system
Szyba w ramie i róg folii
Znak nawiązuje do nazwy i branży. Kwadrat to szyba w ramie, a łuk w jej rogu — krawędź folii, która odchodzi od szkła. Nazwa wychodzi poza ramę i przerywa jej lewy bok.
- RamaCienki kwadratowy kontur — szyba, jak przeszklenia na zdjęciach realizacji.
- RógŁuk w prawym dolnym rogu, cieńszy na końcach — folia, która się podwija.
- NazwaTOMECKI nad rozstrzelonym F O L I E wchodzi w ramę z lewej strony.
System strony
- Grafit#1B191Apas „Darmowa wycena”, przyciski
- Biel#FFFFFFtło stron
- Beż#ECE7E4pas nagłówka realizacji
- Taupe#655C55pas danych kontaktowych
- Pole#F9FAFCpola formularza
Krój
Titillium Web
Profesjonalny montaż folii okiennych
Geometryczny grotesk o ściętych łukach. Prezentacja jest złożona w Titillium Web, dobranym na wycinkach plansz.
Linie
Cienkie grafitowe linie dzielą stronę jak szprosy okno: pod nagłówkiem, między tekstem a zdjęciem w hero, nad pasami zdjęć.
03 Strona główna
Strona, która prowadzi do wyceny
Strona główna z jej słowami i zdjęciami. Przewiń wewnątrz okna albo przejdź po przystankach — przyciski w nagłówku i na kartach prowadzą do dalszych rozdziałów.
Hero
Hasło, jedno zdanie o trzech korzyściach i przeszklona elewacja. Nagłówek z „Zamów wycenę” zostaje na górze przy przewijaniu.
Dane kontaktowe są przykładowe
04 Folie
Dziewięć folii, jedna szyba
Siatka „Co możemy dla Ciebie zrobić?” zamieniona w szybę, na którą nakładasz folię. Opis każdej folii to słowa ze strony; szyba pokazuje je obrazem — bez liczb, których strona nie podaje.
Folie przeciwsłoneczne · wewnętrzne i zewnętrzne
Redukują promieniowanie dające odczuwalne ciepło (IR), odbijając energię słoneczną, znacznie obniżają temperaturę w pomieszczeniach. Redukują oślepianie.
Część światła i ciepła (IR) odbija się od szyby; za nią jest ciemniej i słońce mniej razi.
- Nazwy i opisy folii to słowa ze strony Tomecki Folie, bez zmian.
- Efekty na szybie są poglądowe: strona nie podaje parametrów folii, więc szyba nie pokazuje liczb.
05 Realizacje
Klient, problem i zdjęcie
Strona realizacji ma stały układ: typ klienta, tytuł, opis problemu i zdjęcie na całą szerokość. Na stronie głównej realizacje wracają jako pasy zdjęć i karty.
- Typ klientaRozstrzelone wersaliki nad tytułem — tu „Klient indywidualny”.
- Tytuł i problemCo i gdzie: prywatna siłownia w najbardziej nasłonecznionej części ogrodu, z czterema dużymi oknami i przeszklonymi drzwiami, nagrzewała się.
- ZdjęcieNa całą szerokość, pod cienką linią — jak pasy na stronie głównej.
Realizacje na stronie
Podpisy to słowa ze strony: od pojedynczych okien po świetliki dachowe.

KLIENT INDYWIDUALNYPrywatna siłownia na ogródku 
SZKOŁA PODSTAWOWAMontaż folii przeciwsłonecznej 
WROCŁAWMontaż folii matowej na balkonie 
WROCŁAWBiurowiec Grafit 
WROCŁAW CENTRUMŚwietlik dachowy 
BIO MARKET FAMILYMontaż folii przeciwsłonecznej 
Montaż folii przeciwsłonecznej
06 Wycena
Pięć pól do darmowej wyceny
Formularz na stronie kontaktu: cztery pola wymagane, nazwa firmy opcjonalna — firma pracuje i dla klientów indywidualnych, i instytucjonalnych. Po wysłaniu przyjeżdża pod wskazany adres, mierzy i przygotowuje darmową wycenę.
Droga zapytania
Wymagane pola: 0 z 4
- ReklamaKampania Google Ads prowadzi na stronę.
- StronaOferta, realizacje, „Zamów wycenę” w nagłówku.
- FormularzImię, e-mail, telefon, adres instalacji.
- PomiarPrzyjazd pod wskazany adres i pomiary.
- WycenaDarmowa wycena.
Dane kontaktowe są przykładowe
07 Google Ads
26,4 tys. kliknięć po 0,88 zł
Skonfigurowałem kampanie Google Ads, które kierowały ruch na stronę. Przegląd konta z 9 lutego 2024 obejmuje okres od 8 maja 2021: trzy kampanie, 2,51 mln wyświetleń i 23,4 tys. zł kosztu.
- 26,4 tys.kliknięćkafel „Kliknięcia”
- 2,51 mlnwyświetleńkafel „Wyświetlenia”
- 0,88 złśredni koszt kliknięciakafel „Śr. CPC”
- ok. 1,05%klikalność (CTR)wyliczona: kliknięcia ÷ wyświetlenia
- Utwórz
- Kampanie
- Cele
- Narzędzia
- Płatności
- Administr...
Najedź na wykres albo użyj strzałek ← →
- Najwięcej kliknięćIV kwartał 2023: ok. 4,1 tys. — najwięcej w całym okresie.
- Najwięcej wyświetleńIV kwartał 2022: ok. 381 tys.
- Sierpień 2022Na osi zaznaczyłem miesiąc nowej strony; konto działało już od maja 2021.
Wartości kwartalne odczytałem z wykresu na zrzucie, więc są przybliżone — sumują się do liczb z kafli. Pierwszy i ostatni kwartał są niepełne (od 8 maja 2021 i do 9 lutego 2024).
08 Plansze
Plansze i nagranie
Sześć plansz z case study i nagranie strony głównej. Dane kontaktowe na planszach i w nagraniu zastąpiłem przykładowymi; ze zrzutu Google Ads usunąłem identyfikator konta i login.
Tomecki Folie to znak klienta. Google Ads jest znakiem towarowym Google LLC.
