Przebudowa i przyśpieszenie strony A2 Energy – dedykowany motyw

Przebudowa i przyśpieszenie strony A2 Energy – dedykowany motyw

W ostatnim czasie, w ramach współpracy z firmą A2 Energy Sp. z o.o. miałem przyjemność przebudować już istniejącą stronę. Strona w pierwszej wersji została zbudowana za pomocą wtyczki Elementor oraz wtyczek poszerzających zasób bloków.

Stan witryny a2energy.pl przed realizacją usługi

Na stronie był widoczny design system lub jego zarys, który był oferowany przez użyty motyw oraz bloki elementora. Strona była spójna z identyfikacją wizualną firmy. Oklejenie samochodów, wizytówki, ulotki, logotyp oraz witryna internetowa firmy stanowiły jedną całość.

Jednakże ze względu na nieumiejętnie użyty page builder oraz przesyt wtyczek, strona była dość powolna. Wyniki według wielu audytów były bardzo niskie, co było bezpośrednio powiązane z użytkowaniem strony (audyty typu lighthouse nie zawsze są powiązane z realnymi odczuciami użytkowników).

Założenia ustalone z przedstawicielami firmy

Po przeprowadzeniu audytów szybkości, ustaleniu celów i sposobów w pozyskiwaniu klientów wraz z przedstawicielami firmy spisaliśmy podstawowe założenia

  • Utworzenie dedykowanego motywu;
    • strona główna,
    • o nas,
    • strony usług,
    • strony dofinansowań,
    • strony FAQ,
    • kontakt,
    • blog,
    • wpis.
  • Spójny i lekki design system;
  • Strona www powiązana z obecną identyfikacją wizualną;
  • Poprawienie szybkości strony przynajmniej do 80 pkt według raportów Lighthouse;
  • Pełna migracja treści wpisów i stron bez utraty pozycji w Google;

Stworzenie dedykowanego motywu dla A2 Energy – efekty

Zgodnie z ustaleniami stworzyłem dedykowany motyw, kodowany od podstaw. Do rozszerzenia podstawowych funkcjonalności strony wykorzystałem wtyczki Advanced Custom Fields, Contact Form 7, Yoast Seo, Beautiful and responsive cookie consent oraz Lite Speed Cache.

Dzięki temu liczba wtyczek została znacznie ograniczona. Dzięki zastosowaniu minifikacji kodu css i js, lazy loading i optymalizacji obrazów, szybkość ładowania strony według audytów znacząco się poprawiła i niekiedy wynosi nawet 90-100.

Audyt szybkości strony lighthouse - A2 Energy - Daniel Jeziorski
Audyt gtmetrix strony A2 Energy po przebudowie

Motyw wykorzystuje bibliotekę Bootstrap, czcionkę Roboto oraz ikony opracowane przez Bootstrap i Font Awesome. W motywie został użyty jeden z najbardziej popularnych design systemów – Material Design, opracowany przez Google, jednakże został on dostosowany do identyfikacji wizualnej firmy.

Dzięki wykorzystanemu design systemowi strona stała się lekka, struktura informacji znacznie bardziej czytelna, a poruszanie się po całej witrynie jest teraz łatwiejsze i przyjemniejsze.

Opinia na temat współpracy

Właściciele firmy po wprowadzeniu zmian z czasem zauważyli nieznacznie większą ilość napływających leadów oraz nieznacznie większy ruch organiczny na stronie.

Opinie o stworzeniu strony www przez Daniela Jeziorskiego

Jeśli interesuje Cię tego typu współpraca, skonsultuj ze mną swój pomysł! W ramach konsultacji sprawdzimy, czy mogę Ci pomóc i opowiem jak może wyglądać nasza współpraca.

19 marca, 2022 | Case study