Remont – Trek for Life | Internet Maker

W tym miesiącu przyjrzymy się stronie charytatywnej Shawna Pisaniego, która zdecydowanie wymaga remontuhttp://www.trekforlife.comtom

Życie Shawna Pisaniego uległo zmianie na lepsze w lecie w 2004 r. „Zawsze chciałem wziąć urlop w pracy i poświęcić się robieniu czegoś dla innych, aby wspomóc społeczeństwo – mówi. – Pewnego ranka otrzymałem podróżniczy
newsletter od agencji z USA, opisujący charytatywną
wyprawę na Kilimandżaro. Postanowiłem wziąć w niej udział, bez względu na fakt, że od dwunastu lat nie uprawiałem sportu!”.

Właściciel: Shawn Pisani

Początkowo strona miała służyć za marketingową wizytówkę organizacji charytatywnej założonej przez Shawna. Obecnie jednak sprawia wrażenie niedokończonej, strasząc użytkowników mnóstwem
pusty podstron i błędnych odnośników.
Te podstrony, które zawierają informacje o organizacji, cierpią na brak dobrego layoutu (typografia i design nie współgrają ze sobą)i zdecydowanie potrzebują nadania im profesjonalnego
charakteru, który lepiej wpływałby na gości i zachęcał do włączenia się w działania organizacji oraz jej dofinansowania.

Shawn zadbał o promocję wydarzenia na Malcie, gdzie mieszka, i rozpoczął treningi – lecz agencja w niejasnych okolicznych przełożyła wyjazd. „Niektórzy ludzie powątpiewali, czy dam radę wziąć udział w wyprawie, a opóźnienie sprawiło,
że poczuli się pewniej” – wspomina Shawn.
Aby pokazać, że się nie podda, zdecydował zorganizować ekspedycję samemu.

Dołączyło do niego trzech przyjaciół, zebrali fundusze podczas kilku dobroczynnych imprez i wreszcie mogli wyruszyć. „Zdecydowaliśmy wesprzeć dwóch afrykańskich i trzech maltańskich wolontariuszy. Nagłośniliśmy fakt, że bierzemy udział w takiej wyprawie, aby wesprzeć ich działalność i zyskać dla nich fundusze – wyjaśnia Shawn. – Wszystko robiliśmy w naszym czasie wolnym, sami pokrywaliśmy
koszty związane z imprezami, dojazdem na miejsce i ekspedycją.
Dało nam to przejrzystość
finansów i pewność tego, że wszystkie zebrane pieniądze trafiły do potrzebujących”.

Kampania zakończyła się sukcesem. Shawn opowiada, że jego znajomi polubili tego typu wyzwania. Teraz, w ramach swojej organizacji Trek for Life mają zamiar co roku podwyższać stopień trudności. „Następna wyprawa, planowana na październik, będzie prawdopodobnie polegać na przejściu Sahary” – planuje Shawn.

Przed remontem

Szczerze mówiąc, strona wizualnie kuleje, i to na kilka sposobów. Niebieskie tło jest mocno nasycone i męczące przy dłuższym oglądaniu. Ponadto kolory nie pasują do logo. Obecny layout jest słaby i zawiera mnóstwo zmarnowanej przestrzeni. Zdecydowanie jest co poprawiać.

PLUS: Wstęp spełnia swoją rolę. Pomimo tego, że mógłby być nieco bardziej szczegółowy, tekst wstępu sprawnie tłumaczy internautom, czym zajmuje się organizacja. A takie wyjaśnienie to przecież element nie do pominięcia dla każdej organizacji non profit, przekonującej zainteresowanych o słuszności swojej sprawy.	PLUS: Odnośniki do poprzednich kampani. Dla takich organizacji jak Trek for Life – szczególnie dla tych, o których nie było wcześniej głośno – zamieszczenie czegoś więcej niż tylko prostej notki reklamowej na temat własnej działalności to sprawa obowiązkowa. Jeżeli ma się już jakieś dokonania na koncie, koniecznie trzeba się nimi pochwalić na stronie internetowej, upewniając się, że każdy będzie miał do nich łatwy dostęp.	MINUS: Okropna nawigacja. Nawigacja nie jest w 100% zła – poruszanie się po samej stronie głównej jest mało skomplikowane. Problemy pojawiają się po przejściu na jedną z podstron: brakuje globalnej nawigacji dla całego serwisu, nawet główne odnośniki nie wszędzie są takie same. Ponadto wiele z wewnętrznych odnośników jest błędnych.

