Vývoj webových aplikací na míru

Navrhujeme a vyvíjíme webové aplikace na míru, ve kterých každý den pracují zákazníci, dodavatelé a partneři našich klientů. Od klientských a B2B portálů přes rezervační a objednávkové systémy až po rozsáhlé platformy pro nadnárodní firmy a ambiciózní startupy.

Nezávazná konzultace zdarma
development-process
Vybrané reference:
Hyundai Motor Manufacturing Czech
UNYP
Karlovy Lázně
Metrostav a.s.
více referencíshow more

Co je webová aplikace a čím se liší od webu

Webová aplikace je program, který otevřete v prohlížeči a rovnou v něm pracujete. Přihlásíte se, zadáváte data, schvalujete, tisknete nebo exportujete přehledy. Nic se nemusí instalovat, funguje to na Windows i na Macu, na počítači, mobilu i tabletu. A když přijde novinka nebo oprava, promítne se všem uživatelům naráz. Právě proto firmy takto nejčastěji převádějí do digitální podoby věci, které dosud řešily v Excelu a e-mailech.

Od běžného webu se liší tím, co se stane po přihlášení. Web informace jen ukazuje, aplikace s nimi skutečně pracuje. Každý uživatel má svoje práva a vidí jen to, co má vidět. Aplikace umí sama počítat a kontrolovat, jestli všechno odpovídá vašim pravidlům, a data buď drží ve vlastní databázi, nebo je čte a zapisuje do systémů, na které je napojená — SAP, jiný interní systém nebo externí SaaS. Vývoj webových aplikací je proto blíž vývoji softwaru na zakázku než tvorbě webových stránek.

Webová aplikace ale není totéž co informační systém. Webová aplikace popisuje, jak aplikace funguje a jak k ní uživatel přistupuje — typicky přes webový prohlížeč. Informační systém popisuje především to, komu a k jakému účelu systém slouží; klidně proto může být postavený jako webová aplikace a fungovat pouze ve firemním prostředí. Rozhodující tedy není, jestli je aplikace interní nebo veřejná, ale jaký problém řeší, kdo ji používá a jaké požadavky má splňovat. Tahle stránka se věnuje aplikacím pro zákazníky, dodavatele a partnery.

Srovnání běžných webových stránek a webové aplikace na míru podle šesti kritérií
KritériumWebové stránkyWebová aplikace
ÚčelUživatel čte informaceUživatel v ní pracuje a mění data
PřístupVeřejně dostupný obsahPřihlášení, role a oprávnění
DataObsah v redakčním systémuBusiness logika nad daty
IntegraceFormulář, analytikaAPI napojení na ERP, platby, dopravce
ProvozZvládne návštěvnostMusí unést souběžnou práci uživatelů
Životní cyklusRedesign po pár letechRozvoj funkcí podle potřeb provozu

Jaké webové aplikace vyvíjíme

Většina webových aplikací, které vyvíjíme, spadá do jednoho z těchto typů. U každého najdete samostatnou stránku s podrobnostmi a ukázkami z realizovaných projektů.

B2B a B2C portály

Klientské a dodavatelské portály, kde partneři zpracovávají vlastní agendu — objednávky, dokumenty, fakturaci, reklamace. Nejčastější typ aplikace, který u nás vzniká.

B2B a B2C portály

Rezervační systémy

Rezervace kapacit, termínů a zdrojů s kalendářem, potvrzováním, platbami a napojením na interní plánování — od kulturních institucí po zdravotnictví.

Rezervační systémy

Objednávkové systémy

Příjem a zpracování objednávek s vlastními pravidly, ceníky a schvalováním — tam, kde běžné e-shopové řešení na požadavky nestačí.

Objednávkové systémy

Webové dispečinky

Plánování a řízení provozu v reálném čase — zakázky, vozidla, technici, směny. Dispečink v prohlížeči obvykle doplňuje mobilní aplikace pro lidi v terénu.

Webové dispečinky

