WordPress

PrestaShop

Audyt UX/UI

Identyfikacja wizualna

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

Perrugi: strona w 17 językach dla marki systemów dostępu

Dla polskiej marki inteligentnych sterowników zamków i systemów kontroli dostępu zaprojektowaliśmy logo i kolorystykę marki, a potem zaprojektowaliśmy i zakodowaliśmy stronę w 17 językach. Osobne ścieżki dla właścicieli domów, instalatorów i producentów drzwi, karty produktów i rezerwacja prezentacji online wspierają wejście na rynki zagraniczne.

Strona Perrugi na komputerze i telefonie

Klient

Perrugi
perrugi.com

Branża

Elektronika i systemy kontroli dostępu

Zakres prac

  • Projekt logo
  • Kolorystyka marki
  • Projekt UX/UI
  • Strona internetowa
  • Wersje językowe
  • Karty produktów
  • Rezerwacja prezentacji online
  • Strefa do pobrania

Technologie i integracje

  • HTML, CSS i JavaScript
  • 17 wersji językowych
  • Kalendarz prezentacji
  • Pliki do pobrania
+943%wejść z Googlekwartał do kwartału
+521%wyświetleń w wynikach Googlekwartał do kwartału
17wersji językowychgotowość na kolejne rynki

Źródło: Google Search Console, porównanie kwartał do kwartału.

01

O kliencie

Perrugi to firma z Bielska-Białej, która projektuje i produkuje w Polsce inteligentne sterowniki zamków oraz urządzenia do kontroli dostępu i sterowania domem.

Rodzina produktów obejmuje perrugi:palm (odcisk palca, PIN, NFC i aplikacja), perrugi:brain, perrugi:vocal oraz planowany perrugi:eye. Firma oferuje też moduł OEM dla producentów drzwi i domów modułowych.

Rodzina produktów obejmuje perrugi:palm (dostęp odciskiem palca, kodem PIN, kartą NFC lub aplikacją), perrugi:brain i perrugi:vocal. Urządzenia działają bez abonamentu.

Perrugi to polskie projektowanie i modułowa konstrukcja. Produkty są dostępne dla właścicieli domów i jako komponent OEM dla producentów drzwi, okien i domów modułowych.

Blog Wiedza i inspiracje na stronie Perrugi
02

Cele projektu

Gotowość na eksport

Strona od startu miała obsługiwać wiele języków i łatwo przyjmować kolejne.

Każdy odbiorca u siebie

Właściciel domu, instalator i producent drzwi mieli dostać informacje dla siebie.

Prostota przy zaawansowanej technice

Opisy produktów miały być zrozumiałe bez wiedzy technicznej.

Prezentacje bez maili

Zainteresowani mieli sami rezerwować termin prezentacji produktu.

Potrzebujesz podobnej strony dla swojej firmy?

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

03

Wyzwania

  • Wiele rynków od startu. Marka sprzętowa wchodzi na rynki zagraniczne, więc strona od początku musiała obsługiwać wiele języków i być przygotowana na kolejne.
  • Różni odbiorcy. Ta sama strona trafia do bardzo różnych odbiorców: właścicieli domów, instalatorów, producentów drzwi i partnerów OEM. Każda z tych grup potrzebuje innych informacji.
  • Technika opisana prosto. Produkty są zaawansowane technicznie, ale opis musiał pozostać zrozumiały, a wygląd strony spójny z systemem znaku marki obecnym na urządzeniach i w aplikacji.
  • Młoda marka, nowy produkt. Perrugi dopiero buduje rozpoznawalność, więc strona musiała szybko wyjaśniać, czym jest produkt i dlaczego warto mu zaufać.
04

Strategia i zakres prac

Perrugi to młoda marka, która od początku myśli globalnie. Zaczęliśmy od znaku i kolorystyki, a strona powstała jako lekki, wielojęzyczny serwis z jasnymi ścieżkami dla każdej grupy odbiorców.

  1. Logo i kolorystyka marki

    Zaprojektowaliśmy logo Perrugi i paletę kolorów, które łączą stronę z urządzeniami i aplikacją marki.

  2. Projekt spójny ze znakiem marki

    Zaprojektowaliśmy interfejs oparty na identyfikacji marki: ciemne, spokojne tło, sygnet z punktów i oszczędna typografia, które podkreślają charakter urządzeń premium.

  3. Ścieżki dla odbiorców

    Każde urządzenie dostało własną podstronę z najważniejszymi parametrami, a sekcja „Dla kogo” prowadzi osobno klientów prywatnych, firmy i partnerów OEM.

  4. Karty produktów i prezentacje

    Stronę zakodowaliśmy jako lekki serwis bez ciężkiego CMS-a, z wersjami językowymi oznaczonymi dla wyszukiwarek (hreflang), grafikami w formacie WebP i analityką GA4 z obsługą zgód.

  5. Wersje językowe

    Dodaliśmy sekcje Dotacje, Do pobrania z instrukcjami i blog oraz osadzony kalendarz, w którym klient sam rezerwuje kilkunastominutową prezentację online.

