Webové stránky má dnes každý podnikatel a firma, proto je čím dál složitější na internetu uspět, odlišit se a získat zákazníky.

S inPage zvládne webové stránky udělat každý, ale chce to čas a dost zkušeností. Pokud nejste z oboru a potřebujete opravdu profesionální prezentaci, se kterou na internetu uspějete, doporučujeme se svěřit do rukou profesionálů. Jen ti znají ten správný recept na úspěch webových stránek. A jaký je ten úspěšný recept? Pojďme se na to společně podívat.

V tomto článku bychom vás rádi seznámili s tím, jak tvorba webu na inPage probíhá a co od ní očekávat. Ukážeme vám proces vzniku webu – od úvodní konzultace přes návrh až po finální předání zákazníkovi a uvidíte, jak vypadá oboustranně plodná spolupráce, která nese výsledky.

Jako příklad takové realizace nám poslouží web makula.cz. Jedná se o stylovou prezentaci regionálního prodejce stavebního materiálu a stavební firmy.

Jak na inPage stavíme weby

Prvotní konzultace a jasné zadání

Prvním krokem je vždy úvodní konzultace, která probíhá telefonicky nebo online. Během ní se snažíme co nejlépe seznámit se zákazníkem a jeho projektem. Zajímá nás, jaké služby a produkty chce na webu prezentovat, kdo jsou jeho zákazníci a jaké jsou jeho požadavky na správu webu.

Vytyčíme si základní cíle, kterých chce s novým webem dosáhnout, vyslechneme si jeho představy o vzhledu a funkčnosti webu a stanovíme rozpočet i základní časový rámec realizace.

Vždy se snažíme základní očekávání překonat a dodat zákazníkovi co nejlepší a nejlépe fungující web, který mu bude vydělávat.

Jak na inPage stavíme weby

Grafický návrh na klíč

U projektu makula.cz nás čekal nelehký úkol. Zákazník potřeboval vytvořit web, který by v sobě skloubil dvě odlišné obchodní činnosti – prodej stavebního materiálu a stavební firmu specializující se na výstavbu rodinných domků. Naším cílem tedy nebylo jen vytvořit web, který bude hezky vypadat, ale také takový, který uživatelsky jasně oddělí obě činnosti, přehledně odprezentuje širokou nabídku služeb a zároveň působí kompaktně, moderně a profesionálně.

Tato kombinace představovala výzvu zejména po stránce informační architektury a grafického návrhu – bylo potřeba promyslet strukturu webu tak, aby návštěvník okamžitě porozuměl, co firma nabízí, a zároveň se rychle dostal k tomu, co ho zajímá. Cílem proto nebylo jen vytvořit pěkný design, ale hlavně moderní a funkční web, který podpoří obchodní výsledky – tedy prodej stavebnin i  zájem o stavební služby.

Zákazník neměl žádnou konkrétní představu o vzhledu svých stránek. Měl k dispozici pouze firemní logo a přál si, aby web působil profesionálně a přehledně. Díky tomu jsme získali poměrně volné ruce a mohli jsme se při návrhu naplno opřít do vlastní kreativity, know-how i zkušeností s tím, co na webu funguje a co návštěvníky přesvědčí.

Jak na inPage stavíme weby

Design

Při tvorbě designu webu je nejdůležitější myslet především na samotné návštěvníky (potenciální zákazníky klienta), kteří se zde musí cítit komfortně a dobře se orientovat. První dojem při návštěvě webu by měl být co nejvíce pozitivní, aby návštěvník chtěl na stránkách zůstat.

U projektu, jako byl makula.cz, bylo také velmi důležité vzbudit pocit důvěryhodnosti, stability a spolehlivosti – vlastností, které zákazníci od podnikatelů ve stavebnictví očekávají. Web by měl tyto pocity předat během okamžiku

Design webu proto vychází z konceptu stavebních bloků – symbolu stability a síly. Používáme vzory cihel, betonu a technických výkresů, které se prolínají celým webem a odrážejí odbornost i kvalitu produktů.

