Zakres Zadań Wykonawcy Wykonawca w ramach

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;
Widokami podstron w ilości 5 z uwzględnieniem 5 funkcjonalności
2.1.1.2.
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.