Identyfikacja wizualna

Technologia z ludzką twarzą

Znak to litera P zbudowana z połączonych punktów i otoczona swobodnymi kropkami – nawiązanie do elektroniki i sieci czujników. Srebrzysty gradient i grafitowy, zaokrąglony krój nazwy podkreślają techniczny charakter marki premium, a paleta oparta na antracycie, graficie i ciepłym kremowym tle spina stronę, urządzenia i aplikację.

#1C1C1A
#58595B
#F4F1EA
05

Kluczowe rozwiązania

Karta produktu perrugi:palm
Karta produktu

Karta produktu, która tłumaczy technikę prosto

Karta perrugi:palm zaczyna się od hasła „Dłoń zamiast klucza” i opisuje cztery sposoby otwierania: kod PIN, odcisk palca, kartę NFC i aplikację.

Sekcja bezpieczeństwa wyjaśnia blokadę prób, szyfrowaną komunikację i czujnik sabotażu prostym językiem.

Podstrona Dla producentów, integratorów i obiektów
Odbiorcy

Osobne ścieżki dla segmentów rynku

Podstrona „Dla kogo” prowadzi producentów drzwi, okien, fasad, integratorów kontroli dostępu, hotele i inne segmenty do informacji przygotowanych dla nich.

Współpraca OEM ma osobną sekcję i zaproszenie do rozmowy.

Podstrona dotacji na stronie Perrugi
Dotacje

Dotacje i treści, które przyciągają ruch

Podstrona o dotacjach pokazuje, jak połączyć wymianę stolarki z programem dofinansowania i dołożyć sterownik zamka – z mapą programów w różnych krajach.

Blog „Wiedza i inspiracje” odpowiada na praktyczne pytania o dostęp do domu bez kluczy.

Mobile

Lekka strona na każdym urządzeniu

Strona działa szybko na telefonie we wszystkich wersjach językowych, a przycisk umówienia prezentacji jest zawsze pod ręką.

Strona Perrugi na telefonie
06

Efekty projektu

Strona szybko zdobywa ruch z wyszukiwarki, także dzięki zagranicznym wersjom językowym. Pojawia się już w wynikach Google w wielu krajach.

  • Liczba wejść z wyników Google wzrosła o 943% kwartał do kwartału.
  • Wyświetlenia strony w Google wzrosły o 521%.
  • Średnia pozycja w wynikach wyszukiwania poprawiła się o 21%.
  • Zainteresowani sami rezerwują termin prezentacji w kalendarzu online.
wejść z wyników Google+943%
wyświetleń w wynikach Google+521%
Poprzedni kwartałOstatni kwartał

Skala względna (poprzedni kwartał = 100). Źródło: Google Search Console, porównanie kwartał do kwartału.

07

Technologie

HTMLCSSJavaScript

Lekki serwis w HTML, CSS i JavaScript z 17 wersjami językowymi, kartami produktów, ścieżkami dla segmentów rynku, podstroną dotacji z mapą programów, blogiem, strefą do pobrania i rezerwacją prezentacji online.

08

Dalszy rozwój

Kolejne języki i produkty można dodawać bez przebudowy serwisu. Markom wchodzącym na rynki zagraniczne pomagamy w pozycjonowaniu wielu wersji językowych.

Najczęstsze pytania

Czy projektujecie logo i kolorystykę dla nowych marek?

Tak. Dla Perrugi zaprojektowaliśmy logo i paletę kolorów, a potem stronę spójną z urządzeniami i aplikacją marki. Więcej na stronach projektowanie logo i identyfikacja wizualna.

Czy strona w wielu językach może dobrze pozycjonować się w Google?

Tak, jeśli każda wersja ma przetłumaczoną treść i poprawne oznaczenia języków. Perrugi pojawia się w wynikach Google w wielu krajach, a liczba wejść z wyszukiwarki wzrosła o 943% kwartał do kwartału.

Jak zaprojektować stronę dla kilku grup odbiorców?

Najlepiej dać każdej grupie osobną ścieżkę z treściami dla niej. Na stronie Perrugi właściciele domów, instalatorzy i producenci drzwi trafiają do różnych podstron.

Ile kosztuje strona internetowa podobna do realizacji dla Perrugi?

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