Zakres Zadań Wykonawcy Wykonawca w ramach identyfikacji wizualnej kompleksowego systemu internetowego PARP, bazując na obecnym Systemie Identyfikacji Wizualnej PARP opracuje spójny system projektów graficznych portali PARP poprzez zrealizowanie poniższych zadań: Zadanie 1. Analiza wstępna 1. Wykonawca w celu realizacji zamówienia zapozna się i przeanalizuje udostępnione przez Zamawiającego dokumenty, tj.: 1.1. Księgę Systemu Identyfikacji Wizualnej PARP (http://www.parp.gov.pl/files/164/189/12941.zip); 1.2. Strategia komunikacji Funduszy Europejskich na lata 2007-2013 wraz z Księga identyfikacji wizualnej NSS (http://www.poig.gov.pl/zpfe/strony/zasady.aspx ); 1.3. Wytyczne ws. informacji i promocji Szwajcarsko-Polskiego Programu Współpracy (http://www.programszwajcarski.gov.pl/dokumenty/wytyczne_info_promo/strony/wytyczne_ ws_informacji_i_promocji_021110.aspx ); 1.4. Materiały po przeprowadzonym audycie dla portalu web.gov.pl zawierające: 1.4.1. Analizę stanu obecnego wraz z przeprowadzonym benchmarkingiem; 1.4.2. Misję i cele portalu; 1.4.3. Dokument z przeprowadzonego audytu zawierający analizę funkcjonalności, grafiki, dostępności oraz SEO; 1.4.4. Projekt architektury informacji, 1.4.5. Makiety stron portalu; 1.5. Statystyki Google Analytics dla portali PARP (udostępnione po podpisaniu umowy) 1.6. Inne dokumenty określające wytyczne wizualizacji poszczególnych projektów Agencji (dostarczone po podpisaniu umowy); 2. Wykonawca we własnym zakresie przeanalizuje obecne dostępne serwisy internetowe urzędów administracji publicznej w celu zapoznania się z zastosowanymi liniami graficznymi. 3. Czas realizacji: maksymalnie 2 dni robocze. Zadanie 2. Opracowanie architektury informacji i prototypów dla grup portali PARP 1. Wykonawca przy tworzeniu projektów graficznych spójnego systemu identyfikacji wizualnej kompleksowego systemu internetowego PARP opracuje we współpracy z Zamawiającym architekturę informacji i wykona makiety stron internetowych dla 7 grup portali wymienionych w pkt. 2, na które składać się będą: 1.1. Makiety stron głównych dla każdej grupy portali;
1.2. Makiety kluczowych podstron zawierających funkcjonalności w ilości nie większej jak 10 do każdej grupy portali; 1.3. Zamawiający dopuszcza możliwość powtarzania się układu makiety w wielu grupach dla funkcjonalności powtarzalnych i stanowiących jednocześnie element odróżniający/identyfikujący układ ze stronami PARP; Makiety zaprojektowane zostaną zgodnie z metodą Responsive Web Design (RWD) oraz wytycznymi dla zachowania standardów E-dostępności i zgodności z wymogami prawa w Polsce i UE oraz WCAG (Web Content Accessibility Guidelines). Każda makieta zostanie przygotowana przy wykorzystaniu oprogramowania do prototypowania, w postaci stron internetowych (pliki w formacie HTML). Każda wykonana makieta będzie umożliwiała prezentację zachowania przy symulacji wyświetlania na jednym z trzech urządzeń (telefon komórkowy, tablet, PC) zgodnie z poniższym przykładem. Źródło: http://www.lukew.com/ff/entry.asp?1509 2. Lista portali internetowych PARP. Grupy portali internetowych 2.1. Grupa 1 - portal główny PARP 2.1.1. www.parp.gov.pl, 2.2. Grupa 2 - działy portalu głównego poświęcone oferowanym dotacjom 2.2.1. poig.parp.gov.pl 2.2.2. porpw.parp.gov.pl 2.2.3. pokl.parp.gov.pl 2.3. Grupa 3 działy specjalne portalu głównego 2.3.1. badania.parp.gov.pl 2.3.2. bip.parp.gov.pl 2.3.3. en.parp.gov.pl 2.3.4. transmisje.parp.gov.pl
2.3.5. prasa.parp.gov.pl 2.4. Grupa 4 - działy specjalne portalu głównego prezentujące projekty systemowe realizowane przez PARP 2.4.1. csr.parp.gov.pl 2.4.2. isr.parp.gov.pl 2.4.3. ppp.parp.gov.pl 2.4.4. bkl.parp.gov.pl 2.4.5. 50plus.parp.gov.pl 2.4.6. www.45naplus.pl 2.4.7. www.inwestycjawkadry3.pl 2.4.8. www.szkoleniasrodowisko.pl 2.4.9. www.cip.gov.pl 2.4.10. www.firmyrodzinne.pl 2.4.11. www.powiazaniakooperacyjne.pl 2.4.12. www.zamowieniapubliczne.edu.pl 2.4.13. www.planowaniestrategiczne.pl 2.4.14. e-punkt.gov.pl 2.4.15. ponk-szkolenia.pl 2.4.16. kazdypracownik.com.pl 2.5. Grupa 5 - portale PARP stanowiące bazy informacyjne: 2.5.1. www.inwestycjawkadry.pl 2.5.2. www.bazanowepodejscie.parp.gov.pl 2.6. Grupa 6 - portale PARP stanowiące portale informacyjno-usługowe: 2.6.1. ksu.parp.gov.pl 2.6.2. www.een.org.pl 2.6.3. www.web.gov.pl 2.6.4. www.pi.gov.pl 2.7. Grupa 7 - portale PARP stanowiące Platformę e-leariningową: 2.7.1. www.akademiaparp.gov.pl 3. Sposób realizacji zadania 3.1. Wykonawca po dokonanej analizie dokumentów z Zadania 1 przeanalizuje dostarczoną przez Zamawiającego koncepcję nowej struktury informacji. 3.2. Wykonawca wraz z Zamawiającym odbędą spotkanie warsztatowe na którym: 3.2.1. dopracują ostateczną wersję struktury informacji portali PARP; 3.2.2. wypracuje pierwszą wersję makiet stron poszczególnych grup portali; 3.2.3. Doprecyzuje wraz z administratorami poszczególnych grup portali ostateczną wersję makiet stron poszczególnych grup portali.
4. Produkty zadania: 4.1. Architektura informacji i Zestaw makiet 7 grup portali internetowych. 5. Czas realizacji: maksymalnie 10 dni roboczych. Zadanie 3. Opracowanie projektów graficznych koncepcji linii kreacyjnej 1. Wykonawca przed przystąpieniem do projektowania linii kreacyjnych odbędzie spotkanie z Zamawiającym na którym przedstawi proof of concept dla całości systemu graficznego. Podczas spotkania Wykonawca wypracuje wraz z Zamawiającym ostateczny proof of concept dla całości systemu graficznego koncepcja, kolorystyka, ikonografia, charakterystyczne elementy witryn. 2. Wykonawca przedstawi na bazie 3 portali (strony głównej Agencji, portalu tematycznego web.gov.pl oraz portalu bazodanowego www.inwestycjawkadry.pl) koncepcję 3 linii kreacyjnych spójnych z zaakceptowanym proof of concept. Linie kreacyjne będą obejmowały co najmniej koncepcję: 2.1. Kolorystyki; 2.2. Strony głównej portalu; 2.3. Co najmniej 2 kluczowych podstron dla każdego portalu; 2.4. Co najmniej 2 znaczących funkcjonalności; 2.5. Proponowanej typografii; 2.6. Elementów graficznych charakterystycznych dla witryn PARP, ikonografii, typografii, skutecznie odróżniających poszczególne portale w ramach danej grupy i pomiędzy grupami. 3. Projekty graficzne winny spełniać poniższe wymagania: 3.1. Minimalistyczną, nieprzysłaniającą treści oprawę graficzną wpisującą się w wymagania określone w dokumentach wymienionych w Zadaniu 1 pkt.1; 3.2. Projekty stron internetowych powinny być dopasowane do charakteru instytucji jaką jest PARP, czyli rządowej instytucji realizującej działania dla przedsiębiorców. 3.3. Linia graficzna powinna nawiązywać do nowoczesnej współcześnie stosowanej grafiki oraz wpisywać się w aktualne trendy projektowania stron internetowych. 3.4. Projekty stron internetowych powinny kojarzyć się użytkownikom z rzetelnymi informacjami, innowacyjnością i dynamizmem, jednocześnie podkreślając profesjonalizm i kreując strony www PARP na źródło wiarygodnej wiedzy; 3.5. Projekty graficzne interfejsu użytkownika powinny nawiązywać do standardowych reguł budowy GUI (Graphical User Interface), przyzwyczajeń użytkownika wynikających z codziennego korzystania z komputera, oraz przyzwyczajeń użytkownika związanych z wykonywanymi na co dzień czynnościami wynikającymi z obowiązków zawodowych. Ikony zastosowane w interfejsie powinny być jasnymi, zrozumiałymi dla użytkownika symbolami;
3.6. Każdy element graficzny dotyczący konkretnego rodzaju czynności powinien być zaprojektowany w ten sam sposób, bez względu na miejsce, w którym się pojawia; 3.7. W każdym miejscu strony internetowej winien być zachowany spójny układ elementów graficznych; 3.8. Graficzny projekt stron oraz wszystkie jego elementy powinny układać się w prosty i logiczny układ, zaś zastosowane ikonografiki winny w jasny i jednoznaczny sposób informować użytkownika o koniecznych do wykonania przez niego operacjach; 3.9. Wszystkie elementy graficzne użyte do budowy interfejsu winny prezentować i zachowywać hierarchię wizualną. 4. Zamawiający może zgłosić uwagi do przedstawionych linii kreacyjnych lub odrzucić je w całości z podaniem uzasadnienia. W tym przypadku Wykonawca zobowiązany będzie do ponownego opracowania linii kreacyjnych z uwzględnieniem uwag i uzasadnienia Zamawiającego. 5. Po wyborze i akceptacji linii kreacyjnej przez Zamawiającego, Wykonawca będzie prowadził dalsze prace ściśle współpracując z Zamawiającym. 6. Produkty zadania: 6.1. Proof of concept wraz z opisem dla całości systemu graficznego; 6.2. Zaakceptowana linia kreacyjna spójnego system identyfikacji wizualnej kompleksowego systemu internetowego PARP. 7. Czas realizacji: maksymalnie 8 dni roboczych. Zadanie 4. Opracowanie projektów graficznych systemu identyfikacji wizualnej portali PARP 1. Wykonawca zaprojektuje i wykona projekty graficzne spójnego system identyfikacji wizualnej kompleksowego systemu internetowego PARP. Przy projektowaniu systemu graficznego Wykonawca powinien kierować się zasadą, że strona główna PARP jest punktem startowym uzyskania informacji dla potencjalnego odbiorcy. Wykonawca projektując system wizualny winien ująć w projekcie wytyczne WAI - organizacji W3C określającymi zasady kreowania systemów internetowych dla użytkowników niepełnosprawnych i na ich podstawie przygotować odpowiednie wersje graficzne dla osób niepełnosprawnych (Zamawiający rozumie przez to możliwość przełączenia wyświetlanej strony do wysokiego kontrastu lub zbudowanie strony w sposób, w który wszystkie wytyczne WAI spełniałaby bez potrzeby zmiany sposobu wyświetlania). 1.1. Wykonawca zaprojektuje spójne elementy stron internetowych obejmujące co najmniej: 1.1.1. Typografię; 1.1.2. Kolory przewodnie poszczególnych grup jak i samych portali. Zamawiający prowadzi szereg działań, które należy jednoznacznie identyfikować, w tym celu został opracowany w obowiązującym Systemie Identyfikacji Wizualnej sposób identyfikacji po
kolorze przewodnim. Zadaniem Wykonawcy będzie przeniesienie tego systemu oraz jego dopracowanie w obszarze Internetu; 1.1.3. Ikonografiki stosowane na portalach co najmniej jak: 1.1.3.1. plik do pobrania zgodnie z listą rozszerzeń plików ujętą w Rozporządzeniu Rady Ministrów z dnia 12 kwietnia 2012 r. w sprawie Krajowych Ram Interoperacyjności, minimalnych wymagań dla rejestrów publicznych i wymiany informacji w postaci elektronicznej oraz minimalnych wymagań dla systemów teleinformatycznych; 1.1.3.2. znakowanie istotnych informacji w tym: zmian w artykule, nowości; 1.1.3.3. ikony portali społecznościowych; 1.1.3.4. opcję drukuj, zapisz do pdf, prześlij znajomemu, zgłoś błąd na stronie; 1.1.3.5. newsletter, RSS; 1.1.3.6. e-book, kalendarium, blog, nabór wniosków; 1.1.3.7. favicon. 1.1.4. Stałe elementy spójnej identyfikacji jak nagłówek i stopkę strony. 1.2. Na podstawie zaakceptowanej linii kreacyjnej z Zadania 3, wykonanych makietach z Zadania 2 oraz elementach graficznych z punktu 1.1 Zadania 4, Wykonawca zaprojektuje i wykona spójne projekty graficzne dla: 1.2.1. Siedmiu grup portali wymienionych w Zadaniu 2 zawierającej co najmniej: 1.2.1.1. Widok strony głównej wybranego portalu z danej grupy; 1.2.1.2. Widoki podstron wybranego portalu w punkcie powyższym w ilości adekwatnej do ilości makiet przygotowanych w Zadaniu 2 dla danej grupy portali. 1.2.1.3. Po akceptacji przez Zamawiającego projektów z punktów 1.2.1.1 i 1.2.1.2 Wykonawca wykona projekty graficzne dla pozostałych portali z każdej grupy portali (wykonanie w danym kolorze przewodnim oraz z innymi elementami rozróżniającymi portale, zgodnie z punktem 1.1 Zadania 4); 1.2.2. Newslettera z podziałem na tematyki wynikające z pogrupowanych portali; 1.2.3. Stron profili na portalach społecznościowych: 1.2.3.1. YouTube.com; 1.2.3.2. Facebook.com; 1.2.3.3. Twitter.com; 1.2.3.4. Goldenline.pl. 2. Wykonawca bazując na wykonanych projektach graficznych z pkt.1 Zadania 4 przygotuje gotowe szablony stron w plikach XHTML dla: 2.1.1. Portalu głównego PARP (www.parp.gov.pl) wraz z: 2.1.1.1. Widokiem strony głównej;
2.1.1.2. Widokami podstron w ilości 5 z uwzględnieniem 5 funkcjonalności występujących na portalu; 2.1.2. Portalu Wspieramy e-biznes (www.web.gov.pl) wraz z widokami stron: 2.1.2.1. Głównej www.web.gov.pl; 2.1.2.2. Bazy - lista; 2.1.2.3. Bazy - rekord; 2.1.2.4. Formularza dodania rekordu bazy; 2.1.2.5. Panelu logowania; 2.1.2.6. Panelu rejestracyjnego; 2.1.2.7. Forum; 2.1.2.8. Listy artykułów; 2.1.2.9. Pojedynczego artykułu; 2.1.2.10. Edycji profilu użytkownika; 2.2. Do przygotowania plików XHTML Wykonawca posłuży się językiem HTML5, CSS3 oraz techniką sprite, przy zachowaniu jak największej ilości elementów graficznych wyświetlanych za pomocą kodu CSS. 3. Wykonawca przygotuje Księgę Systemu Identyfikacji Wizualnej stosowanej do kompleksowego systemu internetowego PARP w której zawarte będą spisane wytyczne dla: 3.1. Projektów graficznych portali wraz z projektami podstron; 3.2. Projektów graficznych wybranych funkcjonalności; 3.3. Szablonów newslettera; 3.4. Projektów graficznych portali społecznościowych; 3.5. Określonej typografii; 3.6. Ikonografiki; 3.7. Kolorystyki; 3.8. Elementów rozróżniających portale w obrębie danej grupy jak i pomiędzy grupami; 3.9. Tworzenia nowych portali oraz kont społecznościowych. 4. Wykonawca w ramach zamówienia dostarczy do siedziby Zamawiającego, na nośniku CD/DVD gotowe projekty w postaci: 4.1. Plików XHTML, CSS, PNG, JPG, GIF; 4.2. Źródłowych (wielowarstwowych) plików PSD (Adobe Photoshop CS3), z osadzonymi wszystkimi ich elementami; 4.3. W przypadku Księgę Systemu Identyfikacji Wizualnej stosowanej do kompleksowego systemu internetowego PARP pliki INDD (Adobe InDesigne CS4) wraz z osadzonymi wszystkimi elementami oraz złożoną do postaci pliku PDF. 5. Produkty zadania: 5.1. Projekty graficzne elementów wyszczególnionych w punkcie 1.1 Zadania 4;
5.2. Projekty graficzne siedmiu grup portali; 5.3. Szablony graficzne w postaci plików XHTML portalu PARP oraz web.gov.pl przygotowane zgodnie z punktem 2 Zadania 4; 5.4. Księgę Systemu Identyfikacji Wizualnej kompleksowego systemu internetowego PARP zgodnie z opisem zawartym w punkcie 3 Zadania 4. 6. Czas realizacji: maksymalnie 20 dni robocze.