Komunikační aplikace

Real-time komunikace mezi firmou a klienty nebo uvnitř týmu — chat, notifikace, sdílení dokumentů a hromadná rozesílka napojená na vaši databázi kontaktů.

Komunikační aplikace

Prodejní portály

Aplikace pro obchodní týmy a prodejní sítě — konfigurátory, cenové nabídky, sledování obchodních případů a reporting nad aktuálními daty.

Prodejní portály

Aplikace určené primárně pro vlastní zaměstnance — CRM, intranety, logistické a personální systémy — najdete u vývoje informačních systémů. Pokud potřebujete aplikaci na telefonu bez instalace z obchodu, podívejte se na progresivní webové aplikace.

Webové aplikace, které denně používají tisíce lidí

Webové aplikace vyvíjíme od roku 2003 pro výrobní podniky, dopravce, kulturní instituce i startupy. Vybrali jsme čtyři projekty, kde aplikaci denně používají lidé mimo firmu klienta — další najdete mezi referencemi a případovými studiemi.

Dodavatelský portál pro automobilku

Pro automobilku Hyundai Motor Manufacturing Czech jsme vyvinuli rozsáhlý dodavatelský portál — B2B webovou aplikaci, ve které externí dodavatelé zpracovávají agendu spojenou s dodávkami do výroby. Projekt zahrnoval analýzu procesů, návrh rolí a oprávnění a integraci na interní systémy závodu.

Výsledek: dodavatelé automobilky pracují v jednom prostředí místo e-mailů a tabulek.

Případová studie Hyundai

Portál pro dodavatele a řízení kamionové dopravy po Evropě

Pro výhradního přepravce ovoce a zeleniny pro řetězec Albert jsme vytvořili logistickou webovou aplikaci s portálem pro dodavatele a dopravce. Součástí je plánování přeprav a směn řidičů podle zákonných limitů, integrovaná SMS brána a informační tabule v distribučních centrech. Aplikaci doplňuje mobilní aplikace řidičů nad stejným API.

Výsledek: dodavatelé napříč Evropou vidí stav svých nakládek online, dispečink plánuje směny řidičů v jednom systému.

Případová studie Bakker

Aplikace pro řízení stavebních projektů

Webová aplikace pro řízení stavebních projektů, která propojuje kancelář se stavbou — evidenci prací, výkazy, fotodokumentaci a schvalování. Aplikaci jsme navrhli tak, aby stejný backend obsluhoval webové rozhraní i mobilní aplikaci pro práci v terénu.

Výsledek: stavbyvedoucí zadává data z telefonu přímo na stavbě, kancelář je vidí okamžitě.

Případová studie Smart work system

Samoobslužná aplikace pro správu domén a hostingu

Zákaznická webová aplikace pro registrátora domén, kde si klienti sami registrují a spravují domény, hostingové služby a fakturaci. Aplikace je napojená na registry domén a platební bránu a musí zvládnout okamžitou odezvu i v momentech, kdy se uvolňuje atraktivní doména.

Výsledek: zákazník si registraci i správu domény odbaví sám, bez zásahu podpory.

Případová studie Domena

Na čem stojí kvalitní vývoj webových aplikací

Architektura, která unese tisíce souběžných uživatelů

Architektura, která unese tisíce souběžných uživatelů

Webovou aplikaci na míru navrhujeme od začátku tak, aby rostla spolu s provozem. Architekturu navrhujeme tak, aby nebylo nutné při růstu uživatelů nebo dat aplikaci kompletně předělávat. Stavíme na oddělených službách a databázi laděné na konkrétní datové objemy. Aplikace tak zvládne sezónní špičky, hromadné importy i tisíce současně přihlášených uživatelů bez toho, aby se každý rok přepisovala od nuly. U rozsáhlých podnikových systémů jde o stejný základ, jen se jinak dimenzuje.
Rychlost v prohlížeči jako součást zadání

Rychlost v prohlížeči jako součást zadání

