Personalna strona internetowa mówcy motywacyjnego

Robert Jasiński


Notice: Undefined offset: 1 in /home/klient.dhosting.pl/flowtar/flowtar.com/web/cache/page-project-main-pl.flow on line 23
/portfolio/robert-jasinski/personalna-strona-internetowa-mowcy-motywacyjnego.jpg

Wiem co mówię i mówię na temat! Tak śmiałe motto wymaga sprecyzowanych środków. Dlatego stworzyliśmy stronę internetową, która już po kilku sekundach od wejścia pokazuje, że lepiej trafić nie mogliśmy. Stronę, która jest personalną ofertą, blogiem i miejscem komunikacji ze słuchaczami.

Z Robertem poznaliśmy się na grillowym zakończeniu sezonu 2016 zorganizowanym przez zaprzyjaźnioną Agencję PR Zaza Media. Robert jest mówcą motywacyjnym, prowadzi wykłady na największych polskich kongresach i współpracuje z dużymi polskimi korporacjami. Po rozmowach okazało się, że w najbliższej przyszłości ma zamiar przeprojektować swoją stronę internetową.

Robert Jasiński na wykładach

Dotychczasowa strona była bardzo rozbudowana i zawierała olbrzymie ilości materiałów. Nawigacja po niej była z tego powodu bardzo utrudniona. Dlatego Robertowi zależało, aby nowa strona internetowa była prosta, nowoczesna, a jej główną cechą była łatwość odbioru. Z racji dużej ilości zmian postanowiliśmy zbudować stronę Roberta całkowicie od nowa.

Szybki dostęp do najważniejszych informacji na stronie głównej kluczem do sukcesu

Na kolejnym spotkaniu ustaliliśmy wspólnie wszystkie detale dotyczące nowej strony internetowej. Doszliśmy do wniosku, że strona główna powinna w błyskawiczny sposób poinformować odwiedzających o tym:

  • kim jest Robert
  • czym się zajmuje
  • dla kogo pracuje

Wtedy, niezależnie od tego, czy Roberta poszukuje osoba bezpośrednio zainteresowana wykładami, czy np. osoba której zlecono zorganizowanie grupy wykładowców, strona główna w chwilę rozwieje wszystkie wątpliwości.

W naszym projekcie zaplanowaliśmy aby strona główna już na samym początku przedstawiała wszystkie najważniejsze informacje. Dlatego w górnej części strony - tzw. ponad zgięciem (ang. above the fold), umieściliśmy wysokiej jakości zdjęcie Roberta, jego claim, streszczenie wyjaśniające jego działalność oraz logotypy firm z którymi współpracuje (a jest się czym pochwalić…).

Dzięki temu, po dosłownie kilku sekundach oglądania strony, potencjalny Klient posiada już wszystkie informacje i może na tym etapie po prostu się skontaktować.

Personalna strona główna
Personalna strona główna w skrócie przekazuje wszystkie najważniejsze i najnowsze informacje

Dla osób regularnie odwiedzających stronę Roberta lub zainteresowanych tym, co ma do powiedzenia, na stronie głównej umieśliliśmy wprowadzenia do trzech najnowszych artykułów z bloga, z odnośnikami do pełnej treści. Dają one dokładniejszy wgląd w tematykę, w której Robert jest autorytetem. Pokazują również, że strona jest stale aktualizowana, co zachęca do regularnych odwiedzin.

Artykuły są ważną częścią witryny Roberta, dlatego oprócz tego, że można do nich dotrzeć ze strony głównej, blog otrzymał również własną dedykowaną podstronę.

Podstrona blog
Widok artykułu na blogu
Widok listy artykułów oraz wybranego wpisu

Pozostałe podstrony zawierają rozwinięcie podstawowych informacji, które znalazły się na stronie głównej. Są to działy o mnie, oferta, blog oraz kontakt.

Podstrona o mnie
Podstrona oferta
Wygląd podstrony o mnie oraz podstrony z ofertą
Podstrona kontakt
Podstorna z informacjami konktaktowymi i formularzem kontaktowym

Wysokiej jakości usługi = wysokiej jakości materiały

Od Roberta dostaliśmy bardzo wysokiej jakości materiały. Logotyp, księgę znaku, zdjęcia z wystąpień, szczegółowe teksty do oferty, opisy zajęć prowadzonych przez Roberta i jego artykuły. Pozwoliło to zastosować nowoczesne podejście do projektowania - content first design, w którym to zawartość strony dyktuje jej wygląd, a nie odwrotnie. Dzięki temu powstająca szata graficzna była dobudowywana do istniejącej treści i pomagała w jej lepszym zrozumieniu. Taki projekt graficzny spodobał się od razu, z czego jesteśmy dumni.

Platforma i implementacja strony internetowej

Zawsze wychodzimy z założenia, że system na którym jest zbudowana strona internetowa powinien być funkcjonalny i spełniać wymagania Klienta. Po rozmowach doszliśmy do wspólnego wniosku, aby zbudować stronę Roberta w oparciu o system WordPress. Poprzednia strona również była oparta o ten system i sprawdzał się on bardzo dobrze od strony zaplecza.

Oczywiście strona Roberta jest responsywna. Ale to nie wszystko. Strona ta jest również oparta o tzw. siatkę projektową (ang. grid). Siatka ta wyznacza szerokość kolumn i odstępów między nimi (ang. gutter). Obliczana jest indywidualnie dla każdego urządzenia (telefonu, tabletu, laptopa, małego i dużego monitora komputerowego). Dlatego, strona internetowa wyglądaja dobrze na wszystkich urządzeniach, a wszystkie wymiary, proporcje i odstępy są zawsze pedantycznie dopracowane.

Responsywna strona główna
Mobilna podstrona z ofertą
Responsywny blog
Strona internetowa jest responsywna i działa pod wszystkimi urządzeniami. Przykładowe podstrony: strona główna, oferta oraz blog
Widok siatki na której oparta jest strona
Widok siatki (ang. gid) na której oparta jest strona. Siatka wyznacza ilość i szerokość kolumn oraz odstępów między nimi, indywidualnie dla każdego urządzenia

Dla strony Roberta stworzyliśmy testową domenę online, na której umieściliśmy powstającą w czasie rzeczywistym stronę internetową. Na każdym etapie implementacji Robert mógł odwiedzić swoją stronę, zobaczyć jak aktualnie wygląda i zgłosić swoje ewentualne uwagi. Taki sposób pracy sprawia, że końcowy produkt się podoba!

Zarządzanie stroną internetową i skok w przyszłość

Robert zdecydował się na samodzielne zarządzanie swoją stroną, ponieważ regularnie prowadzi bloga i dodaje aktualizacje. Dlatego ze swojej strony zrobiliśmy wszystko co możliwe, aby obsługa strony była łatwa i przyjemna. Wdrażając stronę, korzystaliśmy z minimalnej ilości wtyczek, a wszystkie widoki i style umieściliśmy bezpośrednio w szablonie.

Dzięki temu stroną można zarządzać w bardzo prosty sposób, skupiając swoją uwagę na wysokiej jakości tekstach i nie martwiąc się o ich wygląd.


Stroną Roberta opiekujemy się do dzisiaj. Wykonujemy drobne działania administracyjne, kopie zapasowe i aktualizacje systemu. Pomagamy również w obsłudze witryny od strony zaplecza.

Natomiast w najbliższej przyszłości planujemy rozbudowę strony o moduł do ściągania materiałów takich jak książki i inne publikacje (odpłatnie lub na hasło).