Connect with us

Cześć, czego szukasz?

Internet Maker

Bob Sharples Photography

W tym artykule zajmiemy się internetowym portfolio pewnego fotografa. Dopilnujemy, aby nowa strona już sama w sobie stanowiła przyjemny obiekt do oglądania.

www.bobsharplesphotography.co.uk

Mimo że na co dzień pracuje jako elektryk w marynarce wojennej, Bob Sharples znany jest również jako wybitny fotograf z dorobkiem obejmującym zdjęcia dzikiej natury, sportu i militariów. Pod koniec 2004 r. Bob zdecydował, że chce stworzyć galerię swoich fotografii.

\”Chciałem pokazać moje prace przyjaciołom, rodzinie i wszystkim innym osobom, które były nimi zainteresowane, a przy okazji może i sprzedać kilka z nich\” – wyjaśnia Bob. Oprócz ulubionych tematów, praca Boba ma również społeczny aspekt: \”Czasami wykorzystuję stronę do pokazania relacji z lokalnych wydarzeń, takich jak koncerty lub akcje charytatywne. Ten serwis może być dobrym miejscem dla ludzi, którzy chcieliby cofnąć się w czasie do tamtych dni, wyczekując równocześnie kolejnych moich zdjęć.\”

Właściciel: Bob Sharples

Mimo że głównym zadaniem strony jest prezentacja fotografii Boba, pełni ona także rolę potencjalnego źródła dochodu z odbitek, które mogą zamówić za jej pośrednictwem internauci. Mocną stroną serwisu są zdjęcia, lecz pozostałe elementy projektu graficznego są bardzo niedopracowane. Podobnie rzecz ma się z użytecznością. Wszystko to sprawia, że strona sprawia wrażenie nieprofesjonalnej, nawet pomimo tego, że Bob jest bardzo dobrym fotografem. Nic dziwnego, że Bob chciałby mieć żywszą i bardziej efektowną stronę.

Strona mdła i toporna

Bob nie orientował się najlepiej w temacie webdesignu, i jak sam przyznaje \”męczył się niemiłosiernie\” podczas składania strony we FrontPage\’u. Powód, dla którego wybrał aplikację Microsoftu, to głównie łatwość obsługi.

\”Sprawia ona, że edycja i aktualizowanie serwisu są proste, przez co nie ślęczę często zbyt długo nad jedną rzeczą.\” Istotą strony jest łatwość, z jaką Bob może samodzielnie dokonywać na niej aktualizacji. Robi to kilka razy w miesiącu – Bob lubi wgrywać nowe zdjęcia do sieci najszybciej, jak to tylko możliwe.

Jednak wykorzystanie FrontPage\’a było także źródłem problemów. Bob określił swoją stronę jako \”nieco mdłą i toporną\”, słusznie zauważając, że tekst na stronie głównej nie przyciąga uwagi: \”Całej stronie głównej brakuje tego czegoś, co zrobi wrażenie na odwiedzających.\”

Dostrzegliśmy również problemy z nadmiarem kodu i kompatybilnością, które są charakterystyczne dla wielu stron stworzonych przy użyciu FrontPage\’a. Lecz zdecydowanie największe wyzwanie stanowi projekt graficzny serwisu. Nawigacja nie jest przyjazna. Brakuje tutaj odnośników prowadzących wzdłuż całego serwisu. Zamiast tego każda podstrona składa się z własnych elementów nawigacyjnych, zwykle będących linkami do poprzedniej lub następnej galerii, a niekiedy prowadzących także i do strony głównej.

Przed zmianą