Webová aplikace se používá denně a každá vteřina čekání se násobí počtem uživatelů. Sledujeme Core Web Vitals (LCP, INP a CLS), velikost JavaScriptových balíků, odezvu API i chování na pomalé mobilní síti. Výsledkem je rozhraní, které naskočí rychle i na starším notebooku ve výrobě nebo na telefonu v terénu — a UX návrh, který na tu rychlost navazuje.
Cloud-native provoz a nasazování bez plánovaných odstávek

Cloud-native provoz a nasazování bez plánovaných odstávek

Aplikace provozujeme v cloudu s automatizovaným nasazováním (CI/CD), infrastrukturou popsanou v kódu a oddělenými prostředími pro vývoj, testování a produkci. Produkční nasazení provádíme bez plánované odstávky, takže ho uživatelé ve většině případů ani nezaznamenají, výkon navyšujeme podle zátěže a celé prostředí umíme obnovit ze zálohy. Konkrétní technologie a cloudové služby volíme podle charakteru provozu.
API-first: aplikace, která si rozumí s okolím

API-first: aplikace, která si rozumí s okolím

Každou webovou aplikaci stavíme nad zdokumentovaným API, čímž vytváříme standardizované rozhraní pro integraci s dalšími systémy — platební bránou, dopravcem, fakturačním systémem, datovými schránkami nebo státními registry. Stejné API pak obslouží i mobilní aplikaci nebo partnerskou integraci, aniž byste platili vývoj dvakrát. Napojení na interní podnikové systémy řešíme na straně backendu.
Kód, který za dva roky nezaškrtí vývoj

Kód, který za dva roky nezaškrtí vývoj

Webová aplikace obvykle žije mnoho let a většina nákladů vzniká až po spuštění. Proto od začátku hlídáme kvalitu kódu a code review, automatické testy a dokumentaci. Aplikaci můžete kdykoli převzít vlastním týmem — víc o tom, jak řešíme vlastnictví kódu a spolupráci, najdete u vývoje softwaru na zakázku. Prototypy vzniklé v AI nástrojích umíme před dalším rozvojem prověřit auditem.

Jak probíhá vývoj webové aplikace krok za krokem

Vývoj vedeme agilně v dvoutýdenních iteracích, takže funkční části aplikace vidíte průběžně a můžete je připomínkovat. U všech projektů je samozřejmostí projektové řízení, které hlídá rozpočet, termíny a závislosti.

  1. Úvodní konzultace

    Projdeme si problém, který chcete vyřešit, kdo bude aplikaci používat a na co se musí napojit. Z toho vznikne první odhad rozsahu a ceny. Konzultace je nezávazná a zdarma.

    Výstup fáze: orientační rozsah, cena a harmonogram, se kterými můžete pracovat.

  2. Analýza a zadání

    Zmapujeme procesy, uživatelské role a datové toky a sepíšeme zadání s požadovanou funkcionalitou. U složitějších zadání jde o samostatnou procesní analýzu, jejíž výstup můžete použít i pro poptávku jinde.

    Výstup fáze: zadání s popisem funkcionality.

  3. UX návrh a prototyp

    Nejdřív drátěný model a klikací prototyp, který si projdete ještě před programováním, teprve pak vizuální UX/UI design. Prototyp je nejlevnější místo, kde se dají měnit názory.

    Výstup fáze: klikací prototyp a vizuální design všech klíčových obrazovek.

  4. Vývoj v iteracích

    Vývoj probíhá v iteracích nad zdokumentovaným API. Změny procházejí code review a automatizovanými testy, které pomáhají zachytit chyby a regresní změny ještě před nasazením. Díky tomu lze aplikaci průběžně rozšiřovat při zachování stability a dlouhodobé udržovatelnosti.

    Výstup fáze: funkční části aplikace na testovacím prostředí po každé iteraci.

  5. Nasazení a spuštění

    Nasazení do produkce, migrace dat ze stávajícího řešení, zaškolení uživatelů a nastavení monitoringu. Produkční nasazení provádíme bez plánované odstávky, takže ho uživatelé ve většině případů ani nezaznamenají.

    Výstup fáze: aplikace v ostrém provozu, zaškolení uživatelé, předaná dokumentace.

  6. Provoz a rozvoj

    Po spuštění přebíráme provoz podle servisní smlouvy (SLA) — monitoring dostupnosti, bezpečnostní aktualizace, zálohování a další rozvoj podle priorit z reálného provozu.

    Výstup fáze: garantovaná reakční doba a plán dalšího rozvoje.