MINUS: Problematyczna typografia. Czcionki użyte na stronie nie są standardowymi czcionkami stosowanymi w internecie. W praktyce to, co zobaczą internauci, zależy więc od konkretnych fontów zainstalowanych na ich komputerach. Nie to było chyba zamysłem twórców. Co gorsza, wiele czcionek sprawia trudności w czytaniu z ekranu, zniechęcając tym samym znaczną część odwiedzających.	PLUS: Sponsorzy i partnerzy. Czyli innymi słowy reklamy… Dla organizacji non profit zdobycie sponsorów to podstawa. Dlatego doceniliśmy wyeksponowane na stronie głównej logotypy współpracujących firm.	MINUS: Brak zdjęć. Organizacja Trek for Life zrobiła wiele dobrego, ale nie dowiemy się o tym z jej strony internetowej. Brakuje zdjęć, ostało się tylko logo przedsięwzięcia, reklamy sponsorów i jeden wątpliwej jakości banner (na dodatek z literówką). Strona wymaga lepszej prezencji – dodatkowe zdjęcia na pewno by w tym pomogły.

Lecz ekstremalne przygody to nie jedyna pasja Shawna. Toczy także niekończące się boje z FrontPagem i Photoshopem, próbując doprowadzić
swoją stronę internetową do ładu. „To najtańszy sposób na wypromowanie swojej pracy – stwierdza. – To nasza darmowa próbka, broszura,
album fotograficzny i reklama w jednym. Strona pomaga przyciągnąć wsparcie dla naszych przyszłych kampanii”.

Shawn chciałby, aby strona obejmowała wiele aspektów działania jego organizacji. Powinna oferować aktualności, rozliczenia finansowe,informacje dla sponsorów oraz archiwalne wpisy na temat tego, kto i w jaki sposób pomógł Trek for Life. „Chciałbym również umożliwić internautom dokonywanie wpłat za pośrednictwem strony i zapisywanie się na kolejne akcje – mówi Shawn.

- Mamy przy tym nadzieję, że będzie widoczny główny komunikat strony o niesieniu pomocy innym ludziom, współdzieleniu i zrozumieniu piękna rasowych oraz kulturowych różnic, zamiast postrzegania ich jako barier. Wydaje nam się, że trzeba przypomnieć światu o satysfakcji płynącej ze wspierania innych oraz działania na rzecz wspólnot i pokoju – szczególnie teraz, gdy większość
newsów nadawanych w mediach odnosi się do wojen, morderstw i rosnących kosztów życia”.

Jednak przekaz strony jest w obecnej postaci mocno rozwodniony. Techniczne i estetyczne braki serwisu mogą być dla wielu użytkowników nie do przeskoczenia. „Strona powinna wyglądać bardziej profesjonalnie i schludnie” – sugeruje Shawn, dodając, że zależy mu również na dobrej widoczności serwisu w wyszukiwarkach internetowych.
Największy błąd na stronie to niedziałający
formularz kontaktowy, ograniczający szanse na nawiązanie kontaktu z użytkownikami. Nie do końca poprawnie funkcjonują także galerie zdjęć.

Nasza praca przy remoncie rozpocznie się więc całkowicie od podstaw. Wykorzystamy tylko kilka elementów dostarczonych przez Shawna, takich jak logo i niektóre fotografie. Serwis wymaga zaprojektowania spójnego layoutu i sekcji nawigacyjnej,
powiązanych z lepszym wykorzystaniem strony głównej, zawierającej informacje na temat projektu, zdjęcia z poprzednich wydarzeń i ułatwienia
dla osób szukających kontaktu.

