BRIEF & KONCEPCE / ETAPA O. DHL Freight Forward / ZÁSADNÍ AKTUALIZACE PREZENTACE CLIENT / DHL Freight
THEQ ALL GOOD THINGS
BRIEF & KONCEPCE / ETAPA O. DHL Freight Forward / ZÁSADNÍ AKTUALIZACE PREZENTACE CLIENT / DHL Freight
ÚVOD
Každá prezentace je aktuální v momentě svého spuštění. Po nějaké době začne, alespoň v nějakém ohledu, stárnout. Obsahově, vizuálně či technologicky. Vždy se až nějakou dobu po svém spuštění ukáže, co v ní vyhovuje a co ne. Vždy je třeba se po čase zastavit a zamyslet se, zdali to, jakým směrem se projekt ubírá je právě ten správný směr. Tento soubor nabízených úprav reflektuje nejzásadnější změny v trendech, technologiích a vybavení uživatelů. Předkládá návrh jak zachovat ten nejefektivnější nástroj komunikace s klientem, jímž online prezentace je. Doba vzniku tohoto textu / Říjen 2011.
ONLINE VERZE
PODPORA
Tento dokument, stejně jako i všechny ostatní spojené s vývojem prezentace lze po celou dobu prací nalézt na internetové adrese projektu:
V případě jakýchkoliv dotazů či nejasností se prosím neváhejte obrátit na kontaktní osobu:
www.theq.cz/dhlfreight-forward-I
Vedoucí projektu: Ing. Tomáš Procházka / THEQ e-mail:
[email protected]
telefon: 604 643 783
Hloubka struktury vizíelně upravené prezentace. Aneb které stránky byly připraveny k náhledu - na co se lze podívat. POZN. Pokud se dostanete, skrze nějaký proklik, do běžné prezetnace, tak zpátky se dostanete pouze krokem zpět.
THEQ ALL GOOD THINGS
BRIEF & KONCEPCE / ETAPA O. DHL Freight Forward / ZÁSADNÍ AKTUALIZACE PREZENTACE CLIENT / DHL Freight
OBSAH
DHL Freight VISUAL & TECHNOLOGY FORWARD
01
DHL Freight SEO & MOBILE + / BUDE PŘIDÁNO AUTOMATICKY
02
DHL Freight SERVICES FORWARD / ACTION FOOTER
03
ZÁVĚR
04
THEQ ALL GOOD THINGS
BRIEF & KONCEPCE / ETAPA O. DHL Freight Forward / ZÁSADNÍ AKTUALIZACE PREZENTACE CLIENT / DHL Freight
DHL Freight VISUAL & TECHNOLOGY FORWARD
Úpravou prezentace dojde k jejímu rozšíření o 120 pixelů. Původní prezentace se řešila jakožto Microsite. Aktuálnímu směru vývoje a množství obsahu dat by však vyhovovala větší šířka. Zároveň se tímto zohledňuje vývoj šířek monitorů směrem k větším rozlišením (1024 px). Aktualizace obsahuje i změnu kódování prezentace. Původně použitý tabulkový layout vychází z požadavků minulosti a hlavně potřeb uživatelů prohlížeče Explorer 6. Avšak vývoj technologií vytváří propast mezi požadavky kompatibility s tímto prohlížečem a kompatibilitou s novými prohlížeči a s novými technologiemi. Poskytovatelé služeb na internetu již vypínají podporu pro tyto technologie. Je jen otázkou času, kdy bude změna nezbytná. Porovnání šířek vstupních stránek prezentace můžete shlédnout zde: http://www.theq.cz/dhlfreight-forward-I/1.html
ÚPRAVOU PREZENTACE ZÍSKÁTE: - Přehlednou a atraktivní úpravu vzhledu prezentace v moderním pojetí - Prezentaci, jež více ladí k užívaným tiskovinám a newsletterům - Prezentaci, jehož vizuál bude v budoucnu lehce aplikovatelný pro smart phony - Přehlednější typografickou strukturu, odlazení barevností, velikostí a řazení všech textů - Zjednodušení a zmenšení obsahu kódu. Tzn - rychlejší načítání a pohyb v prezentaci - Výrazné zvýšení čitelnosti prezentace pro vyhledávače. Tzn - zvýšení validity pro SEO - Odlišení se od Slovenského DHL Freight
- Moderní kód, plně připravený pro přechod na HTML 5 + CSS 3 - Jistotu delší podpory zásadních funkcí a služeb navázaných na prezentaci v čase (Vyhledáváče, Mapy, Podpora prohlížečů ...) - Cca 10 x rychlejší načítání stránky pro uživatele & Cca 10% snížení obsahu kódu - Větší a přehlednější layout hodící se více ke směru vývoje prezentace a množství informací v ní - Vizuelně lépe působící prezentaci - Větší prostor pro texty
HTML + CSS (CSS Layout) / VĚTŠÍ VELIKOST WEBU
+ ODLAZENÍ STÁVAJÍCÍCH PRVKŮ VIZUÁLNÍHO STYLU DHL, VYTVOŘENÍ NOVÝCH PRAVIDEL A JEJICH UŽITÍ PRO WEB + ZPROVOZNĚNÍ PODPORY PRO TABLETY + PŘÍPRAVA VIZUÁLU PRO DALŠÍ APLIKACE / BUSINESS CLUB, MOBILE PRESENTATION FOR SMARTPHONES - BRIEF & KONCEPT / Prezentace navrhovaného řešení před zahájením prací (vzhled & funkce) / Předloha záměru / Poradenství, strategie a možnosti vývoje … 7.000 - NÁVRHOVÁ ČINNOST HLAVNÍCH I VEDLEJŠÍCH STRAN / Návrh nového vzhledu, písem a jednotlivých grafických prvků / Autorský honorář, Grafický návrh … 8.000,- ÚPRAVA CSS STYLŮ / písma, tabulky, záložky Hlavní styly / Main stylesheet & Main Menu … 3.000,Záložky / tab styles / 1 x definování + 7 x aplikace … 800 + 7 x 200,- = 2.200,- VYTVOŘENÍ NOVÝCH CSS ŠABLON PRO ZOBRAZENÍ / header, menu, body, background, footer Šablony Desktop / Main Template, Novinky, Reference / Úprava a přepis CSS layoutu … 3.000,Šablony Tablets / Main Template, Novinky, Reference / Úprava a přepis CSS layoutu … 3.000,Tisková šablona / Printer View Template / Úprava a přepis CSS layoutu … 2.000,- APLIKACE CSS (písma, tabulky, záložky) & PŘEPIS TEXTOVÉ ČÁSTI JEDNOTLIVÝCH STRAN & APLIKACÍ Složitější / Služby, Kontakt, Business Club … 3 x 1.600,- = 4.800,Jednodušší / Domů, 10 x SUB-Služby, Soutěže … 12 x 800,- = 9.600,Web Apps / Novinky & Reference … 2 x 2.400,- = 4.800,- VYTVOŘENÍ CSS LAYOUTŮ PRO ZBYTEK PREZENTACE & PŘEPIS DO CSS CSS layout / Hlavní i vedlejší strany ... 15.000,- ÚPRAVA VELIKOSTÍ VŠECH OBRÁZKŮ / Úprava obrázků pro nové šablony a nové rozměry Velké obrázky / Domů 2, Novinky 22, Služby 15, Kontakt 17, Business Club 1, Reference 8, Soutěže 3 … 65 x 150,- = 9.450,Malé obrázky / Domů 5, Novinky 0, Služby 11, Kontakt 9, Business Club 6, Reference 0, Soutěže 0 … 31 x 100,- = 3.100,CELKEM ... 74.950,SLEVA … 15.000,CELKEM PO SLEVĚ …59.950,-
THEQ ALL GOOD THINGS
01
BRIEF & KONCEPCE / ETAPA O. DHL Freight Forward / ZÁSADNÍ AKTUALIZACE PREZENTACE CLIENT / DHL Freight
DHL Freight SEO & MOBILE + / BUDE PŘIDÁNO AUTOMATICKY
Soubor těchto úprav výrazně zvyšuje čitelnost prezentace pro vyhledávače a dále podporu pro nejpoužívanější mobilní zařízení. A to jak pro tablety, tak i smartphony. Všechny tyto práce probíhají v rámci administrace. Některé aktualizace a úpravy které již bylo možné reallizovat, byly realizovány. Některé je třeba dělat v souladu s náročnějšími úpravami během následujících etap.
ÚPRAVOU PREZENTACE ZÍSKÁTE:
- Zjednodušení a zmenšení obsahu kódu. Tzn. - rychlejší načítání a pohyb v prezentaci - Zvýšení čitelnosti prezentace pro vyhledávače. Tzn. - zvýšení validity pro SEO - Možnost změny Meta Dat v rámci svého správcovského účtu (role Editor) - Intuitivní podporu nejnovějších mobilních zařízení
SEO & MOBILE + / BUDE PŘIDÁNO AUTOMATICKY + V RÁMCI ADMINISTRACE BUDE DOPLNĚNO
- CSS OPTIMIZE / Optimalizace CSS kódu o 40 % - dvojnásobné zrychlení načítání stránky … HOTOVO - SAFARI "Reader" SUPPORT / Optimalizace HTML a struktury Novinek pro zjednodušení čtení u mobilních zařízení a nejnovějších prohlížečů podporujících danou funkci… HOTOVO - URL FRIENDLY WEB APPS ADRESS / Aktivace SEO přátelských URL adres u webových aplikací … HOTOVO - NEW TEMPLATES HIERARCHY /Aktivace podpory šablon zobrazení pro Tablety a Smartphony - NEW META DATA MANAGENENT / Změna nastavení a správy meta dat. Podstoupení práv správy všech meta dat uživateli (role editor) Změna vkládání meta dat u Web Apps Toto je v souladu a v rámci administračních opatření pro optimalizaci kódu a zpřístupnění mobilním uživatelům CELKEM ... 0,-
THEQ ALL GOOD THINGS
02
BRIEF & KONCEPCE / ETAPA O. DHL Freight Forward / ZÁSADNÍ AKTUALIZACE PREZENTACE CLIENT / DHL Freight
DHL Freight SERVICES FORWARD / ACTION FOOTER
Účelem nového zápatí na všechny stránky služeb je zvýšení počet klientů, jež mají zájem o služby a navštíví prezentaci DHL Freight. Ukázku aplikace a užití v rámci prezentace lze zhédnout zde: http://www.dhlfreight.cz/sluzby/potrebuji-prepravit-jednu-paletu-visualtest.html
ÚPRAVOU PREZENTACE ZÍSKÁTE:
- Efektivnější nástroj pro prodej služeb - Lepší pocit klienta skrze hlubší informovanost
ACTION FOOTER / PRO SLUŽBY
+ VĚTŠÍ CALL-TO-ACTION V ZÁPATÍ KAŽDÉ SLUŽBY + VĚTŠÍ MNOŽSTVÍ INFORMACÍ A MOŽNOSTÍ KE KAŽDÉ SLUŽBĚ PRO KLIENTA - NÁVRHOVÁ ČINNOST - FOOTER + NOVÉ IKONY / Autorský honorář, Grafický návrh … 2.000,- FUNKCE - NAPOJENÍ PLUGINU DO SYSTÉMU PREZENTACE / DTP, Export ikonek pro web, XHTML + CSS, Zprovoznění … 1.000,- FUNKCE - APLIKACE NA VŠECHNY SLUŽBY … 8 x 500,- = 2.000,CELKEM ... 5.000,-
ACTION FOOTER / NAVÁZANÉ FUNKCE + NOVÉ MOŽNOSTI STRÁNKY VYCHÁZEJÍCÍ Z ACTION FOOTERU + NEZBYTNÉ PRO PLNOU FUNKCI
- STÁHNOUT JAKO PDF / Grafický návrh jednoduchého PDF pro všechny služby ... 2.000,/ DTP 11 PDF (sazba, úprava fotek) … 11 x 1,5 hod (1h = 800,- Kč) = 13.200,- Kč - ZADAT POŽADAVEK/ Grafický návrh … 1.000,/ Programace formuláře / HTML + CSS … 2.000,- ZAVOLÁME VÁM / Grafický návrh … 1.000,/ Programace formuláře / HTML + CSS … 2.000,CELKEM ... 21.200,-
THEQ ALL GOOD THINGS
03
BRIEF & KONCEPCE / ETAPA O. VÝVOJ ONLINE PREZENTACE CLIENT / DHL Global Forwarding
ZÁVĚR
Úpravou prezentace dojde k jejímu zvětšní - zpřehlednění. Stále však bude šířkově pod rozměr 1024 px. Přičemž 99% aktuálních uživatelů má rozlišení monitoru právě 1024 px nebo větší. Zároveň, drtivá většina tabletů se etablovala právě na šířce displeje - 1024 px. To znamená, že s plánovanou podporou bude prezentace krásně fungovat a zobrazovat se na všech monitorecha tabletech, bez potřeby rolování do šířky. To bez potřeby dalších úprav, investic, kódování, tvorby tekutých layoutů (standartní postup) a podobných věcí. Jediné do čeho by se v budoucnu mohlo investovat, je výrazně zjednodušená verze prezetace pro smartphony. Již nyní pro ně bude prezentace mnohem "vstřícnější". Ale tímto krokem bychom měli plnou podporu pro prakticky všechna zobrazovací zařízení. Uvedené ceny jsou bez DPH. Všechny návrhy jsou otevřeny námětům, diskuzi a úpravám. Tomáš Procházka / THEQ
THEQ ALL GOOD THINGS
04