Kolik stojí vývoj webové aplikace

Rozpětí níž vycházejí ze skutečných projektů, které jsme dodali, a ze stejného modelu, na kterém běží naše cenová kalkulačka. Přesné číslo vždycky vychází až z analýzy zadání — tohle je orientace, abyste věděli, v jakém řádu se pohybujeme.

MVP nebo jednoúčelový portál

3–4 měsíce vývoje

700 000 – 1 100 000 Kč

První použitelná verze aplikace nebo jednoúčelový portál — objednávkový či rezervační systém s jednou hlavní rolí a několika integracemi. Typická volba, když chcete ověřit záměr v provozu dřív, než se rozhodne o plném rozsahu.

Klientský portál s rolemi a integracemi

6–9 měsíců vývoje

1 500 000 – 2 100 000 Kč

Klientský nebo dodavatelský portál s několika uživatelskými rolemi, schvalovacím procesem, reportingem a napojením na interní systémy. Nejčastější rozsah zakázek, které u nás vznikají.

Rozsáhlá platforma

od 12 měsíců vývoje

od 3 500 000 Kč

Rozsáhlá platforma pokrývající několik oblastí podnikání — desítky obrazovek, náročná business logika, integrace na kritické systémy. U tohoto rozsahu přestává být rozpětí užitečné a cenu stanovujeme až po analýze; často jde současně o firemní informační systém.

Co cenu vývoje webové aplikace ovlivňuje nejvíc

  • Počet obrazovek a rozsah funkcí, které musí aplikace pokrýt hned od spuštění.
  • Počet uživatelských rolí a oprávnění — každá role znamená vlastní obrazovky a pravidla.
  • Složitost business logiky — schvalovací workflow, výpočty cen nebo plánování kapacit cenu zvedají nejvíc.
  • Počet a složitost integrací — platební brána je jiná práce než napojení na ERP nebo státní registr.
  • Náročnost UX a designu — od využití komponentové knihovny až po plně autorské rozhraní.
  • Migrace dat ze stávajícího řešení, pokud aplikace nahrazuje Excel nebo starší systém.

Uvedené částky jsou bez DPH a zahrnují analýzu, UX návrh, vývoj, testování i nasazení. Přesnou nabídku připravíme po procesní analýze, která je u větších projektů samostatnou a placenou fází — jejím výstupem je zadání použitelné i pro poptávku u jiného dodavatele.

Spočítat orientační cenu

Bezpečnost a provoz aplikace pro zákazníky a partnery

Aplikace na této stránce cílíme na zákazníky, dodavatele a partnery — jejich výpadek nebo únik dat pocítí lidé mimo vaši firmu okamžitě, a to zvyšuje nároky na zabezpečení i provoz. Pro aplikace určené především vlastním zaměstnancům platí často jiné nároky; těm se věnujeme u informačních systémů.

Zabezpečení proti útokům zvenčí

Taková aplikace bývá dostupná mimo vaši firemní síť, takže bezpečnost řešíme od návrhu architektury, ne až před spuštěním.

  • Ochrana proti škodlivému kódu propašovanému do formulářů nebo stránky, podvrženým požadavkům pod cizím přihlášením a přesměrování na falešné weby.
  • Kontrola oprávnění na úrovni API, ne jen skrytím tlačítka v rozhraní.
  • Dvoufaktorové ověřování, řízení relací a ochrana proti hádání hesel.
  • Omezení počtu požadavků a ochrana proti botům u veřejně dostupných formulářů a API.
  • Pravidelná aktualizace knihoven a sledování zranitelností v závislostech.
  • Návrh zpracování osobních údajů v souladu s GDPR.

