WordPress

PrestaShop

Audyt UX/UI

Identyfikacja wizualna

Interaktywna wycena – sprawdź koszt
Powrót do listy realizacji
Case study · Strona internetowa · HTML, CSS, JS

Glass Hart: strona, na której szkło wygląda jak w magazynie wnętrzarskim

Dla pracowni szklanej architektury z Bielska-Białej zaprojektowaliśmy i zakodowaliśmy elegancką stronę inspirowaną magazynami wnętrzarskimi. Realizacje są pokazane jak w portfolio architekta, a każda podstrona prowadzi do darmowej wyceny.

Strona Glass Hart na komputerze i telefonie

Klient

Glass Hart
glass-hart.com

Branża

Architektura szklana i wykończenia wnętrz

Zakres prac

  • Projekt UX/UI
  • Strona internetowa
  • Podstrony produktów
  • Galeria realizacji
  • Blog z inspiracjami
  • Formularz wyceny

Technologie i integracje

  • HTML, CSS i JavaScript
  • Formularz wyceny
  • Bez CMS-a
6grup produktów na wymiarod przeszkleń loftowych po drzwi
3kategorie realizacjibalustrady, kabiny i panele kuchenne
4kroki procesukonsultacja, pomiar, produkcja, montaż

Zakres wdrożenia na podstawie strony glass-hart.com.

01

O kliencie

Glass Hart to pracownia szklanej architektury z Bielska-Białej. Projektuje i montuje przeszklenia loftowe, szklane ścianki działowe, kabiny prysznicowe, balustrady, panele i drzwi szklane na wymiar.

Firma pracuje z architektami, deweloperami i klientami indywidualnymi, realizując projekty w Polsce i krajach sąsiednich.

Pracownia działa od 9 lat i ma na koncie ponad 740 realizacji. Pomiar wykonuje laserem 3D, ma własną lakiernię i montuje konstrukcje własną ekipą.

Bezpłatny pomiar i wycenę oferuje w województwach śląskim, opolskim i małopolskim, a projekty realizuje w Polsce i w Europie.

Podstrona O nas pracowni Glass Hart
02

Cele projektu

Realizacje, które sprzedają

Klient miał zobaczyć projekty podobne do swojego wnętrza.

Język estetyki i konkretów

Strona miała mówić do architektów, a jednocześnie wyjaśniać proces klientom indywidualnym.

Wycena w zasięgu ręki

Przycisk darmowej wyceny miał być widoczny na każdej podstronie.

Szybkość

Strona miała ładować się błyskawicznie i nie wymagać aktualizacji wtyczek.

Potrzebujesz podobnej strony dla swojej firmy?

Porozmawiajmy o Twoim projekcie – pierwsza konsultacja jest bezpłatna.

03

Wyzwania

  • Produkty na wymiar, nie z katalogu. Produkty Glass Hart powstają zawsze pod konkretny projekt, więc strona nie mogła wyglądać jak katalog gotowych wyrobów. Najlepiej sprzedają się tu realizacje.
  • Architekci i klienci indywidualni. Odbiorcami są zarówno architekci, jak i klienci indywidualni. Strona musiała mówić językiem estetyki, a jednocześnie wyjaśniać proces: pomiar, produkcję, montaż i gwarancję.
  • Szybko i lekko. Klient chciał strony szybkiej i lekkiej, łatwej do rozbudowy o kolejne kategorie realizacji i artykuły.
  • Wiele wersji językowych. Pracownia realizuje projekty w całej Europie, więc strona musiała działać w wersjach polskiej, angielskiej i niemieckiej.
04

Strategia i zakres prac

Szkło na wymiar sprzedaje się zdjęciami gotowych realizacji. Dlatego postawiliśmy na duże kadry, szeryfowe nagłówki i spokojną kolorystykę – jak w magazynie o wnętrzach.

  1. Projekt w duchu magazynu

    Zaprojektowaliśmy elegancki interfejs inspirowany magazynami wnętrzarskimi: duże zdjęcia, szeryfowy krój nagłówków i spokojna, ciepła kolorystyka.

  2. Produkty i realizacje

    Każda grupa produktów dostała własną podstronę, a realizacje zostały podzielone na kategorie (balustrady, kabiny, panele kuchenne), dzięki czemu klient ogląda przykłady najbliższe swojemu projektowi.

  3. Proces, wzory i blog

    Na stronie głównej opisaliśmy proces realizacji w czterech krokach i dodaliśmy sekcję wzorów oraz bloga „Wiedza i inspiracje”.

  4. Lekki serwis bez CMS-a

    Stronę zakodowaliśmy jako lekki serwis HTML, CSS i JavaScript bez CMS-a, z przyciskiem „Darmowa wycena” widocznym w nagłówku na każdej podstronie.