Zanim zaczniemy remont, przyjrzyj się słabym i mocnym punktom strony internetowej Boba. Sprawia ona wrażenie zagraconej, a na dodatek sypie się w rozdzielczościach niższych niż 1024×768.

  • PLUS: Świetne zdjęcia.
    Można bez obaw stwierdzić, że Bob ma talent do fotografii. Jego zdjęcia są niezwykłe, nawet wtedy gdy ich rozmiar i kompresja zostały zredukowane na potrzeby sieci. Nie brak tu wspaniałych materiałów, z których warto będzie skorzystać.
  • PLUS: Szablony dla galerii.
    Każda galeria tworzona jest według jednej myśli przewodniej. Warto zatem odnotować fakt, że Bob przygotował szablony dla wszystkich galerii, dając użytkownikom szybki dostęp do takiego rodzaju zdjęć, jaki lubią najbardziej.
  • PLUS: Czytelny odnośnik Kontakt.
    Jako że strona jest przede wszystkim galerią prac autora, zawiera duży potencjał biznesowy (np. daje możliwość wynajęcia Boba lub kupna odbitek z jego zdjęciami). Dobrze więc, że na stronie głównej widnieje czytelny link kontaktowy.

  • MINUS: Okropne kolory.
    Mocne czarne tło dominuje na stronie, a żółte logo jest wyjątkowo krzykliwe. Niebieski tekst i czerwone obramowanie wokół głównej grafiki atakują widza, sprawiając, że zdjęcia muszą wręcz walczyć o to, aby zwrócić na siebie uwagę.
  • MINUS: Natrętne znaki wodne.
    Szkoda, że Bob okaleczył swoje prace nietrafionymi znakami wodnymi widocznymi na każdej ilustracji. Jeżeli musisz już dodawać znaki wodne do fotografii, zrób to w taki sposób, aby nie odwracały one uwagi od reszty.
  • MINUS: Nieprofesjonalny wizerunek.
    Design strony Boba przeczy profesjonalizmowi widocznemu w jego pracach. Ta strona powinna robić wrażenie i przekonywać odwiedzających o niebywałych zdolnościach autora, a tymczasem projekt sprawia wrażenie amatorskiej.

Wszystko to wygląda nieco topornie i przestarzale, zdecydowanie nie sprawiając wrażenia spójnego designu – z czego Bob w pełni zdaje sobie sprawę. \”Na tę chwilę ludzie są zadowoleni z mojej strony – mówi Bob. – Lecz ja chciałbym, aby opuszczając mój serwis, myśleli: to było fantastyczne, a następnie wracali do niego bez końca, opowiadając o nim swoim znajomym.\”

Wyzwanie dla webdesignera

Bob chciałby, abyśmy wyczyścili wszystkie stare grafiki, nadali tekstowi oraz ilustracjom większej przejrzystości, przerabiając jednocześnie stronę główną na bardziej efektowną. Naszym zdaniem zmian wymagają również znaki wodne na zdjęciach, ponieważ w obecnej formie rujnują one cały zawarty w nich dramatyzm.

Uznaliśmy, że strona powinna prezentować fotografie Boba najlepiej, jak to możliwe, a także wprowadzać internautów w zawartość serwisu w taki sposób, który umożliwić im zakup zdjęć. Ponadto aktualny bałagan na stronie głównej i podstronach zdecydowanie nie działa na jej korzyść.

Z kolei to, że galerie fotografii znajdują się w głębi serwisu, nie oznacza, że jedna z nich nie powinna pojawić się również na stronie głównej, dając internautom możliwość obejrzenia zestawu ulubionych zdjęć autora. Cały layout wymaga jednak porządków: strona zostanie rozplanowana w oparciu o układ siatki (lub jak kto woli: kratki), co pomoże odwiedzającym w bardziej efektywnej nawigacji po serwisie. Trzeba również poradzić sobie ze schematem kolorów: zamierzamy znacząco go stonować, aby nie odwracał uwagi od wspaniałych zdjęć Boba.

Bliższego przyjrzenia się wymaga także nawigacja. Stwierdziliśmy, że strona sprawdziłaby się znacznie lepiej z prostym i spójnym systemem nawigacji, dlatego ograniczyliśmy odnośniki do imienia Boba (podlinkowanego do strony głównej), sekcji \”Photography\” (prowadzącej do galerii), \”Buy\” (oferta dla kupujących) i \”Contact\” (kontakt).

Dodatkowo odnośniki ze strony głównej mogą być użyte do skierowania internautów bezpośrednio do kilku specjalnie wybranych galerii. Natomiast reportaże Boba z lokalnych wydarzeń i akcji charytatywnych mogą zostać podpięte pod odpowiednie elementy w aktualnościach.

Po zmianie

