DIAGNOZA Biuro Rachunkowe Omega 1
Spis treści: 1. Pierwsze wrażenie 3 2. Technologia i SEO (pozycjonowanie) 4 3. Layout (wygląd) 4 4. Typografia 6 5. UX/UI (interfejs) 6 6. Usability (użyteczność) 7 7. Narzędzia 7 8. Social Media (media społecznościowe) 8 9. Wnioski 8 10. Rekomendacje 9 2
1. Pierwsze wrażenie Analizowaną stroną jest witryna biura rachunkowego Omega, zawierająca podstawowe informacje o profilu działalności firmy z ofertą, cennikiem, referencjami i kontaktem. Wszystkie sekcje zostały umieszczone na oddzielnych podstronach. Strona główna poprzedzona jest winietą obecną na wszystkich podstronach, wkomponowano w nią logo firmy, zdjęcia, adres kontaktowy. Logo ani obrazki nie są klikalne, powrót na stronę główną możliwy jest jedynie po kliknięciu w odpowiedni element menu. Kolorystyka utrzymana jest w tonacji brąz, beż, żółć. Wniosek jaki nasuwa się przy pierwszym podglądzie strony głównej, to zbytnie przeładowanie informacjami. Na głównej stronie zmieszczono wszystko to, co znajduje się na kolejnych podstronach. Na stronie z cennikiem nie podano cen, więc odnośnik do tej strony w menu wprowadza użytkownika w błąd. Błędnie nazwano także stronę z referencjami, brakuje na niej opinii użytkowników lub klientów. W sekcji kontaktowej niepotrzebnie użyto podmenu do mapy z dojazdem, zmusza to użytkowników do kolejnego zbędnego kliknięcia. Na stronach użyto wielu styli czcionek i małych zdjęć ilustracyjnych. Wygląd strony jest mocno przestarzały, kolorystyka mało wyrazista, stonowana, a użyte ilustracje nie poprawiają estetyki witryny. Brakuje odwołań do mediów społecznościowych. Na plus należy zapisać użycie własnej domeny oraz adresu poczty elektronicznej w tej domenie, chociaż dla ułatwienia należałoby zmienić pierwszy człon tego adresu, np. na kontakt@, biuro@ itp. 3
2. Technologia i SEO (pozycjonowanie) Strona firmy została stworzona w technologii.net, jest skonstruowana poprawnie pod kątem technologicznym. Testy szybkości strony wykazały, że ładuje się ona bardzo szybko ze względu na niewiele elementów użytych do jej budowy. Możliwe jest jednak przyśpieszenie działania strony poprzez eliminację najbardziej spowalniających skryptów i kodów oraz optymalizację obrazków. Na uwagę zasługuje fakt, że równie szybko wczytuje się wersja mobilna strony. Skalowanie strony do rozmiaru urządzenia mobilnego jest poprawne, ale umieszczone na niej treści nie są przeskalowane do mniejszego ekranu, elementy nawigacyjne są zbyt małe, a przez to trudne do użycia. Nie jest uzastosowana pełna responsywność strony. Kolejne testy wykazały, że tag tytułowy jest zbyt długi, nie zaimplementowano również skryptu dla robotów Google oraz nie przygotowano mapy XML witryny, co jest kluczowe dla pozycjonowania stron internetowych w wynikach wyszukiwania Google. Prawidłowo rozwiązana jest natomiast struktura nagłówków czy użycie breadcrumps (okruszki nawigacyjne), choć nie jest to konieczne w tego typu stronach. Strona jest podpięta do Google Analytics w celu monitorowania statystyk odwiedzin i przepływu użytkowników. 3. Layout (wygląd) Badana strona ma przestarzały i nieatrakcyjny wygląd. Użyta kolorystyka jest dość pasywna, mało atrakcyjna i nie zatrzymująca wzroku. Użyto trzech stonowanych kolorów oraz czarnego koloru tekstu. Jeśli przyjąć któryś z tych kolorów za dominant strony (np. brąz), to przykładowa paleta kolorystyczna dla tego projektu powinna wyglądać jak na załączonym przykładzie. W ramach ilustracji zastosowano na stronie małe obrazki, dodatkowo poddane niepotrzebnej obróbce (gradient na obramowaniu). Wybór obrazków podkreśla 4
specyfikę księgowości jako nudnego, mało nowoczesnego zajęcia, którym zajmować się mogą jedynie starsze osoby, co sugeruje np. zastosowanie zdjęcia starego liczydła. Wygląd strony nie przyciąga, nie zatrzymuje użytkownika, nie sprawia, że przebywanie na witrynie jest przyjemne i komfortowe dla oka. 5
4. Typografia Na stronie użyto dwóch krojów czcionki, innego w nagłówku (dane kontaktowe), innego w treści. Style dla czcionek są mocno zróżnicowane (pogrubienia, pochylenia, pomniejszenia), co potęguje wrażenie chaosu informacyjnego. 5. UX/UI (interfejs) Interfejs strony jest mało intuicyjny i mocno przestarzały. Brakuje odpowiedniej wersji mobilnej witryny. Winieta jest zbudowana chaotycznie, użyte obrazy nie mają żadnej funkcji dla użyteczności, wprowadzają jedynie niepotrzebną dezorientację, przytłumiając logo i najistotniejsze informacje kontaktowe. Zastosowanie dla informacji kontaktowych statycznego obrazka zamiast HTML powoduje, że kliknięcie w adres e-mail lub telefon w wersji mobilnej jest niemożliwe. Może to utrudniać kontakt z firmą, co jest bardzo istotnym błędem. Brakuje m.in. formularza kontaktowego, umożliwiającego wysłanie zapytania bezpośrednio z witryny. TIP: Wg najnowszych statystyk ruchu internetowego w polskim Internecie, liczba użytkowników przeglądająca strony internetowe poprzez urządzenie mobilne wynosi 21,5 mln*. Pokazuje to jak istotne jest obecnie posiadanie odpowiedniej wersji mobilnej strony firmowej. *Dane PBI z listopada 2017 r. 6
6. Usability (użyteczność) Nawigacja jest zbudowana prawidłowo, ale przy tego rodzaju stronach, gdzie nie ma zbyt wiele treści, nie jest zbyt praktyczne użycie zakładek oraz dodatkowego menu na podstronach. Zastosowanie breadcrumps w nawigacji jest korzystniejsze na witrynach z bardzo dużą ilością podstron. W przedstawionym projekcie zastosowanie tego rozwiązania nie ma też istotnego wpływu na pozycjonowanie. Większy wpływ ma natomiast zastosowanie mapy XML, której brakuje w omawianym projekcie. W analizowanej witrynie niezbędna jest przebudowa i ustalenie priorytetów odnośnie treści oraz ich odpowiedniej ekspozycji. 7. Narzędzia Plusem analizowanej witryny jest podpięcie skryptów analityki internetowej, w tym przypadku Google Analytics. Narzędzie to umożliwia nie tylko monitorowanie ruchu na witrynie (co w omawianym przypadku strony wizerunkowo-kontaktowej nie jest tak istotne), ale także jest pomocne w zbudowanie odpowiedniej strategii witryny, dzięki analizie przepływu użytkowników i ocenie najczęściej odwiedzanych podstron. W witrynie brakuje elementu zapisu do newslettera, co nie tylko umożliwia kontakt z użytkownikami w kwestii rozwoju produktów firmy, nowości w ofercie itd., ale także budowanie bazy potencjalnych klientów (zdobywanie leadów). 7
8. Social Media (media społecznościowe) Analizowany projekt jest nieobecny w mediach społecznościowych, co jest poważnym błędem w zakresie promocji produktów i oferty firmy. Podstawą do zaistnienia w kanałach społecznościowych jest stworzenie fanpage na platformie Facebook z zastrzeżeniem, że profil powinien być aktualizowany i nastawiony na interakcję z użytkownikami. Możliwości, jakie stwarzają obecnie kanały społecznościowe są bardzo ważnym elementem strategii promocyjnej firmy. Obecność w mediach społecznościowych jest także elementem profesjonalnego wizerunku firmy w internecie. TIP: Ponad 45% polskich internautów przynajmniej raz dziennie korzysta z platformy Facebook*, co przekłada się na 22 mln realnych użytkowników. Jednocześnie też Facebook jest największą platformą reklamową docierającą do 2 mld bardzo dobrze sprofilowanych, realnych użytkowników na całym świecie. *Dane mediadomu UM z września 2017 r. 9. Wnioski Strona, która została poddana diagnozie spełnia swoje podstawowe zadania. Jest to strona wizerunkowa, mająca na celu przedstawienie oferty firmy. Jednak w wielu wyżej wymienionych aspektach strona jest przestarzała, a kontakt za jej pośrednictwem jest utrudniony. Strona nie jest zbudowana zgodnie z aktualnymi trendami dla tego typu stron. Dla witryn wizerunkowych stosuje się obecnie typ strony onepage, gdzie wszelkie informacje umieszczone są na jednej głównej stronie z podziałem na poszczególne ekrany (nie podstrony). Omawiana strona jest mało profesjonalna i niespójna z jakością usług świadczonych przez firmę, a przez to mało wiarygodna w oczach potencjalnych klientów. Szczególnie dotkliwe jest utrudnienie kontaktu e-mailowego z firmą z powodu brak formularza kontaktowego lub klikalnego adres e-mail na stronie. 8
10. Rekomendacje Dla witryny biura rachunkowego Omega rekomendowane są następujące zadania, w celu zbudowania profesjonalnego wizerunku firmy w Internecie: Przebudowa istniejącej strony internetowej na stronę typu onepage, mieszczącą wszelkie informacje o firmie na kilku ekranach, ale wyłącznie na jednej stronie głównej; Przygotowanie mobilnej wersji strony; Zmiana wyglądu istniejącej strony internetowej, zastosowanie bardziej wyrazistej kolorystyki oraz pełnych, doskonałej jakości ilustracji, poprawa typografii; Przebudowa treści, zredagowanie i skrócenie ilości informacji, nadanie priorytetów treściom na stronie; Usunięcie nawigacji breadcrumps; Uzupełnienie braków odnośnie cennika i rekomendacji; Uzupełnienie strony o formularz kontaktowy oraz zapis do newslettera; Poprawka adresu poczty elektronicznej; Użycie klikalnych elementów adresu poczty elektronicznej i numeru telefonu; Przygotowanie strategii obecności firmy w kanałach społecznościowych, szczególnie na platformie Facebook; Zaprojektowanie budżetu dla kampanii promocyjnych na platformie Facebook, w celu pozyskania nowych klientów; Optymalizacja strony pod kątem wyszukiwarki Google, uzupełnienie brakujących elementów, w tym mapy XML; Skrócenie tagu tytułowego do 60 znaków. 9
www.cudanetu.pl 10