Identyfikacja wizualna

Grafit i ciepłe kremy

Logo Glass Hart to napis w prostokątnej ramie z podpisem „szkło szyte na miarę”, występujący w bieli na grafitowym tle. Strona łączy głęboki grafit ze stali z ciepłymi, kremowymi tłami jak z magazynu wnętrzarskiego, dzięki czemu szkło i zdjęcia realizacji wyglądają szlachetnie.

#1A1D20
#F7F5F0
#F0EDE5
05

Kluczowe rozwiązania

Realizacje balustrad szklanych na stronie Glass Hart
Realizacje

Realizacje w kategoriach

Galeria realizacji jest podzielona na balustrady, kabiny i panele kuchenne. Klient ogląda przykłady najbliższe swojemu projektowi.

Pod galerią jest zaproszenie: „Masz projekt? Powiedz nam, czego potrzebujesz”.

Strona główna Glass Hart z hasłem Stal i szkło na wymiar
Strona główna

Elegancki pierwszy ekran i proces w 4 krokach

Strona główna z hasłem „Stal i szkło na wymiar. Loft, który ma duszę” prezentuje realizacje, sześć grup produktów i proces: konsultacja, pomiar, produkcja i montaż.

Przycisk „Darmowa wycena” jest w nagłówku każdej podstrony.

Blog Wiedza i inspiracje na stronie Glass Hart
Blog

Wiedza i inspiracje

Blog odpowiada na pytania klientów: czy wybrać szkło laminowane czy z drukiem UV, jak zmierzyć panele kuchenne, gdzie sprawdzą się ściany działowe.

Artykuły pomagają w pozycjonowaniu i prowadzą do formularza wyceny.

Mobile

Elegancja także na telefonie

Duże zdjęcia, szeryfowe nagłówki i przycisk wyceny zachowują charakter strony na małym ekranie.

Strona Glass Hart na telefonie
06

Efekty projektu

Glass Hart ma stronę, która pokazuje realizacje jak portfolio architekta i jasno tłumaczy proces. Klient przychodzi z gotowym pomysłem i wysyła zapytanie z każdej podstrony.

  • Sześć grup produktów ma własne podstrony.
  • Realizacje w trzech kategoriach pokazują projekty podobne do potrzeb klienta.
  • Proces w czterech krokach jest opisany, zanim klient wyśle zapytanie.
  • Lekka strona bez CMS-a ładuje się szybko i nie wymaga aktualizacji wtyczek.
6grup produktów
3kategorie realizacji
4kroki procesu
0wtyczek do aktualizacji
07

Technologie

HTMLCSSJavaScript

Lekki serwis napisany w HTML, CSS i JavaScript bez CMS-a, z podstronami produktów, galerią realizacji w kategoriach, blogiem i formularzem darmowej wyceny dostępnym z nagłówka każdej podstrony.

08

Dalszy rozwój

Stronę łatwo rozbudować o kolejne kategorie realizacji i artykuły. Firmom wykończeniowym pomagamy w pozycjonowaniu i kampaniach Google Ads.

Najczęstsze pytania

Czy strona może działać bez WordPressa?

Tak. Glass Hart to lekki serwis w HTML, CSS i JavaScript, który ładuje się szybko i nie wymaga aktualizacji wtyczek. To dobre rozwiązanie, gdy treści zmieniają się rzadko.

Jak pokazać produkty robione na wymiar?

Najlepiej przez realizacje podzielone na kategorie i jasno opisany proces. Tak klient Glass Hart widzi, jak jego projekt może wyglądać i jak przebiega realizacja.

Ile kosztuje strona internetowa podobna do realizacji dla Glass Hart?

Koszt zależy od liczby podstron, projektu graficznego, wersji językowych i dodatkowych funkcji, takich jak kalkulatory czy formularze. Orientacyjną kwotę sprawdzisz w naszej interaktywnej wycenie strony.

Czy zajmujecie się serwisem po jego uruchomieniu?

Tak. Zapewniamy hosting, administrację i aktualizacje oraz dalszy rozwój serwisu, a ruch z Google i reklam wspieramy w ramach pozycjonowania i kampanii Google Ads.

Szymon Pawlik COO Devisu

1

2

3