Nowa odsłona Agencji MIA oparta na układzie landing pages

rodzaj realizacji: Strona internetowa | technologia: WordPress

O Klientce

Agencja MIA to agencja szkoleniowa prowadzona przez Aleksandrę Goc – trenerkę i facylitatorkę. Agencja wspiera rozwój ludzi i organizacji poprzez autorskie programy, warsztaty i coaching. Zespół MIA to osoby z pasją i wysokimi kompetencjami, którym zależy na realnym wpływie. 

Z panią Aleksandrą współpracowaliśmy już podczas stworzenia strony promującej warsztaty rozwojowe z końmi – jej wyjątkową inicjatywę dającą uczestnikom skorzystanie z Horse Assisted Education, gdzie to konie są trenerami personalnymi. Pani Aleksandra zwróciła się do nas o nową odsłonę strony Agencja MIA. Celem było stworzenie strony, która nie tylko przedstawia ofertę, ale też komunikuje wartości i ducha zespołu, łącząc profesjonalny klimat z ciepłym, zapraszającym i ludzkim designem.

Cele projektu

Postawiliśmy sobie następujące wymagania:

• Nowoczesny, ale emocjonalny i ludzki design
• Eksponowanie zespołu i relacyjności – przez zdjęcia, cytaty, układ treści
• Duże, wyraziste sekcje Above the Fold na każdej podstronie z obrazem tematycznym, skupionym na ludziach – oraz nagłówkiem.
• Podstrony ofertowe zaprojektowane jako osobne landing pages, gotowe do kampanii i SEO
• Ciepła, energetyczna kolorystyka oparta o psychologię kolorów: przyjazna, zapraszająca, bezpieczna, pełna pasji
• Pełna responsywność i wydajność

Na podstawie tych wytycznych mogliśmy przejść do tworzenia projektu strony oraz podwalin technicznych w WordPressie – platformie, która tworzy strony internetowe o wysokiej estetyce i modyfikowalności – nie tylko grafik, ale i treści przez klienta.

Projekt graficzny

Zamiast standardowej strony szkoleniowo-biznesowej o stonowanych kolorach, zdecydowaliśmy się na nieco bardziej emocjonalny i ludzki wizerunek. Estetyka strony bazuje na ciepłych, ziemistych odcieniach z domieszką brzoskwini, koralu i bursztynu – barw kojarzących się z bezpieczeństwem, relacyjnością, działaniem i życzliwością.

Stronę wzbogaca zespół, którego zdjęcia dodają autentyczności oraz ludzkiego elementu dla strony – w końcu są to trenerzy, którzy wspierają klientów, stąd pomaga to nawiązać i wzmocnić połączenie między nimi.

Typografia została dobrana pod kątem czytelności i miękkości wizualnej – bezszeryfowa, nowoczesna, ale z organicznym charakterem.

Każda podstrona zaczyna się od sekcji hero w Above the Fold – czyli pierwszym obszarze, który jest widoczny po załadowaniu strony bez przewijania. Wykonany został on w formie zdjęcia z nagłówkiem. Dzięki temu od razu wiadomo, czego dotyczy strona, i użytkownik czuje się prowadzony. Na dołach stron z kolei znajdują się formularze kontaktowe wraz z CTA.

Przedstawianie zespołu agencji jako element wizerunkowy i stylistyczny

Jednym z filarów strony jest zespół. Zamiast typowej sekcji „O nas” – umieściliśmy galerię wszystkich członków zespołu wraz z ich specjalizacją. Każda osoba ma swój blok, a zdjęcia nie są stockowe – to prawdziwe twarze Agencji MIA.

Struktura ofertowa

Każda usługa ma swój własny landing page – zbudowany w formie podróży użytkownika. Każda strona prezentuje usługę w formie, w której użytkownik zauważy wartości oraz zidentyfikuje odpowiedź na jego problemy, oraz jest kierowany do formularza kontaktowego. To pozwala kierować ruch z kampanii Google Ads, czy mediów społecznościowych bez konieczności prowadzenia przez główną stronę.

Podstrony dopełnia strona główna, która w sekcji zawiera pełną ofertę Agencji MIA oraz rozwijane menu z usługami. Dlatego też niezależnie, gdzie trafi najpierw użytkownik, z łatwością będzie mógł odnaleźć interesującą go usługę.

Technologia i edytowalność

Strona powstała na WordPressie z edytorem blokowym, co w razie potrzeby pozwala zespołowi Agencji MIA samodzielnie dodawać wpisy, wydarzenia, aktualności czy rozbudowywać landing pages.
Zintegrowano również formularze kontaktowe oraz linki do mediów społecznościowych, w tym profilu na Facebooku i LinkedIn.

Optymalizacja UX

Zadbaliśmy o doświadczenia użytkowników, wdrażając następujące aspekty UX:

• Dbałość o poczucie przestrzeni i balans między tekstem a obrazem
• Responsywność: każda sekcja została wytestowana na telefonach, tabletach i desktopach i dostosowana pod każde urządzenie,
• Szybkość ładowania: zoptymalizowane obrazy i czysty kod,
• Dobrze widoczne sekcje CTA i kontaktu na każdej podstronie.

Efekty

Strona Agencja MIA wyróżnia się emocjonalnym designem i autentycznością oraz stawia na ludzi – członków zespołu agencji.
Nowy układ sprawia, że użytkownicy spędzą więcej czasu na stronie i będą chętniej klikać w linki. Dzięki wykorzystaniu strategii landing pages nowa odsłona Agencjii MIA jest gotową bazą do dalszych kampanii promocyjnych – oraz stanowi przejrzystą reprezentację możliwości firmy.

Rezultaty możesz zobaczyć na stronie Agencji MIA – https://agencjamia.pl

Chcesz podobny projekt strony internetowej?

Jeśli Twoja marka żyje dzięki ludziom, relacjom i autentyczności – zasługuje na stronę, która to pokazuje. Skontaktuj się wypełniając formularz poniżej i zaplanuj swoją cyfrową przestrzeń razem z nami.