Důležitým prvkem je úvodní rozcestník, který návštěvníka rovnou nasměruje buď na prodej stavebnin, nebo na prezentaci stavební firmy.

Barvy

Pro navození správných emocí a vytvoření originálního a poutavého designu webu je správné použití barev zásadní. Barvy by měly respektovat firemní identitu a podpořit značku. Hlavními pravidly jsou čitelnost, kontrast a respekt k již existujícím firemním barvám.

U projektu stavebnin Makula jsme web ladili do několika barev, které stránky přehledně rozdělují:

Jak na inPage stavíme weby

  • Červená: Výrazná červená barva je převzatá přímo z loga a symbolizuje dynamiku, sílu a energii firmy. Používá se na akcenty, tlačítka a detaily napříč webem.
  • Černá a bílá: Primární barvy webu zajišťují vysokou čitelnost, přehlednost a kontrast pro texty i důležité informace.
  • Šedá a oranžová: Doprovodné barvy zvolené pro stavební tematiku – šedá odkazuje na beton a stavební materiál, oranžová zvýrazňuje konstrukční prvky (helmy, vesty apod.).

Vybrané barvy spolu velmi dobře fungují a web působí decentně, ale přitom jsou důležité prvky jasně viditelné a motivují k prohlížení.

Font

Dalším prvkem, který odlišuje průměrný web od profesionálního, je výběr písma, tedy kvalitního fontu. Písmo na webu není jen otázkou estetiky – zásadně ovlivňuje čitelnost, dojem z obsahu i celkovou důvěryhodnost stránky.

Každý web je jiný a hodí se pro něj různé typy písma – například moderní bezpatkové působí čistě a svěže, klasické patkové naopak vzbuzuje serióznost a tradici. Důležité je věnovat pozornost i velikosti a kontrastu písma, aby byl text snadno čitelný na všech zařízeních.

Při realizaci grafického návrhu projektu makula.cz jsme zvolili font Oswald. Vybrali jsme jej pro jeho moderní vzhled s technickými rysy, které dokonale ladí s tématem stavebnictví. Jeho čisté linie a silné tvary dávají webu profesionální a přístupný vzhled a zajišťují snadnou čitelnost pro širokou veřejnost.

Jak na inPage stavíme weby

Čeho se nám při tvorbě návrhu webu podařilo dosáhnout?

  • Design webu odráží stabilitu a solidnost stavební firmy.
  • Pracuje s výraznými barvami a fotografiemi realizací – díky tomu je pro návštěvníka zajímavý a poutavý.
  • Web je maximálně přehledný a přístupný pro všechny cílové skupiny – od jednotlivců po firmy.
  • Návrh jsme průběžně ladili s klientem tak dlouho, dokud přesně neodpovídal jeho představě i značce. Poté jsme mohli přejít k jeho samotnému oživení a spuštění na inPage.

Nasazení do šablony a oživení obsahu

Po schválení designu přišla na řadu technická realizace. Bylo potřeba přetvořit grafický návrh na funkční a prodejní webové stránky.

Nejprve jsme připravili responzivní šablonu, která perfektně funguje na mobilu, tabletu i počítači, a následně upravili její design a strukturu, aby odpovídala vytvořenému návrhu. Při vytváření webu vždy upřednostňujeme přístup mobile first – web musí být co nejlépe optimalizovaný pro mobilní zařízení, odkud dnes přichází nejvíce návštěvníků.

Tvorba obsahu

Po dokončení tvorby šablony a její optimalizace jsme začali web plnit obsahem. Vytvořili jsme vlastní texty, které návštěvníkovi co nejlépe vysvětlí, na jakém webu se nachází, jaké služby jsou nabízeny a jak snadno navázat kontakt.

