Od prvotní myšlenkypo poslední pixel

Kroky

  • 01 Úvodní studie
  • 02 Struktura a design
  • 03 Obsah
  • 04 Vývoj a implementace
  • 05 EDEE
  • 06 Testování
  • 07 Měříme a vylepšujeme
  • 08 Marketing
  • 09 Provoz
  • Úvodní studie

    Zmapujeme terén

    Každý projekt začínáme důkladnou analýzou trhu, klienta, jeho zákazníků i konkurentů. Zjistíme, jaké specifické vlastnosti má daná cílová skupina a jaké finty používá konkurence. Získané poznatky nám poskytnou vodítko pro design webu.

    • Analýza: stávající web, konkurence, chování návštěvníků, klíčová slova.
    • Strategie: návrh cílů webu, cílových skupin, KPI (klíčových faktorů výkonnosti).
    • Na začátku si hodně povídáme. Pracujeme společně na workshopech se všemi důležitými lidmi z týmu klienta, kteří znají cíle projektu a zejména potřeby svých zákazníků. To totiž pomáhá nejen při přípravě nejpřiléhavějšího konceptu, ale také propojuje tým jak na straně klienta, tak nastavuje přátelské vztahy mezi forresty a vámi.

      Eva Máchová, UX Designer
  • Struktura a design

    Navrhneme strukturu a design webu

    Poté následuje design webu. Na základě předchozích analýz se navrhnou modely typických uživatelů (persony), logická struktura stránek i wireframy těch nejvýznamnějších. Nakonec grafici připraví grafické návrhy stránek včetně designu jednotlivých prvků, přičemž se berou v potaz všechny myslitelné vlastnosti jako barva, velikost, tvar i umístění.

    • UX Design: struktura webu, wireframe, persony, uživatelské scénáře, scénáře pro testování.
    • Graphic Design: moderní grafika, která je funkční a zároveň srozumitelná.
    • Tady už je povídání méně. Nastupuje nastudování všech dostupných informací a vytvoření neprůstřelné struktury, návrh typových stránek formou wireframes a když se na tom společně shodneme, začneme malovat:-). Perfektní grafika na smysluplném UX je ruku na srdce nakonec to jediné, co koncový uživatel ocení.

      Petr Seifert, Graphic Designer
  • Obsah

    Připravíme obsah

    Jestliže zákazník chce připravit pro svůj web profesionální obsah (texty, videa apod.), jsme plně k dispozici. Ve spolupráci s partnerskými agenturami vytvoříme prezentační videa, nasnímáme virtuální prohlídky nebo otextujeme celé stránky.

    • Copywriting: obsahová strategie, tvorba textů pro cílovou skupinu i vyhledávače.
    • Video obsah: produkce videí, 3D modelů, virtuálních prohlídek a rozšířené reality.
    • Implementace obsahu do redakčního systému.
  • Vývoj a implementace

    Naprogramujeme web na zakázku

    Když si schválíme design, přichází zpravidla nejnáročnější etapa celého procesu. Web se musí naprogramovat. Frontendoví developeři se postarají o to, aby stránky nastavovaly uživatelům vždy jen přívětivou tvář. Aplikační vývojáři naprogramují všechny myslitelné i nemyslitelné vychytávky v Javě a Javascriptu. A pořádnou porci práce pak přináší integrace webu s nejrůznějšími firemními systémy zákazníka.

    • Webová prezentace: programování webového frontendu (HTML5).
    • Aplikační vývoj: programování aplikací na míru (Java, Javascript).
    • Webová integrace: napojení webu a aplikací na další systémy.
    • Každý projekt je něčím specifický a často řešíme úplně nové situace, protože každý klient a jeho potřeby jsou zcela originální. Například v e-shopu nakladatelství Fraus bylo specifické úzké propojení Edee.one s jejich ERP + CRM systémem ESO9. Vzhledem k tomu, že obrat klienta se pohybuje v desítkách milionů korun, měli jsme velkou zodpovědnost za hladký průběh projektu. Jakákoli naše chyba by mu způsobila ohromné ztráty. Navrhl jsem tehdy princip oboustranné žurnálové výměny dat, která se osvědčila, a za 2 roky nebylo nutné řešit žádnou nekonzistenci mezi ERP a naším e-shopem. Dříve klient přepisoval objednávky ručně z několika e-shopů do ERP, zatímco dnes má objednávku automaticky přenesenou do 1 minuty od vystavení.

      Jan Novotný, Application Developer
  • EDEE

    Implementujeme Edeeho

    Všechny webové prezentace, e-shopy a intranety budujeme na vlastní platformě Edee.one. Před spuštěním je nutné web na tento systém nasadit.

    • CMS: redakční systém pro správu obsahu webu.
    • E-shop: e-commerce řešení pro správu e-shopu.
    • Intranet: řešení pro vnitrofiremní komunikaci.
    • E-mailing: systém pro tvorbu a distribuci e-mailů.
    • Pro RAKO jsem implementoval naši softwarovou platformu Edee.one, přičemž stylizace na míru byla rozsáhlejší než u kohokoli jiného. Vyžadovalo to úzkou součinnost s našimi vývojáři e-shopových funkcí, s nimiž jsme vymýšleli naprosto unikátní řešení. Taková, jaká předtím žádný klient nepotřeboval. Mimořádné bylo především propojení prezentační a katalogové části webu – podobné řešení s tak rozsáhlým sortimentem asi neexistuje. Krom toho, že to opravdu funguje, si klient spolupráci chválí. A to mi dělá radost.

      František Štelcig, Web Developer
  • Testování

    Testujeme a testujeme

    Testování provádíme během celého životního cyklu webu – návrhem počínaje a ostrým provozem konče. Provádíme zátěžové, penetrační, integrační, UX i další testy, abychom výsledek dovedli k dokonalosti a zaručili 100% fungování.

    • Během návrhu: testování struktury a uživatelské testování pomocí funkčního prototypu.
    • V rámci aplikačního vývoje: unit a integrační testy (JUnit, TeamCity), UI testy a zátěžové testy.
    • Při spuštění: penetračními testy prověříme bezpečnost a pomocí vlastního cca 100bodového checklistu celkovou funkčnost webu.
    • Po spuštění: monitorujeme dostupnost a rychlost načítání stránek (WebPagetest, Pingdom), kontrolujeme platnost odkazů, vyhodnocujeme chování uživatelů (oční kamery, heatmapy) a sledujeme parametry z FG Checklistu.
    • Bez důkladného testování už v průběhu vývoje a nakonec i ve finiši žádný web nevypustíme do světa. Samozřejmě že se objeví při ostrém provozu a napojení na další externí systémy a aplikace nějaké mouchy, které rychle odladíme, ale víme, že jsme v ten daný moment udělali maximum, aby těchto nesrovnalostí bylo co nejméně. Na tom, aby web v momentě spuštění bezproblémově běžel, závisí nejen spokojenost uživatelů, ale i nás a klienta, že všechno nakonec skvěle dopadlo.

      Ivana Šafránková, Tester
  • Měříme a vylepšujeme

    Web v ostrém provozu sledujeme pomocí analytických nástrojů (Google Analytics nebo našeho Monkey Trackeru) a zkoumáme, co by se na něm dalo ještě vylepšit. Když například zjistíme, že 95 % uživatelů kliká těsně vedle tlačítka, posuneme ho o pár pixelů správným směrem.

    • Webová analytika: vyhodnotíme ukazatele výkonu pomocí analytických nástrojů.
    • Konzultace: pravidelné schůzky, report výsledků, návrhy vylepšení.
    • Protože pracujeme s klienty dlouhodobě, známe jeho potřeby a přání velice detailně. Proto můžeme aktivně navrhovat, co a jak měřit tak, aby jeho business byl co nejefektivnější. Společně pak nad daty a cestami, jak dál diskutujeme na pravidelných schůzkách, aby všichni byli v obraze bez obav z budoucnosti.

      Jakub Straka, Analytik
  • Marketing

    Poskytujeme online marketingovou podporu

    Aby naši klienti mohli vytěžit svůj web na maximum, musíme na něj přivést uživatele. K tomu slouží PPC kampaně a řada SEO technik, které ovládají naši lidé z oddělení online marketingu.

    • Výkonnostní kampaně: návštěvníky přeměníme v loajální zákazníky.
    • SEO: zvyšujeme návštěvnost z přirozeného vyhledávání.
    • Nejvíc mě baví, když vymýšlíme pro naše klienty kompletní marketingovou strategii. Při úvodním brainstormingu totiž můžeme popustit uzdu fantazii. A díky tomu, že každý v týmu má jiný pohled, vytváříme koncepty, které fungují. A to mě ba.

      Aneta Prokopcová, PPC specialistka
  • Provoz

    Staráme se o provoz

    Weby hostujeme na serverech s 99% garancí dostupnosti a klientům poskytujeme technickou podporu na bázi 24/7. Ani web s CTR 20 % totiž není k ničemu, když například přestane fungovat platební brána.

    • Webhosting: bezpečný provoz na serveru s garancí dostupnosti 99,9 %.
    • Servis: dlouhodobý rozvoj a servis s garancí reakční doby do 2 hodin.
    • Staráme se opravdu o spoustu věcí: o infrastrukturu klientských i interních projektů od zrodu do konce (servery - virtualizace - cloud, sítě,napojení na systémy třetích stran - alias integrace, bezpečnost provozu a osobních dat). Máme nonstop dohledové služby, takže jakýkoli případný problém obratem řeší odborný ajťák. Když přijdeme do práce, tak se rozkoukáme a začneme něco dělat. Tu jeden řeší provozní záležitosti naakumulované z předešlého dne, další pracuje na nějakém zlepšováku, jiný aktualizuje software. Když skončí, tak může zase začít, protože serverů je kolem 250. Přemýšlíme nad nekonečně škálovatelným řešením... (něco jako nad nesmrtelností chrousta). A mimochodem šíříme slávu linuxového desktopu:-).

      Radek Šafránek, IT Team leader