Znacznie bardziej nowoczesny i profesjonalny design wzmacnia zaufanie do strony i zdolności jej autora. Udoskonaliliśmy także znaki wodne, które teraz nie przeszkadzają w oglądaniu zdjęć.

  • PLUS: Lepsza kolorystyka.
    Stary schemat kolorystyczny przykuwał uwagę, ale czynił to na zły sposób. Na potrzeby remontu użyliśmy neutralnego szarego tła oraz subtelnych miękkich półtonów w pozostałych miejscach, dzięki czemu kolory na fotografiach odróżniają się od elementów layoutu.
  • PLUS: Galeria na stronie głównej.
    Poprzednia strona główna oferowała odnośniki do różnych galerii, lecz dopiero nasza wersja prezentuje jedną galerię już na samym starcie. Dzięki temu Bob będzie miał możliwość pokazania swoich ulubionych zdjęć. Galeria zachęci także odwiedzających do zgłębienia zawartości reszty strony.
  • PLUS: Ulepszona typografia.
    Koniec z nieprzyjemnym niebieskim tekstem. Zastąpiły go miłe dla oka szare akapity, z linkami zaznaczonymi na ciemny pomarańczowy kolor. Zmianom uległ także nagłówek, w którym nazwa strony i odnośniki nawigacyjne są teraz pisane wyłącznie dużymi literami.

  • PLUS: Profesjonalny layout.
    Stylowy, czysty layout sprawia, że teraz to fotografie Boba znajdują się w centrum serwisu. Za przekaz odpowiadają głównie zdjęcia, a strona sprawia wrażenie nowoczesnej i profesjonalnej. Jej głównym zadaniem jest teraz wspomaganie prezentacji fotografii, zamiast konkurowanie z nimi o zainteresowanie odwiedzających. Poprawiliśmy także kod strony.
  • PLUS: Łatwy dostęp do galerii.
    W oryginalnym serwisie odnośniki do galerii znajdowały się na dole strony głównej. W trakcie remontu nie tylko umieściliśmy widoczny link \”Photography\” w pasku nawigacyjnym, ale także dodaliśmy odnośniki do konkretnych galerii tuż obok dużej grafiki. Dzięki temu użytkownicy mają łatwy dostęp do tych prac, które Bob chciałby im zaprezentować w pierwszej kolejności.
  • PLUS: Poprawiona nawigacja.
    Stara strona nie miała tak naprawdę żadnej konsekwentnej nawigacji. Poruszanie się po niej opierało się na sieci nieuporządkowanych odnośników zamieszczonych na każdej z podstron. Nowy layout ma pogrubiony pasek nawigacyjny, dający szybki dostęp do najważniejszych obszarów strony, niezależnie od tego na jakiej podstronie właśnie się znajdujesz.

Opinia właściciela

Wow! Jestem pod wrażeniem – to naprawdę doskonała strona. Lepiej uporządkowana i bardziej skupiona na najważniejszych elementach niż mój poprzedni design. Wszystko to dodaje serwisowi profesjonalizmu.

Białe tło wydobywa zdjęcia ze strony, a jednocześnie przypomina białe ściany galerii sztuki! Odnośniki do galerii są bardziej przejrzyste, kolory subtelniejsze i łatwiejsze w odbiorze, ale i skupiające stronę jako całość.

Nawigacja oparta o tekstowe odnośniki jest prosta, lecz prawdopodobnie nigdy nie przyszłoby mi do głowy, aby to zrobić w taki sposób samemu. Ta strona zdecydowanie odpowiada wcześniejszym założeniom i na pewno pozostanę przy niej podczas przerabiania reszty serwisu.

Może cię też zainteresować

Testy

Testujemy najnowszą linię profesjonalnych statywów dla fotografów.

Newsy

Może współpracować z wieloma najpopularniejszymi flagowcami.

Internet Maker

W Internecie nie wystarczy już mieć tylko strony internetowej, aby konkurować o znaczącą pozycję na rynku. Coraz ważniejsze staje się optymalizacja działań marketingowych, aby poprzez tańsze i bardziej efektywne zdobywanie...

Internet Maker

Odpowiednie przygotowanie treści na stronę ma olbrzymie znaczenie dla jej efektywności i realizacji zakładanego celu. Użytkownicy w Internecie są bardzo niecierpliwi i nie mają litości dla błędów projektantów witryn internetowych. Jeżeli...