Proces projektowania serwisu www Klient, brief, zakres realizacji, wycena, harmonogram, makiety, projekt graficzny, realizacja. 1
Kontakt z klientem unikamy niespodzianek! Określ wymagania powiedz jakie informacje będą potrzebne i dlaczego. Kontekst biznesowy, cele, struktura strony, funkcjonalność, harmonogram, budżet, działania wspierające cały brief. Ustal proces komunikacji Okreś interesariuszy projektu, osoby decyzyjne, kontaktowe, wymagane formaty danych, Nming. Zaproponuj przebiegu projektu Etapy współpracy, produkty kolejnych etapów, wynik prac, działania po zakończeniu realizacji. 2
Brief zbieramy wymagania Zadanie Nazwa projektu Zadanie Co my mamy do zrobienia? Cel Po co klientowi jest ta strona? Co chce dzięki niej uzyskać? Budżet Nieprzekraczalne terminy Osoba decyzyjna i kontaktowa 3
Brief zbieramy wymagania Kontekst biznesowy Informacje o marce / produkcie klienta USP, pozycjonowanie marki, świadomość marki, co jest dla niej unikalne? Grupa docelowa do kogo mówimy? Wyróżniki, cechy wspólne, demografia Dotychczasowe działania klienta w internecie Konkurencja, działania konkurencji online Geneza działania Co skłoniło klienta do podjęcia decyzji o zainwestowaniu w projekt? Główna myśl, idea serwisu To nam może podpowiedzieć np. jak zaprojektować key visual. 4
Brief zbieramy wymagania Wymagania funkcjonalne Zawartość serwisu Lista podstron i informacja o tym co każda z nich ma zwierać (według klienta). Administracja serwisem i zarządzanie treściami Język Technologia Źródła danych, współpraca z innymi serwisami 5
Brief zbieramy wymagania Kreacja 1. Manuale CI, księgi znaku, materiały markenngowe już istniejące 2. Elementy obowiązkowe 3. Przykładowe www / kampanie / plakaty / etc. które podobają się klientowi 6
Brief zbieramy wymagania Uruchomienie i działania wspierające 1. Pierwsze zasilenie treścią 2. Uruchomienie serwisu 3. Reklama i promocja 4. Co jeszcze? Tworzymy brief! 7
Zawartość serwisu / Content inventory co konkretnie musimy wyprodukować? Zawartość serwisu 1. Tytuł strony / widoku 2. Zawartość 3. Notatki (administracja, interakcja, uwagi odnośnie kreacjcji) Specyfikujemy! 8
Wycena projektu Wyceń realizację Twojego projektu 1. Makiety 2. Projekt graficzny 3. Front-end development (HTML, CSS, JavaScript/Flash) 4. Back-end development (baza danych, PHP/ROR/WP/etc) 5. Stworzenie treści, zapełnienie treściami serwisu 6. Uruchomienie 7. Wsparcie klienta 8. Project Management & communications (często pomijane, a zabiera dużo czasu!) Alternatywnie: wyceń realizację oskowalik.pl lub 4drive.pl (Zakres: tylko elementy z górnego menu) 9
Harmonogram 1. Oszacuj czas potrzebny Tobie / Twojemu zespołowi na realizację Podziel projekt na jak podzadania. Określ ile godzin każde z nich zajmie. Jeśli coś ma trwać kilka dni, to dziel to na jeszcze mniejsze zadania żeby trafniej oszacować! 2. Dodaj 40% na nieprzewidziane okoliczności. 3. Weź pod uwagę inne zobowiązania (a więc ilość dostępnego Tobie czasu). 4. Pamiętaj o czasie dla klienta na akceptację etapów projektu i zebranie poprawek. Uwzględnij w harmonogramie czas na odbiór etapów przez klienta i Twoje poprawki do nich. 5. Wszystko trwa dłużej niż zakładamy im więcej interesariuszy, tym bardziej wydłuża się czas potrzebny na komunikację. 6. Uprzedź klienta, że jego opóźnienia przekładają się 1:1 na opóźnienia projektu klienci lubią namyślać się po kilka dnia, ale nigdy nie powiedzą Ci myślałem 3x po 3 dni nad grafiką, więc projekt możemy uruchomić o 9 dni później. 10
Makiety 11
Makiety Kartka i Papier (darmowe!) Google Draw Lumzy hop://www.lumzy.com Pencil Project (wtyczka do Friefoxa, darmowa) hop://www.evolus.vn/pencil/home.html Balsamiq Mockups hop://www.balsamiq.com/products/mockups Microso[ Visio / AXURE / Omnigraffle (Mac) 12
Makiety aplikacji diagramy interakcji 13
Makiety aplikacji diagramy interakcji 14
Projekt graficzny 1. Ustal na początku ilość propozycji które otrzyma klient. 2. Ustal ilość serii poprawek do wybranej propozycji. 3. Nie bierz na siebie całej odpowiedzialności za satysfakcję klienta to klient podejmuje decyzję o współpracy z Tobą! 4. Za prace nie ujęte w umowie klient płaci dodatkowo. 15
Dziękuję za uwagę. Tomasz Sieroń t.sieron@wit.edu.pl www.linkedin.com/in/tomsieron www.goldenline.pl/tomasz-sieron twitter.com/tomsieron 16