Provoz, dostupnost a SLA

Aplikace, kterou používají zákazníci, musí být dostupná i v pátek večer. Provoz proto navrhujeme se stejnou péčí jako samotný vývoj.

  • Monitoring dostupnosti a chybovosti 24/7 s upozorněním dřív, než problém nahlásí uživatelé.
  • Servisní smlouva (SLA) s garantovanou reakční dobou a jasně určeným kontaktem.
  • Automatizované nasazování (CI/CD) v oddělených prostředích, takže nová verze nejde do produkce bez testů.
  • Škálování výkonu podle zátěže — sezónní špičky, hromadné importy i marketingová kampaň.
  • Zálohování s ověřeným obnovením a definovaným bodem návratu, ne jen zapnutým snapshotem.

Technologie které využíváme

Backend webových aplikací stavíme na Ruby on Rails a Node.js, frontend na Reactu a TypeScriptu, data držíme v PostgreSQL a provozujeme v AWS. Je to kombinace, kterou používáme dlouhodobě, takže u ní umíme odhadnout náročnost i řešit problémy v provozu — a která se dobře shání na trhu, kdybyste aplikaci chtěli jednou převzít vlastním týmem. Přehled všech technologií, které používáme, najdete v samostatné sekci.

railsreactgraphqlnodejsaws
Více o technologiích vývoje webových a mobilních aplikacíshow more

Časté dotazy k vývoji webových aplikací

