case study wstępna analiza marketingowa coal creatice agencja interaktywna
Case Study 01
Róża Wiatrów PORTAL INTERNETOWY Klient: Róża Wiatrów Okres realizacji: 01-04 2011 Zakres usług: Opracowanie koncepcyjne i funkcjonalne Kreacja i projekt graficzny Porady i Informacje techniczne Firma RÓŻA WIATRÓW oferuje szeroki wybór imprez z zakresu aktywnego wypoczynku. Organizuje rejsy szkoleniowe z możliwością uzyskania patentu, obozy (nie tylko żeglarskie: paintball, quady), wycieczki szkolne oraz kolonie dla dzieci, młodzieży i studentów. Ponadto, RÓŻA WIATRÓW zajmuje się czarterami jachtów na Mazurach, w Chorwacji i na akwenach egzotycznych. Dzięki 14- letniemu doświadczeniu w organizowaniu imprez żeglarskich, firma cieszy się satysfakcją i pełnym zaufaniem kilku tysięcy zadowolonych klientów. Case Study 02
1. Koncepcja Podstawowym założeniem projektu Coal Creative było stworzenie strony internetowej, której główną funkcją (zgodnie z głównym profilem działalności firmy) będzie sprzedaż obozów i koloni żeglarskich dla dzieci i młodzieży oraz promocja aktywnego wypoczynku, proponowanego przez RÓŻĘ WIATRÓW. Priorytetem równorzędnym było zaplanowanie podziału treści w taki sposób, by dostęp do pozostałych usług był przejrzysty, czytelny i szybki dla użytkowników, a całość procesów nawigacyjnych na stronie- intiucyjna. Istotną rolę odgrywał aspekt emocjonalny - naszym celem było stworzenie dynamicznej strony w atrakcyjnej szacie graficznej, która odwiedzana z przyjemnością przez potencjalnych klientów sprawi, że każdy z nich poczuje się wyjątkowym, ważnym i zauważonym klientem. Nowa strona internetowa RÓŻY WIATRÓW miała być wizytówą firmy, która w bezpośredni sposób wpłynie na postrzeganie firmy i jej jak najlepszy wizerunek w oczach wszystkich odbiorców. Szeroka oferta firmy oraz wymienione priorytety, zdeterminowały określone podejście do całości projektu: by osiągnąć postawione cele, założyliśmy, że RÓŻA WIATRÓW funkcjonuje jako biuro podróży posiadające sprecyzowaną ofertę, którego wspólnym mianownikiem jest żeglarstwo. W projekcie Coal Creative zdecydowaliśmy się na kolorystykę utrzymaną w ogólnie przyjętym kli macie żeglarstwa i wody. Jaki dominujące barwy wybraliśmy biel, nadającą całości strony czystość, przejrzystość, świeżość i nowoczesność oraz niebieski- utożsamiany z wodą i bezpieczeństwem. Taka kolorystyka jest przyjemna i przyjazna w odbiorze przez użytkowników strony. Istotnym elementem było też wprowadzenie zdjęć jachtów czyli symbolu przywołujących konotacje z przedmiotem działalności i ofertą firmy. Case Study 03
2. Struktura Menu główne Strona internetowa zaprojektowana przez Coal Creative jest uporządkowana. Wszystkie elemen- Menu ofertowe Menu firmowe Menu pomocnicze ty umieściliśmy logicznie w poszczególnych zakładkach. Struktura strony została zorganizowana zgodnie z wykładnią user experience, by w sposób przejrzysty, logiczny i intuicyjny poprowadzić potencjalnego klienta od etapu zapoznania z ofertą RÓŻY WIATRÓW aż do finalnego skorzystania z Kolonie i obozy Rejsy po jeziorach Rejsy morskie Strefa klienta O nas Informacje Aktualności O firmie Certyfikaty Nasza kadra Kolonie i obozy Rejsy po jeziorach Rejsy morskie usług firmy. Wycieczki szkolne Mazury Ośrodek Wycieczki szkolne Menu zostało zaprojektowane w taki sposób, by osoba wchodząca po raz pierwszy na stronę i nie znająca profilu działalności firmy, mogła już w pierwszych sekundach trafnie odgadnąć, co oferuje RÓŻA WIATRÓW, a dalej, za pomocą jednego kliknięcia dotrzeć bezpośrednio do treści, która ją Wczasy Czartery Blog Galeria Kontakt Rezerwacje Dojazd Dokumenty Ubezpieczenia Wczasy Czartery potencjalnie zainteresuje. Bezpieczeństwo Warunki czarteru FAQ Case Study 04
3. Funkcjonalność Projekt Coal Creative został oparty na idei stworzenia strony- przede wszystkim- sprzedającej ofer- Slideshow (strona główna) Schowek Wtyczka I Like tę, dlatego zdecydowaliśmy się na zagęszczenie funkcjonalności takich jak: wyraźny button Za- Box - losowe oferty Filtry wyszukiwania Zakładki - opis oferty mów przy każdej ofercie, szybki kontakt poprzez infolinię, samodzielne banery z aktualnymi i pro- Box - aktualności Sortowanie listy ofert Komentarze mocyjnymi imprezami, dominujący baner z ofertą szczególnie polecaną i cieszącą się największą popularnością, przejrzyste pole wyszukiwania ofert, Wyszukiwarka ofert Wyszukiwanie proste Galeria wprowadzenie newslettera oraz zintegrowanie strony z portalami społecznościowymi. Wtyczka Facebook 4 kroki zamówienia Strefa klienta Nowa strona ma na celu stworzenie maksymalnie Newsletter Breadcrumbs Formularz kontaktowy wielu okazji, w których potencjalny klient odwiedzający stronę internetową, zainteresuje się ofer- System płatności bbox - powiązane oferty Mapa serwis tą, uzyska w nieskomplikowany sposób rzetelne informacje i finalnie- skorzysta z niej. Logowanie - popup Wtyczka Podziel się Archiwum (news) Case Study 05
4. Makiety Stworzenie makiety usability było punktem wyjściowym przed przystąpieniem do pracy nad projektem dla RÓŻY WIATRÓW. Jej podstawowym celem jest opracowanie spójnej, funkcjonalnej i czytelnej struktury serwisu. Stanowi podstawę do dalszej pracy grafików i programistów oraz uzupełnia specyfikację techniczną. Wstępny szkic, jakim jest makieta, prezentuje funkcjonalne szlaki nawigacyjne, rozplanowanie i podział architektury informacji, czyli rozplanowanie i podział treści. Umożliwia to praktyczne spojrzenie na realizowany projekt. Tworząc makietę usability, oznaczyliśmy strefy priorytetowe, skonstruowaliśmy mapy klikalności, a także zaplanowaliśmy podział i rozmieszczenie poszczególnych elementów oferty, zakładek, boxów i buttonów. Case Study 06
5. Projekt graficzny Nowy projekt uwzględnia wdrożenie nowych rozwiązań graficznych, bezpośrednio wpływających na globalny wizerunek oraz postrzeganie firmy. Wizualne przedstawienie wszystkich elementów serwisu pozwala określić czy strona dobrze i w sposób intiucyjny zaprezentuje ofertę, przekaże informacje i zrealizują swoje cele, a także będzie łatwa i zrozumiała nawet przez początkujących użytkowników. W projekcie RÓŻA WIATRÓW wykorzystaliśmy następujące działania naprawcze, zgodne ze światowymi standardami użyteczności - w oparciu o User Centered Design oraz zgodne wyznaczonymi przez World Wide Web Consortium (W3C) zaleceniami accessibility: zmaksymalizowaliśmy intuicyjność serwisu zaprojektowaliśmy i wdrożyliśmy nowe rozwiązania graficzne, bezpośrednio wpływające na globalny wizerunek oraz postrzeganie firmy wprowadziliśmy czytelny font głównego szlaku nawigacyjnego dobraliśmy odpowiednie kapitaliki i optymalne tło dla pełnej przejrzystości wprowadziliśmy liczne elementy Call to action w celu maksymalnego stworzyliśmy grafikę, która sama w sobie jest przekazem komunikującym wartości, filozofię oraz tożsamość firmy zastosowaliśmy dynamiczną i nowoczesną kolorystykę - spójną z identity firmy Case Study 07
Case Study 08
Case Study 09
Case Study 10
Case Study 11
Case Study 12
Case Study 13
Case Study 14