Mając w pamięci oczekiwania Shawna oraz jego niski poziom doświadczenia, zdecydowaliśmy
się na prosty, nowoczesny i czysty design. Nada to stronie profesjonalnego charakteru, a jednocześnie pozwoli Shawnowi na samodzielne
rozwinięcie i przerobienie reszty serwisu wedle naszego projektu.

Po remoncie

Stara strona główna miała spore rozmiary, ale dostarczała mało informacji. Dlatego znacznie ścisnęliśmy layout, umieszczając jednocześnie na stronie więcej danych, takich jak aktualności i wybrane galerie.

PLUS: Poprawiona nawigacja. W celu uporządkowania oryginalnej nawigacji podzieliliśmy stronę na dwie kluczowe sekcje. Po lewej znalazły się odnośniki z informacjami na temat organizacji. Po prawej umieściliśmy trzy „wezwania do działania”, czyli zachęty dla użytkowników aby „wzięli udział”, „wsparli finansowo” lub skontaktowali się z Trek for Life.	PLUS: Unowocześniona czołówka. Chociaż na ilustracjach ukazujących starą stronę widać jej część informacyjną, to odwiedzający ją internauci byli najpierw witani toporną flashową animacją. Nasz projekt oparty na tekście i licznych grafikach jest przyjaźniejszy zarówno dla gości, jak i dla wyszukiwarek internetowych.	PLUS: Zwiększone logo i nagłówek. Abstrakcyjna figura,której użył Shawn w oryginalnym logo, dominowała nad nazwą organizacji. Teraz napis jest bardziej odpowiedni, a figura mniejsza. Zastosowanie dodatkowej tekstury i czarno-białej grafiki wzmocniło także graficznie cały nagłówek.

PLUS: Mocne kolory. Oryginalna strona, ze swoim męczącym wzrok niebieskim tłem i szarym tekstem nie przejawiała żadnej myśli przewodniej. Użyliśmy dwóch szablonów kolorystycznych: dopełniających się barw i odcieni szarości, aby stworzyć paletę kolorów, która przyciągnie wzrok, zapewniając jednocześnie spójność layoutu.	PLUS: Ulepszona typografia. Czcionki użyte na oryginalnej stronie nie były typowymi czcionkami stosowanymi w internecie. Nie ułatwiały również czytania głównego tekstu. Dlatego zmieniliśmy je na Ariala, standardową czcionkę sieciową. Jeżeli w Trek for Life uznają, że taki wybór im nie pasuje, będzie można to szybko zmienić za pomocą jednego wpisu w CSS.	PLUS: Dodatkowe zdjęcia. Pamiętasz zwrot: jedno zdjęcie jest warte więcej niż tysiąc słów? Kierując się tą mądrością, dodaliśmy do strony fotografię zespołu na szczycie Uhuru(Kilimandżaro). Co prawda zwiększa to czas ładowania strony, ale efekt, jaki wywołuje oraz fakt, że ten projekt był bardzo ważny dla organizacji, usprawiedliwiają ten wybór.

Opinia właściciela

Poprawiona strona zrobiła na mnie wrażenie zaprojektowanej w mądrzejszy i schludniejszy sposób. Tekst jest łatwiejszy do odczytania, a wszystko jest mniej chaotyczne.

Generalnie jestem zadowolony z remontu. Polubiłem nowy layout, ponieważ jest: bardziej przemyślany, zabawny i przyjazny oraz łatwiejszy w obyciu dla nowych gości, co uznaję za duży plus.
Remont spełnił oczekiwania i na pewno wykorzystam nowy design jako podstawę do stworzenia nowej wersji serwisu. Dzięki za pomoc i wsparcie!

Może Cię zainteresować:

O autorze

Tomasz Galanciak

Więcej artykułów autorstwa Tomasz Galanciak »

Internet Maker