Běžný web slouží hlavně k prezentaci informací — návštěvník si ho přečte a odejde. Webová aplikace je software běžící v prohlížeči, ve kterém uživatel pracuje: přihlašuje se, zadává a upravuje data, prochází schvalovacím procesem, generuje výstupy. Má uživatelské role a oprávnění, vlastní business logiku a obvykle je napojená na další systémy. Typickými příklady jsou klientský portál, B2B portál pro dodavatele, rezervační nebo objednávkový systém.
Cenu webové aplikace na míru určuje hlavně rozsah — počet obrazovek a uživatelských rolí, složitost business logiky, počet integrací na okolní systémy a náročnost UX. Menší aplikace nebo MVP se pohybuje řádově v stovkách tisíc korun a vývoj trvá tři až čtyři měsíce, klientský portál s rolemi a integracemi v jednotkách milionů. Orientační cenu si spočítáte za dvě minuty v kalkulačce ceny vývoje softwaru, konkrétní nabídku pak dostanete po procesní analýze.
U jednodušší aplikace nebo prvního použitelného rozsahu (MVP) počítejte s třemi až čtyřmi měsíci od zahájení analýzy po nasazení. Klientský portál s více rolemi a integracemi obvykle vyjde na šest až devět měsíců, rozsáhlá platforma pro celou firmu na rok i více. Vývoj vedeme agilně v iteracích, takže první funkční části vidíte a připomínkujete řádově po několika týdnech, ne až na konci.
Ne. Kvalitní zadání je výsledkem první fáze projektu, ne jejím předpokladem. Přijít stačí s popisem problému, který chcete vyřešit, a představou, kdo bude aplikaci používat. Zbytek zpracujeme v procesní analýze a sepíšeme do zadání s požadovanou funkcionalitou. Pokud se na schůzku chcete připravit, pomůže vám přehled 21 otázek, na které je potřeba se zeptat před začátkem vývoje softwaru.
Ano, integrace jsou u webových aplikací spíš pravidlem než výjimkou. Přes API napojujeme aplikace na ERP a účetní systémy, platební brány, dopravce, e-mailing, datové schránky i státní registry. Pokud jde o propojení s rozsáhlým vnitrofiremním systémem, věnujeme se tomu podrobněji u vývoje informačních systémů.
Aplikace pro externí uživatele bývá dostupná mimo firemní síť, takže na zabezpečení klademe extra důraz. Postupujeme podle OWASP Top 10, ošetřujeme SQL injection, XSS a CSRF, hlídáme oprávnění na úrovni API, omezujeme počet požadavků proti zneužití a přihlašování doplňujeme dvoufaktorovým ověřením. Přenosy jsou šifrované, závislosti pravidelně aktualizujeme a zpracování osobních údajů navrhujeme v souladu s GDPR.
Ano. Každou webovou aplikaci navrhujeme responzivně, takže funguje na mobilu, tabletu i velkém monitoru. Tam, kde uživatelé potřebují aplikaci na telefonu jako ikonu na ploše, offline režim nebo push notifikace, nabízíme progresivní webovou aplikaci (PWA). Pokud potřebujete hlubší nebo konzistentnější přístup k funkcím zařízení, než webové API nabízí, nebo řešíte konkrétní distribuci a integraci s operačním systémem, bývá vhodnější nativní nebo cross-platformní mobilní aplikace nad stejným backendem.
Ano, a dává to smysl u většiny projektů. Začneme rozsahem, který vyřeší nejbolestivější část procesu, nasadíme ho do provozu a další funkce přidáváme podle toho, co se v reálném užívání ukáže jako potřebné. Proč se tento postup vyplatí, rozebíráme v článku o tom, co je MVP a proč se vyplatí být minimalistou. Pro nové produkty a startupy je to standardní způsob, jak ověřit trh dřív, než se utratí celý rozpočet.
Zdrojové kódy i majetková práva k aplikaci přecházejí po dokončení a doplacení projektu na vás — nejste vázáni na jednoho dodavatele. Podrobněji tuto otázku i celý smluvní rámec rozebíráme na stránce o vývoji softwaru na zakázku.
Návrh začíná u uživatelských scénářů, ne u grafiky. Nejdřív vzniká drátěný model a klikací prototyp, který si projdete ještě před začátkem programování — jak to probíhá, ukazujeme v článku o tom, jak navrhujeme aplikace ve Figmě. Teprve pak přichází vizuální design. Rozdíl mezi UI a UX a náš přístup k němu popisujeme podrobně v sekci design a UX.
Ano. Po spuštění nabízíme servisní smlouvy (SLA) s garantovanou reakční dobou, monitoringem dostupnosti, bezpečnostními aktualizacemi a zálohováním. Většina našich klientů s námi pokračuje v dalším rozvoji aplikace — nové funkce plánujeme v pravidelných iteracích podle priorit, které si společně odsouhlasíme.
Ano, převzetí existující aplikace je běžná situace. Začínáme auditem kódu, architektury a bezpečnosti, abyste věděli, v jakém stavu systém je a co je potřeba řešit přednostně. U aplikací, které vznikly převážně generováním v AI nástrojích, doporučujeme samostatný audit projektů generovaných AI — bývají rychle hotové, ale se skrytými problémy v bezpečnosti a udržitelnosti.

Klienti, kteří nám důvěřují

Hyundai Motor Manufacturing Czech
UNYP
HiPP Czech s.r.o.
Magistra, a.s.
Webglobe, s.r.o.
Metrostav a.s.
Družstvo EUROSIGNAL
SEPOS, spol. s.r.o.
Galerie hlavního města Prahy
Galerie Rudolfinum
Brown-Forman Czechia, s.r.o.
ASSA ABLOY Entrance Systems, spol. s.r.o.
Doosan
eMyslivost.cz
Smart work system s.r.o.
Buty
Další reference iQuestshow more

Máte v hlavě webovou aplikaci?

Ozvěte se s tím, co potřebujete vyřešit. Na první schůzce si projdeme proces, uživatele a napojení na okolní systémy a řekneme vám, jestli dává smysl začít MVP, nebo rovnou plnou aplikací — včetně orientačního rozsahu a ceny.