- Logo · Webflow · Google Ads
- August 2022
- Wrocław
Tomecki FolieA brand website in Webflow, the company’s logo and the path from an ad to a free quote
A company that installs window films asked me for a new website. I designed a logo that refers to its name and trade, built the site in Webflow, set up the form through which a client quickly asks for a quote, and the Google Ads campaigns that brought traffic to the site.
Visit tomeckifolie.pl (opens in a new tab)- 9kinds of film offered on the site
- 26.4kclicks on the Google Ads ads
- 0.88 złaverage cost per click
Illustration: a pane in its frame, with the red glazed façade from the Tomecki Folie site behind it. A tinted film is laid onto the glass and its corner curls, as in the company’s logo.
01 Brief
From an ad’s impression to the measurement on site
The brief covered the client’s whole way to the company: the logo, a brand website in Webflow built to win enquiries, the quote form and the ads that lead to it.
One action on every screen: “Zamów wycenę” (order a quote) sits in the header of every page and returns in the graphite band at the end of the homepage.
- The logoA square pane and a corner of film coming away from the glass.See the logo
- The Webflow siteNine films on offer, projects and the transitions between pages.Walk the site
- The quote formFive fields, four required — then a measurement and a free quote.Fill in the form
- Google AdsCampaigns that steered traffic to the site.See the results
Tomecki Folie specialises in the professional installation of window films — solar-control, anti-burglary, decorative, advertising and more.
It works for individual and institutional clients: schools, offices, shops, hotels.
02 Logo and system
A pane in its frame and a corner of film
The logo refers to the company’s name and trade. The square is a pane in its frame; the arc in its corner is the edge of a film coming away from the glass. The name runs out of the frame and breaks its left side.
- The frameA thin square outline — a pane, like the glazing in the project photos.
- The cornerAn arc in the bottom-right corner, thinner at its ends — a film curling up.
- The nameTOMECKI over a spaced-out F O L I E enters the frame from the left.
The site’s system
- Graphite#1B191Athe free-quote band, buttons
- White#FFFFFFthe pages’ ground
- Beige#ECE7E4the project header band
- Taupe#655C55the contact band
- Field#F9FAFCthe form’s fields
Typeface
Titillium Web
Profesjonalny montaż folii okiennych
A geometric grotesque with cut-off curves. The presentation is set in Titillium Web, matched on crops of the boards.
Rules
Thin graphite rules divide the page like glazing bars a window: under the header, between the text and the photo in the hero, above the photo bands.
03 Homepage
A homepage that leads to a quote
The homepage, with its own words and photos. Scroll inside the window or walk its stops — the buttons in the header and on the cards lead to the chapters further on.
Hero
The headline, one sentence with three benefits and a glazed façade. The header with “Zamów wycenę” stays on top while scrolling.
Profesjonalnymontaż foliiokiennych
Chroń swoją przestrzeń przed słońcem, zapewnij dodatkowy poziom bezpieczeństwa antywłamaniowego i zyskaj atrakcyjną wizualnie przestrzeń reklamową.
Profildziałalności
Posiadamy wieloletnie doświadczenie w montażu folii okiennych. Zajmujemy się m.in. pokryciem specjalistyczną folią architektoniczną powierzchni szklanych i konstrukcji z poliwęglanu. Folie te zapewniają ochronę przeciwsłoneczną, termoizolacyjną, zabezpieczającą i antywłamaniową.
Nasze folie mogą również pełnić funkcję dekoracyjną i reklamową witryn wystawowych. Oferujemy również szkło mrożone piaskowane. Wyklejamy niestandardowe powierzchnie, takie jak okna pionowe, dachowe i świetliki z poliwęglanu.
BIO MARKET FAMILYMontaż folii przeciwsłonecznejCo możemy dla Ciebie zrobić?
- Folie antywłamanioweKL P2ABardzo dobrze zabezpieczają okna, witryny i powierzchnie szklane. Jej skuteczność wynika przede wszystkim z tego, że jest bezbarwna, a więc jest niezauważalna dla potencjalnego napastnika
- Folie bezpieczneKL 01, 2B3, EN, 1260Chronią przed rozprzestrzenianiem się niebezpiecznych odłamków w przypadku celowego lub przypadkowego uszkodzenia powierzchni szklanych
- Folie przeciwsłonecznewewnętrzne i zewnętrzneRedukują promieniowanie dające odczuwalne ciepło (IR), odbijając energię słoneczną, znacznie obniżają temperaturę w pomieszczeniach. Redukują oślepianie.
- Folie lustro weneckieZakładane są na mocno oświetlonej stronie szyby. Wówczas folia staje się lustrzaną formą, dając efekt lustra weneckiego, w ciągu słonecznego dnia od zewnętrznej strony okien, a nocą od wewnętrznej.
- Folie matowemrożone / mleczneZapewniają prywatność w biurze, łazience, w szpitalu czy gabinecie lekarskim i kosmetycznym
- Folie na świetliki dachoweDostosowane wytrzymałością do maksymalnego oddziaływania energii słonecznej na poziomą powierzchnię szyb znacznie obniżają temperaturę w pomieszczeniach poniżej świetlików, redukują oślepianie.
- Folie selektywne IRRedukują promieniowanie IR (ciepła słonecznego) dzięki zastosowaniu technologii selektywnej (wybiórczej) eliminującej spektrum światła
- Folie dekoracyjneTechnicznie przygotowane do zadruku i mechanicznego docięcia na ploterze tnącym
- Folie reklamoweIdealne do okien elewacyjnych, w witrynach sklepowych, biurach, galeriach handlowych i urzędach
SZKOŁA PODSTAWOWAMontaż folii przeciwsłonecznej
Montaż folii przeciwsłonecznejNasze realizacje
Od pojedynczych okien w prywatnych domach, poprzez szklane witryny sklepowe lub biurowe, oraz okna połaciowe do ogromnych powierzchni szklanych, jak i świetlików dachowych z poliwęglanu.
WROCŁAWMontaż folii matowej na balkonie
WROCŁAWBiurowiec Grafit
WROCŁAW CENTRUMŚwietlik dachowy
DARMOWA WYCENA PROJEKTU
Zainteresowany ofertą?Napisz do nas
The contact details are samplesThe site is in Polish, so the screens keep its words.
04 Films
Nine films, one pane
The “What can we do for you?” grid turned into a pane you lay the films on. Each film’s description is the site’s own; the pane shows it as a picture — without numbers the site does not give.
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.
Part of the light and heat (IR) bounces off the pane; behind it the room is darker and the sun glares less.
- The films’ names and descriptions are the Tomecki Folie site’s words, unchanged.
- The effects on the pane are illustrative: the site gives no film specifications, so the pane shows no numbers.
05 Projects
The client, the problem and a photo
A project page has a fixed layout: the kind of client, a title, the problem and a full-width photo. On the homepage the projects come back as photo bands and cards.
- Kind of clientSpaced capitals above the title — here “Klient indywidualny” (an individual client).
- Title and problemWhat and where: a private gym in the sunniest part of a garden, with four large windows and glass doors, was overheating.
- PhotoFull width, under a thin rule — like the bands on the homepage.
KLIENT INDYWIDUALNY
Prywatna siłowniana ogródku
Prywatna siłownia znajdująca się w najbardziej nasłonecznionej części ogrodu jednego z naszych klientów ze względu na budowę, w której wchodzą 4 duże okna oraz przeszklone drzwi, była narażona na nadmierne nagrzewanie.
Projects on the site
The captions are the site’s words: from single windows to roof skylights.
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 Quote
Five fields to a free quote
The form on the contact page: four required fields, the company name optional — the company works for both individual and institutional clients. After sending, it comes to the given address, measures and prepares a free quote.
The enquiry’s path
Required fields: 0 of 4
- AdA Google Ads campaign leads to the site.
- SiteThe offer, the projects, “Zamów wycenę” in the header.
- FormName, e-mail, phone, the installation address.
- MeasurementA visit to the given address and measurements.
- QuoteA free quote.
The contact details are samples
07 Google Ads
26.4k clicks at 0.88 zł each
I set up the Google Ads campaigns that steered traffic to the site. The account overview of 9 February 2024 covers the period from 8 May 2021: three campaigns, 2.51 million impressions and 23.4k zł in cost.
- 26.4kclicksthe Clicks tile
- 2.51Mimpressionsthe Impressions tile
- 0.88 złaverage cost per clickthe Avg. CPC tile
- c. 1.05%click-through rate (CTR)computed: clicks ÷ impressions
- Utwórz
- Kampanie
- Cele
- Narzędzia
- Płatności
- Administr...
Hover the chart or use the ← → keys
- Most clicksQ4 2023: c. 4.1k — the most of the whole period.
- Most impressionsQ4 2022: c. 381k.
- August 2022I marked the new site’s month on the axis; the account had been running since May 2021.
I read the quarterly values off the chart in the screenshot, so they are approximate — they add up to the tiles’ totals. The first and last quarters are partial (from 8 May 2021 and to 9 February 2024).
08 Boards
The boards and the recording
Six boards from the case study and the homepage recording. I replaced the contact details on the boards and in the recording with samples, and removed the account ID and login from the Google Ads screenshot.
Tomecki Folie is the client’s mark. Google Ads is a trademark of Google LLC.