SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
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í stav
Pů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 postupovali
Dle 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.
Webová prezentace - case study - Squaris Consultants
Návrh uživatelského
rozhraní (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.
Webová prezentace - case study - Squaris Consultants
Webová prezentace - case study - Squaris Consultants
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 webu




Webovou prezentaci najdete na adrese www.squaris.com.
Děkujeme za pozornost
       www.sunmarketing.cz
    Facebook.com/SunMarketing
     Twitter.com/Sun_Marketing

Mais conteúdo relacionado

Semelhante a Webová prezentace - case study - Squaris Consultants

Efektivní online prezentace
Efektivní online prezentaceEfektivní online prezentace
Efektivní online prezentaceIvo Kylián
 
Jak navrhnout úspěšný web
Jak navrhnout úspěšný webJak navrhnout úspěšný web
Jak navrhnout úspěšný webAdVisio.cz
 
Oxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPressOxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPressAleš Sýkora
 
Využijte fascinující data z Google Analytics pro váš business
Využijte fascinující data z Google Analytics pro váš businessVyužijte fascinující data z Google Analytics pro váš business
Využijte fascinující data z Google Analytics pro váš businessOptimalizovaný-Web.cz
 
Internetový marketing - tvorba webových stránek
Internetový marketing - tvorba webových stránekInternetový marketing - tvorba webových stránek
Internetový marketing - tvorba webových stránekSportCentral
 
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněJak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněPetr Bechyně
 
Školení Google Analytics
Školení Google AnalyticsŠkolení Google Analytics
Školení Google AnalyticsIvo Kylián
 
SEO Date #3: Šárka Rolná Jakubcová - Klientské a vývojářské SEO omyly a mýty
SEO Date #3: Šárka Rolná Jakubcová - Klientské a vývojářské SEO omyly a mýtySEO Date #3: Šárka Rolná Jakubcová - Klientské a vývojářské SEO omyly a mýty
SEO Date #3: Šárka Rolná Jakubcová - Klientské a vývojářské SEO omyly a mýtyTaste
 
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Optimalizovaný-Web.cz
 
O2.cz redesign - případová studie
O2.cz redesign - případová studieO2.cz redesign - případová studie
O2.cz redesign - případová studieJiří Suchý
 
Dynamicke scannery webovych aplikaci v cloudu
Dynamicke scannery webovych aplikaci v clouduDynamicke scannery webovych aplikaci v cloudu
Dynamicke scannery webovych aplikaci v clouduJan Horalík
 

Semelhante a Webová prezentace - case study - Squaris Consultants (20)

TNPW2-2013-02
TNPW2-2013-02TNPW2-2013-02
TNPW2-2013-02
 
Efektivní online prezentace
Efektivní online prezentaceEfektivní online prezentace
Efektivní online prezentace
 
Rwd obhajoba
Rwd obhajobaRwd obhajoba
Rwd obhajoba
 
Jak navrhnout úspěšný web
Jak navrhnout úspěšný webJak navrhnout úspěšný web
Jak navrhnout úspěšný web
 
Oxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPressOxygen Builder - Kyslík pro WordPress
Oxygen Builder - Kyslík pro WordPress
 
Používejte Google Analytics chytře
Používejte Google Analytics chytřePoužívejte Google Analytics chytře
Používejte Google Analytics chytře
 
Využijte fascinující data z Google Analytics pro váš business
Využijte fascinující data z Google Analytics pro váš businessVyužijte fascinující data z Google Analytics pro váš business
Využijte fascinující data z Google Analytics pro váš business
 
TNPW2-2012-02
TNPW2-2012-02TNPW2-2012-02
TNPW2-2012-02
 
TNPW2-2016-02
TNPW2-2016-02TNPW2-2016-02
TNPW2-2016-02
 
Internetový marketing - tvorba webových stránek
Internetový marketing - tvorba webových stránekInternetový marketing - tvorba webových stránek
Internetový marketing - tvorba webových stránek
 
TNPW2-2014-02
TNPW2-2014-02TNPW2-2014-02
TNPW2-2014-02
 
Jak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzněJak jsme dělali nový web města plzně
Jak jsme dělali nový web města plzně
 
Školení Google Analytics
Školení Google AnalyticsŠkolení Google Analytics
Školení Google Analytics
 
SiUX
SiUXSiUX
SiUX
 
SEO Date #3: Šárka Rolná Jakubcová - Klientské a vývojářské SEO omyly a mýty
SEO Date #3: Šárka Rolná Jakubcová - Klientské a vývojářské SEO omyly a mýtySEO Date #3: Šárka Rolná Jakubcová - Klientské a vývojářské SEO omyly a mýty
SEO Date #3: Šárka Rolná Jakubcová - Klientské a vývojářské SEO omyly a mýty
 
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
Jak vyhodnocovat data z Google Analytics a nenechat se podvést při správě mar...
 
O2.cz redesign - případová studie
O2.cz redesign - případová studieO2.cz redesign - případová studie
O2.cz redesign - případová studie
 
Domansky
DomanskyDomansky
Domansky
 
Dynamicke scannery webovych aplikaci v cloudu
Dynamicke scannery webovych aplikaci v clouduDynamicke scannery webovych aplikaci v cloudu
Dynamicke scannery webovych aplikaci v cloudu
 
Základy internetu
Základy internetuZáklady internetu
Základy internetu
 

Mais de Sun Marketing

Case study - Lead Ads v oblasti nemovitostí
Case study - Lead Ads v oblasti nemovitostíCase study - Lead Ads v oblasti nemovitostí
Case study - Lead Ads v oblasti nemovitostíSun Marketing
 
Sklik Expert fórum 2019 - Branding Sklik a RTB
Sklik Expert fórum 2019 - Branding Sklik a RTBSklik Expert fórum 2019 - Branding Sklik a RTB
Sklik Expert fórum 2019 - Branding Sklik a RTBSun Marketing
 
Marketing mix - Real-Time Bidding, proč ho chtít a jak na něj
Marketing mix - Real-Time Bidding, proč ho chtít a jak na nějMarketing mix - Real-Time Bidding, proč ho chtít a jak na něj
Marketing mix - Real-Time Bidding, proč ho chtít a jak na nějSun Marketing
 
JA - Využití sociálních sítí pro marketingové účely - workshop 14. 11. 2018
JA - Využití sociálních sítí pro marketingové účely - workshop 14. 11. 2018JA - Využití sociálních sítí pro marketingové účely - workshop 14. 11. 2018
JA - Využití sociálních sítí pro marketingové účely - workshop 14. 11. 2018Sun Marketing
 
Click it - Tvorba obsahu pro sociální sítě - workshop 10. 11. 2018
Click it - Tvorba obsahu pro sociální sítě - workshop 10. 11. 2018Click it - Tvorba obsahu pro sociální sítě - workshop 10. 11. 2018
Click it - Tvorba obsahu pro sociální sítě - workshop 10. 11. 2018Sun Marketing
 
PPC restart 2018 - Facebook Brand Lift Study
PPC restart 2018 - Facebook Brand Lift StudyPPC restart 2018 - Facebook Brand Lift Study
PPC restart 2018 - Facebook Brand Lift StudySun Marketing
 
Workshopy pro klienty - Facebook - Strategické plánování kampaní (červenec 2018)
Workshopy pro klienty - Facebook - Strategické plánování kampaní (červenec 2018)Workshopy pro klienty - Facebook - Strategické plánování kampaní (červenec 2018)
Workshopy pro klienty - Facebook - Strategické plánování kampaní (červenec 2018)Sun Marketing
 
Click it - Plánování a realizace Facebook kampaní - workshop 21. 4. 2018
Click it - Plánování a realizace Facebook kampaní - workshop 21. 4. 2018Click it - Plánování a realizace Facebook kampaní - workshop 21. 4. 2018
Click it - Plánování a realizace Facebook kampaní - workshop 21. 4. 2018Sun Marketing
 
UJEP - FSE - Speciální disciplíny online marketingu
UJEP - FSE - Speciální disciplíny online marketinguUJEP - FSE - Speciální disciplíny online marketingu
UJEP - FSE - Speciální disciplíny online marketinguSun Marketing
 
IAC 2018 - Atribuce z pohledu agentury
IAC 2018 - Atribuce z pohledu agenturyIAC 2018 - Atribuce z pohledu agentury
IAC 2018 - Atribuce z pohledu agenturySun Marketing
 
Click it - Základy AdWords - workshop 7. 4. 2018
Click it - Základy AdWords - workshop 7. 4. 2018Click it - Základy AdWords - workshop 7. 4. 2018
Click it - Základy AdWords - workshop 7. 4. 2018Sun Marketing
 
Case study - Optimalizace snippetů za účelem zvýšení CTR (Čtvrtkon)
Case study - Optimalizace snippetů za účelem zvýšení CTR (Čtvrtkon)Case study - Optimalizace snippetů za účelem zvýšení CTR (Čtvrtkon)
Case study - Optimalizace snippetů za účelem zvýšení CTR (Čtvrtkon)Sun Marketing
 
Case study - Optimalizace snippetů za účelem zvýšení CTR (SEOloger)
Case study - Optimalizace snippetů za účelem zvýšení CTR (SEOloger)Case study - Optimalizace snippetů za účelem zvýšení CTR (SEOloger)
Case study - Optimalizace snippetů za účelem zvýšení CTR (SEOloger)Sun Marketing
 
Marketing Festival 2017 - Sociální média pro e-shopy
Marketing Festival 2017 - Sociální média pro e-shopyMarketing Festival 2017 - Sociální média pro e-shopy
Marketing Festival 2017 - Sociální média pro e-shopySun Marketing
 
ČZU - Online marketing 2017 - Displejová reklama
ČZU - Online marketing 2017 - Displejová reklamaČZU - Online marketing 2017 - Displejová reklama
ČZU - Online marketing 2017 - Displejová reklamaSun Marketing
 
Click it - Tvorba obsahu pro sociální média - přednáška 21. 11. 2017
Click it - Tvorba obsahu pro sociální média - přednáška 21. 11. 2017Click it - Tvorba obsahu pro sociální média - přednáška 21. 11. 2017
Click it - Tvorba obsahu pro sociální média - přednáška 21. 11. 2017Sun Marketing
 
Click it - Masters of PPC - Adwords I. - workshop 4. 11. 2017
Click it - Masters of PPC - Adwords I. - workshop 4. 11. 2017Click it - Masters of PPC - Adwords I. - workshop 4. 11. 2017
Click it - Masters of PPC - Adwords I. - workshop 4. 11. 2017Sun Marketing
 
ČZU - Online marketing 2017 - Marketing založený na vyhledávačích: SEO a PPC
ČZU - Online marketing 2017 - Marketing založený na vyhledávačích: SEO a PPCČZU - Online marketing 2017 - Marketing založený na vyhledávačích: SEO a PPC
ČZU - Online marketing 2017 - Marketing založený na vyhledávačích: SEO a PPCSun Marketing
 
Affiliate konference - Reklama na Facebooku výkonově
Affiliate konference - Reklama na Facebooku výkonověAffiliate konference - Reklama na Facebooku výkonově
Affiliate konference - Reklama na Facebooku výkonověSun Marketing
 
PPC restart 2017 - Nativní reklama
PPC restart 2017 - Nativní reklamaPPC restart 2017 - Nativní reklama
PPC restart 2017 - Nativní reklamaSun Marketing
 

Mais de Sun Marketing (20)

Case study - Lead Ads v oblasti nemovitostí
Case study - Lead Ads v oblasti nemovitostíCase study - Lead Ads v oblasti nemovitostí
Case study - Lead Ads v oblasti nemovitostí
 
Sklik Expert fórum 2019 - Branding Sklik a RTB
Sklik Expert fórum 2019 - Branding Sklik a RTBSklik Expert fórum 2019 - Branding Sklik a RTB
Sklik Expert fórum 2019 - Branding Sklik a RTB
 
Marketing mix - Real-Time Bidding, proč ho chtít a jak na něj
Marketing mix - Real-Time Bidding, proč ho chtít a jak na nějMarketing mix - Real-Time Bidding, proč ho chtít a jak na něj
Marketing mix - Real-Time Bidding, proč ho chtít a jak na něj
 
JA - Využití sociálních sítí pro marketingové účely - workshop 14. 11. 2018
JA - Využití sociálních sítí pro marketingové účely - workshop 14. 11. 2018JA - Využití sociálních sítí pro marketingové účely - workshop 14. 11. 2018
JA - Využití sociálních sítí pro marketingové účely - workshop 14. 11. 2018
 
Click it - Tvorba obsahu pro sociální sítě - workshop 10. 11. 2018
Click it - Tvorba obsahu pro sociální sítě - workshop 10. 11. 2018Click it - Tvorba obsahu pro sociální sítě - workshop 10. 11. 2018
Click it - Tvorba obsahu pro sociální sítě - workshop 10. 11. 2018
 
PPC restart 2018 - Facebook Brand Lift Study
PPC restart 2018 - Facebook Brand Lift StudyPPC restart 2018 - Facebook Brand Lift Study
PPC restart 2018 - Facebook Brand Lift Study
 
Workshopy pro klienty - Facebook - Strategické plánování kampaní (červenec 2018)
Workshopy pro klienty - Facebook - Strategické plánování kampaní (červenec 2018)Workshopy pro klienty - Facebook - Strategické plánování kampaní (červenec 2018)
Workshopy pro klienty - Facebook - Strategické plánování kampaní (červenec 2018)
 
Click it - Plánování a realizace Facebook kampaní - workshop 21. 4. 2018
Click it - Plánování a realizace Facebook kampaní - workshop 21. 4. 2018Click it - Plánování a realizace Facebook kampaní - workshop 21. 4. 2018
Click it - Plánování a realizace Facebook kampaní - workshop 21. 4. 2018
 
UJEP - FSE - Speciální disciplíny online marketingu
UJEP - FSE - Speciální disciplíny online marketinguUJEP - FSE - Speciální disciplíny online marketingu
UJEP - FSE - Speciální disciplíny online marketingu
 
IAC 2018 - Atribuce z pohledu agentury
IAC 2018 - Atribuce z pohledu agenturyIAC 2018 - Atribuce z pohledu agentury
IAC 2018 - Atribuce z pohledu agentury
 
Click it - Základy AdWords - workshop 7. 4. 2018
Click it - Základy AdWords - workshop 7. 4. 2018Click it - Základy AdWords - workshop 7. 4. 2018
Click it - Základy AdWords - workshop 7. 4. 2018
 
Case study - Optimalizace snippetů za účelem zvýšení CTR (Čtvrtkon)
Case study - Optimalizace snippetů za účelem zvýšení CTR (Čtvrtkon)Case study - Optimalizace snippetů za účelem zvýšení CTR (Čtvrtkon)
Case study - Optimalizace snippetů za účelem zvýšení CTR (Čtvrtkon)
 
Case study - Optimalizace snippetů za účelem zvýšení CTR (SEOloger)
Case study - Optimalizace snippetů za účelem zvýšení CTR (SEOloger)Case study - Optimalizace snippetů za účelem zvýšení CTR (SEOloger)
Case study - Optimalizace snippetů za účelem zvýšení CTR (SEOloger)
 
Marketing Festival 2017 - Sociální média pro e-shopy
Marketing Festival 2017 - Sociální média pro e-shopyMarketing Festival 2017 - Sociální média pro e-shopy
Marketing Festival 2017 - Sociální média pro e-shopy
 
ČZU - Online marketing 2017 - Displejová reklama
ČZU - Online marketing 2017 - Displejová reklamaČZU - Online marketing 2017 - Displejová reklama
ČZU - Online marketing 2017 - Displejová reklama
 
Click it - Tvorba obsahu pro sociální média - přednáška 21. 11. 2017
Click it - Tvorba obsahu pro sociální média - přednáška 21. 11. 2017Click it - Tvorba obsahu pro sociální média - přednáška 21. 11. 2017
Click it - Tvorba obsahu pro sociální média - přednáška 21. 11. 2017
 
Click it - Masters of PPC - Adwords I. - workshop 4. 11. 2017
Click it - Masters of PPC - Adwords I. - workshop 4. 11. 2017Click it - Masters of PPC - Adwords I. - workshop 4. 11. 2017
Click it - Masters of PPC - Adwords I. - workshop 4. 11. 2017
 
ČZU - Online marketing 2017 - Marketing založený na vyhledávačích: SEO a PPC
ČZU - Online marketing 2017 - Marketing založený na vyhledávačích: SEO a PPCČZU - Online marketing 2017 - Marketing založený na vyhledávačích: SEO a PPC
ČZU - Online marketing 2017 - Marketing založený na vyhledávačích: SEO a PPC
 
Affiliate konference - Reklama na Facebooku výkonově
Affiliate konference - Reklama na Facebooku výkonověAffiliate konference - Reklama na Facebooku výkonově
Affiliate konference - Reklama na Facebooku výkonově
 
PPC restart 2017 - Nativní reklama
PPC restart 2017 - Nativní reklamaPPC restart 2017 - Nativní reklama
PPC restart 2017 - Nativní reklama
 

Webová prezentace - case study - Squaris Consultants

  • 1. Webová prezentace case study Squaris Consultants
  • 2. 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.
  • 3. Počáteční stav Pů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ší.
  • 5. Jak jsme postupovali Dle 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.
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. 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.
  • 11. Návrh uživatelského rozhraní (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.
  • 14. 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.
  • 15. 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í.
  • 16. 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.
  • 17. 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.)
  • 18. Design nového webu Webovou prezentaci najdete na adrese www.squaris.com.
  • 19. Děkujeme za pozornost www.sunmarketing.cz Facebook.com/SunMarketing Twitter.com/Sun_Marketing