• Like
  • Save
Webová prezentace - case study - Squaris Consultants
Upcoming SlideShare
Loading in...5
×
 

Webová prezentace - case study - Squaris Consultants

on

  • 674 views

 

Statistics

Views

Total Views
674
Views on SlideShare
589
Embed Views
85

Actions

Likes
0
Downloads
5
Comments
0

2 Embeds 85

http://www.sunitka.cz 80
http://www.sunitka.sk 5

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Webová prezentace - case study - Squaris Consultants Webová prezentace - case study - Squaris Consultants Presentation Transcript

    • Webová prezentace case study Squaris Consultants
    • Cíle projektu• Vytvořit novou webovou prezentaci, jež zajistí: • vyšší počet objednávek nabízených služeb, • zvýšení povědomí o značce a pozitivní zpětnou vazbu, • vyšší návštěvnost webu pomocí • moderního designu, • kvalitního obsahu, • přehledné struktury, • intuitivního ovládání, • validního kódu stránek, • optimalizovatelnosti pro vyhledávače.
    • Počáteční stavPůvodní webová prezentace trpěla několika nedostatky:• nemoderní design,• absence redakčního systému,• využití tabulkového layoutu místo pozicování pomocí CSS,• absence vyhledávání,• nevalidní kód stránek,• netextové elementy bez alternativního popisku,• absence nadpisů v odpovídající struktuře,• absence optimalizace stránek pro vyhledávače• a další.
    • Design původního webu
    • Jak jsme postupovaliDle naší metodiky prochází každý SW projekt následujícími fázemi:• analýza požadavků a cílů,• stanovení kritérií úspěšnosti,• specifikace řešení,• návrh informační architektury,• návrh uživatelského rozhraní,• návrh grafické podoby webu,• implementace webu,• uživatelské testování,• prezentace klientovi a ostrý provoz stránek.
    • Analýza požadavků a cílů• Analýza byla první a z pohledu výsledku nesmírně důležitá fáze projektu.• Měla za cíl získat od klienta maximum možných informací ohledně jeho požadavků a cílů.• Chtěli jsme znát cílovou skupinu, informace o nabízených službách a další faktory, které nám následně pomohou při tvorbě webu.• Získané informace jsme analyzovali a přistoupili ke stanovení kritérií úspěšnosti.
    • Stanovení kritérií úspěšnosti• Zaměřili jsme se na konkrétní kritéria, která povedou k dosažení cílů stanovených v předchozí fázi, tedy kritéria, při jejichž splnění bylo možné projekt po dokončení považovat za úspěšný.• Jako u jiných projektů jsme se přednostně zaměřili na exaktně měřitelné cíle: • zvýšení návštěvnosti, • zvýšení počtu objednávek poskytovaných služeb.
    • Specifikace řešení• Vytvořili jsme typické scénáře použití webu (tzv. user stories).• Přesně jsme definovali funkce, které by měl web poskytovat.• V dalších krocích procesu specifikace řešení jsme navrhli informační architekturu webu a uživatelské rozhraní.• Výsledkem procesu byla podrobně zpracovaná projektová dokumentace.
    • Návrh informačníarchitektury (IA)• V návrhu informační architektury jsme specifikovali, jaké informace budou na webu přístupné a jak budou uspořádané.• Pomocí odpovídajících nástrojů web získal konkrétní strukturu, vyjádřenou i vizuálně.• Klient měl samozřejmě možnost se k návrhu vyjádřit a předložit případné připomínky a náměty na úpravy.• Výsledný návrh informační architektury můžete zhlédnout na dalším snímku.
    • Návrh uživatelskéhorozhraní (UI)• Pro každou z unikátních stránek vytváříme tzv. wireframe, který klientovi poskytuje vizuální představu připravovaného webu.• Přesně si specifikujeme, kde na stránce budou umístěny jednotlivé prvky.• Dokončením návrhu uživatelského rozhraní byl také dokončen proces přípravy kompletní projektové dokumentace.
    • Návrh grafiky webu• Grafik na základě vytvořených wireframů připravil konkrétní grafický návrh stránek.• Klientovi se v tuto chvíli poprvé dostal do rukou návrh finální vizuální podoby webu.• Po několika málo úpravách na přání klienta byla grafika hotova, schválena a předána vývojářům.• Začal proces implementace webu.
    • Implementace webu• Grafika byla sice hotova, ale před samotnou implementací webu jsme ještě museli stanovit přesný plán implementace včetně několika milníků.• Hotovou grafiku nařezal kodér do HTML a CSS šablon.• Připravené šablony jsme předali k propojení s redakčním systémem a dokončení dalších prací.• Průběh práce jsme neustále porovnávali s projektovou dokumentací, aby vše odpovídalo zadání.
    • Uživatelské testování• Po dokončení implementace byl web naplněn zkušebním obsahem (klient si nepřál web naplnit reálným obsahem) a plně otestován dle specifikovaných scénářů užití (user stories).• S pětičlennou skupinou jsme otestovali použitelnost webu.• Kompletně jsme otestovali funkčnost webu.• Na základě výsledků testování jsme pak provedli dodatečné úpravy.• Web prošel také finální kontrolou dle checklistu výstupní kontroly webu.
    • Výstupní kontrola• Každý z našich webů prochází na konci vývoje pečlivou výstupní kontrolou, při které znovu hodnotíme: • Použitelnost webu (návštěvník nesmí být nucen přemýšlet nad tím, jak s webem pracovat, vše musí být maximálně intuitivní). • Přístupnost webu (moderní web musí být dobře přístupný i z prostředí, která nejsou příliš běžná, a především musí být schopni s webem pracovat i handicapovaní uživatelé). • Validitu kódu stránek (kód stránek nesmí obsahovat chyby). • SEO on-page faktory (SEF URL adresy, vyplněné meta tagy, odpovídající struktura nadpisů, alternativní popisky netextových prvků apod.)
    • Design nového webuWebovou prezentaci najdete na adrese www.squaris.com.
    • Děkujeme za pozornost www.sunmarketing.cz Facebook.com/SunMarketing Twitter.com/Sun_Marketing