Krótki opis projektu
Firma Gawrońscy, działająca w branży obróbki metali od 1997 roku, postanowiła odświeżyć swój wizerunek, aby sprostać oczekiwaniom współczesnego rynku. W ramach współpracy wykonaliśmy modernizację logo oraz stworzyliśmy nową stronę internetową, która podkreśla zarówno tradycję, jak i nowoczesność firmy. Naszym celem było zbudowanie profesjonalnego, świeżego wizerunku, który wzmacnia zaufanie klientów i przyciąga młodsze pokolenia pracowników.
O firmie
Gawrońscy to firma z Barcina, specjalizująca się w precyzyjnej obróbce metali CNC, toczeniu i frezowaniu. Dzięki 27-letniemu doświadczeniu i nowoczesnym technologiom współpracują z szeroką gamą branż – od chemicznej po motoryzacyjną.
Mimo dużego doświadczenia, ich stary wizerunek zaczął być postrzegany jako przestarzały. To z kolei ograniczało zaufanie potencjalnych klientów oraz utrudniało zainteresowanie młodych talentów. Dodatkowo firma niedawno przeprowadziła remont swojej siedziby, co stało się naturalnym impulsem do zmiany także w świecie online.
Proces realizacji projektu
Największym wyzwaniem było stworzenie wizerunku, który z jednej strony odzwierciedlałby wieloletnie doświadczenie i solidność firmy, a z drugiej – nowoczesne podejście i otwartość na zmieniające się trendy. Kluczowym elementem było połączenie tradycji z nowoczesnością zarówno w projekcie logo, jak i w strukturze strony internetowej.
Modernizacja logo
Logo firmy Gawrońscy zostało uproszczone i unowocześnione, aby lepiej odpowiadać współczesnym standardom. Zmieniliśmy font na bardziej czytelny, dodaliśmy hasło „Obróbka metali od 1997 r.”, podkreślając długą tradycję firmy, a cały znak graficzny zyskał bardziej nowoczesny charakter.
Etap 1: Architektura informacji i wireframes
Rozpoczęliśmy od zaprojektowania architektury informacji – strona miała być przede wszystkim przejrzysta i łatwa w nawigacji dla klientów z różnych branż. Następnie stworzyliśmy wireframes (szkice strukturalne), które pozwoliły uporządkować wszystkie kluczowe elementy strony, takie jak usługi, dane kontaktowe czy informacje o firmie.
Etap 2: Budowa strony na Kadence Pro + Gutenberg
Jak zawsze, postawiliśmy na technologię Kadence Pro i edytor Gutenberg, które oferują idealny balans między funkcjonalnością a optymalizacją kosztów:
- Zalety:
- Minimalna liczba wtyczek, co zwiększa bezpieczeństwo i szybkość.
- Struktura kodu przyjazna SEO.
- Intuicyjna edycja treści dla klienta – po otrzymaniu instrukcji wideo właściciele firmy samodzielnie zmieniali zdjęcia i treści.
- Dlaczego nie inne technologie?
- Elementor i inne buildery wraz z rozwojem strony generują nadmiarowy kod, co spowalnia witrynę.
- Tworzenie strony od zera programując, jest droższe i czasochłonne.
Etap 3: Zabezpieczenia i testy
Każda nasza strona przechodzi dwa sprawdzone procesy testowe:
– Testy techniczne i jakościowe – ręczne sprawdzenie wszystkich funkcjonalności, szybkości ładowania oraz bezpieczeństwa strony.
– Testy responsywności – optymalizacja pod kątem działania na różnych urządzeniach i przeglądarkach.
Ręczne zabezpieczenia obejmowały:
- Modyfikację kodu
.htaccess
, aby chronić serwer. - Zmianę domyślnych przedrostków bazy danych.
- Ograniczenie liczby wtyczek do minimum.
- Stosowanie wtyczek tylko sprawdzonego pochodzenia.