Texty na webu musí působit přirozeně, poutavě a srozumitelně pro čtenáře i vyhledávače. Proto jsme dbali na to, aby obsahovaly potřebná klíčová slova a slovní spojení, která lidé hledají ve spojení se stavební firmou a prodejem stavebního materiálu. Důraz jsme kladli také na lokalizaci, protože cílovou skupinou jsou místní obyvatelé regionu.

Při tvorbě obrázků jsme se snažili použít co nejvíce autentických fotografií dodaných zákazníkem. Obecně platí, že autentické fotky působí lépe na návštěvníky i vyhledávače. Na některých místech webu, například na úvodním motivu nebo u kontaktů, jsme využili obrázky z fotobanky.

Jak na inPage stavíme weby

Samotný web běží na našem systému inPage, díky čemuž má klient plnou kontrolu nad správou obsahu a může jej kdykoli a odkudkoli upravit či doplnit a nemusí se starat o technické aspekty hostingu a zabezpečení.

Jakmile je návrh webu zhmotněn do funkční podoby, začíná poslední fáze před finálním předáním – testování a ladění detailů.

Finální ladění a spuštění

Před předáním webu zákazníkovi přichází fáze testování, optimalizace a doladění podle jeho požadavků.

Nejprve kontrolujeme technickou stránku webu – kompletně jej několikrát procházíme a ladíme jednotlivé detaily. Řešíme rychlost načítání stránek, fungování odkazů a jednotlivých prvků. Kontrolujeme mobilní zobrazení a také to, jak se web chová v různých prohlížečích. V případě potřeby provedeme opravy, aby bylo vše plně funkční.

Na závěr kontrolujeme tzv. technické SEO – hlavičky a metadata jednotlivých stránek. Poté ve spolupráci se zákazníkem provádíme registraci webu do vyhledávačů (Google, Seznam, Bing) a napojení na analytické nástroje pro měření návštěvnosti a účinnosti reklamy.

V tuto chvíli je web hotový a předáváme jej zákazníkovi.

Jak na inPage stavíme weby

Výsledkem je profesionální web, který nejen skvěle vypadá, ale také se dobře spravuje a je funkční. Díky tomu pomáhá našemu zákazníkovi růst.

Přečtěte si, co nám po předání webu napsal pan Makula, který si u nás tvorbu webu objednal:

„Rád bych touto cestou ještě jednou poděkoval a vyjádřil svou maximální spokojenost s realizací webových stránek. Celý průběh projektu, od úvodního návrhu až po finální předání webu, probíhal velmi profesionálně a s pečlivým zpracováním každého detailu. Obzvláště si cením vstřícného přístupu, rychlé komunikace a odborných doporučení ze strany tvůrců webu. Výsledná podoba webových stránek zcela splnila moje očekávání, a proto zhotovitele s plnou důvěrou doporučuji všem, kteří hledají kvalitní a odborně zajištěnou službu v oblasti tvorby webových prezentací.“

Co web přinesl klientovi a co může přinést vám?

Klient nám dal jednoduché zadání: "Chci moderní, přehledný a profesionálně působící web." A co od nás nakonec dostal?

  • Moderní design odpovídající stavebnímu oboru
  • Přehledné představení všech služeb a produktů
  • Lepší viditelnost ve vyhledávačích
  • Možnost snadné správy obsahu díky inPage

Díky tomu dnes makula.cz působí jako spolehlivý partner, kterému zákazníci věří.


Přemýšlíte o webu, který bude fungovat i prodávat?

I vaše podnikání si zaslouží profesionální prezentaci na míru.

Ke každému projektu přistupujeme individuálně a vždy se snažíme vyhovět všem požadavkům klienta tak, aby výsledný web byl jeho nejlepší vizitkou a účinným nástrojem pro růst podnikání.

Ozvěte se nám – rádi s vámi projdeme vaše představy a navrhneme řešení, které vašemu oboru sedne na 100 %.

Kontaktujte nás ještě dnes a posuňte svůj web na vyšší úroveň.