Ú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 Tento dokument, stejně jako i všechny ostatní spojené s vývojem prezentace lze po celou dobu prací nalézt na internetové adrese projektu: www.theq.cz/dhlfreight-forward-i PODPORA V případě jakýchkoliv dotazů či nejasností se prosím neváhejte obrátit na kontaktní osobu: Vedoucí projektu: Ing. Tomáš Procházka / e-mail: info@theq.cz 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.
OBSAH DHL Freight VISUAL & TECHNOLOGY FORWARD DHL Freight SEO & MOBILE + / BUDE PŘIDÁNO AUTOMATICKY DHL Freight SERVICES FORWARD / ACTION FOOTER ZÁVĚR 01 02 03 04
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,- 01
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,- 02
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,- 03
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 / 04