Jak vznikaly nové webové stránky Dresta s.r.o.

I když se věnujeme vývoji softwaru, tvorbu vlastního webu jsme tentokrát svěřili externím odborníkům. Podělíme se s vámi o zkušenost, jak probíhala spolupráce a proč jsme spokojeni s výsledkem.

Jak vznikaly nové webové stránky Dresta s.r.o.
Photo by Ashley Groom / Unsplash

Proč jsme šli do nového webu

Starší firemní web plnil základní účel, ale postupně se projevovalo několik limitů: obsah se nám obtížně rozšiřoval, struktura už nepodporovala nové typy obsahu (např. odborné články a případové studie) a vizuální styl neodrážel to, jak dnes stavíme software – promyšleně, čistě a s důrazem na udržitelnost. Chtěli jsme web, který:

  • jasně vysvětlí, s čím firmám pomáháme a jak pracujeme,
  • podpoří dlouhodobý obsah (blog, případové studie, názory z praxe),
  • bude rychlý, responzivní a technicky připravený na další rozvoj.

Současně jsme si přáli zůstat nohama na zemi. Žádný samoúčelný vizuální efekt, ale rozumný poměr cena/výkon a důraz na to, aby se web dobře spravoval. Pokud se chcete podívat, jak web vypadá dnes, najdete nás na drestasro.cz

Výběrové řízení: jak jsme vybírali dodavatele

Přistoupili jsme k tomu stejně, jako když klientům doporučujeme vybírat dodavatele softwaru: připravili jsme stručný, ale jasný brief (cíle, persony, klíčové scénáře, požadované sekce a představu o správě obsahu), oslovili několik studií a agentur, a dali jim prostor navrhnout řešení a rámcový rozpočet.

Nakonec výběrové řízení vyhrála Venalic. Přesvědčila nás kombinace přímé, rychlé komunikace, ukázek prací a konkrétních návrhů, jak zefektivnit strukturu webu a editoriální proces. Už na prvních call-ech bylo znát, že vnímají zadání nejen jako „vytvořit stránky“, ale jako příležitost vyřešit náš obsahový i provozní problém.

Spolupráce v praxi: co (nám) fungovalo

První fáze byla o sladění očekávání: co je „must-have“ pro spuštění, co může přijít v další iteraci a jaké metriky budeme po nasazení sledovat. Nasadili jsme pravidelný rytmus – krátká status cally, sdílené todo a rychlé prototypy, které se lépe hodnotí než dlouhé texty v dokumentech.

Za nás byly nejsilnější tři momenty:

  1. Otevřenost v komunikaci. Když něco nedávalo smysl, zaznělo to. Když to šlo udělat jednodušeji, dostali jsme alternativu. Díky tomu jsme drželi tempo a dělali informovaná rozhodnutí.
  2. Důraz na obsah. Design vychází z obsahu, ne naopak. Proto jsme paralelně s wireframy připravovali texty, abychom otestovali délky nadpisů, strukturu a argumentaci.
  3. Iterativní validace. Návrhy jsme průběžně zkoušeli na reálných stránkách, ne jen v Figma náhledech. Změny se pak řešily v řádu hodin, ne dnů.

Od prvních náčrtů k hotovému webu

Proces šel v kratkých, ale jasných krocích: nejprve základní informační architektura (co a proč na webu má být), následně wireframy klíčových šablon (homepage, služby, portfolio, blog) a teprve poté vizuální styl. Tento postup se vyplatil – udržel fokus na to podstatné a bránil „designovým zkratkám“, které by komplikovaly obsah.

U šablon jsme dbali na:

  • čitelnost a hierarchii, aby návštěvník rychle pochopil, kdo jsme, co děláme a jak se s námi spojit,
  • viditelné výzvy k akci, ale bez agresivního tlačení,
  • konzistentní komponenty, aby se web dal rozšiřovat bez rozpadání designu.

A protože jsme chtěli, aby naše články a případové studie nezapadaly, věnovali jsme samostatnou péči blogu – jak strukturou, tak stylem článků, které právě čtete na blog.drestasro.cz

Jak web hodnotíme my (a na co jsme si dali pozor)

Když to máme zhodnotit vlastníma očima: nový web je čistý, přehledný a drží jednotnou vizuální linku. Vnímáme rychlý „time-to-content“ (uživatel se dostává k podstatě bez překážek), texty jsou stručné a úderné a navigace je pochopitelná i na mobilu. Oceňujeme také, že se web nevyhýbá delšímu, odbornému obsahu – má pro něj jasné místo a jasná pravidla.

Technicky jsme nehonili „exotické“ vychytávky. Prioritou byla spolehlivost, snadná správa a rozumný výkon. Naše interní workflow teď navíc vede k tomu, že víme, kdo a kdy co upravil, a obsah netrpí „rotací verzí v e-mailech“.

Jestli vás zajímá pohled zvenčí, posuďte sami – web je veřejný: drestasro.cz

Co jsme si odnesli z role klienta

Jako vývojáři býváme často „na druhé straně“ – dodáváme software a koordinujeme projekt. Tentokrát jsme byli klient. Zkušenost, kterou si z toho bereme, je cenná:

  • Stručné zadání je nejlepší zadání. Krátký brief s jasnými cíli porazí desetistránkový dokument bez priorit.
  • Rychlá validace ušetří rozpočet. Prototypy a texty „co nejdřív“ jsou lepší než perfektní návrhy „příliš pozdě“.
  • Méně je více. Nesnažili jsme se vměstnat vše hned do první verze. Díky tomu jsme spustili včas a s čistou strukturou.

Tyto principy uplatňujeme i ve vývoji softwaru pro naše klienty. Kdo chce nahlédnout do toho, jak nad projekty přemýšlíme, může začít třeba u našich případových studií.

Jak teď s webem pracujeme dál

Web není „hotový“ ve smyslu „ukončený“. Je to produkt, který se vyvíjí. Průběžně sbíráme data o návštěvnosti a chování uživatelů, upravujeme navigaci a doplňujeme obsah – ať už jde o technické články, tipy z praxe, nebo kratší komentáře k technologiím. Pokud vás zajímá zákulisí naší firmy a to, jak pracujeme, sledujte kategorii O nás.

Děkujeme partnerům

Patří sem i poděkování dodavateli. Spolupráce s Venalic byla od začátku do konce věcná, přátelská a produktivní. Oceňujeme, že se nebáli navrhovat změny v zadání, když to dávalo smysl – i to je známka profesionálního partnerství.

Závěr a co z toho plyne pro vás

Nový web pro nás není jen „výloha“. Je to nástroj, který spojuje prezentaci služeb, naše know-how a komfort pro každodenní správu obsahu. Z role klienta jsme si potvrdili několik věcí, které doporučujeme i našim zákazníkům: držet se jasného cíle, rozhodovat se na základě prototypů a nebát se jednoduchých řešení, která dlouhodobě vyhrají nad komplikovanými „vychytávkami“.

Chcete probrat, jak podobně přistoupit k vašemu projektu? Ozvěte se – rádi nezávazně probereme možnosti spolupráce a navrhneme realistický postup. Začít můžete klidně přes náš blog nebo rovnou na drestasro.cz

Read more