Nové webové stránky pro MAXECO

Struktura webu a wireframe

Bez smysluplného a odsouhlaseného wireframu, který prezentuje strukturu webu, nelze pokračovat. Jedním z úplně prvních kroků proto bylo vytvoření základní struktury a organizace webu. Kostru webu jsme rozřadili do tří úrovní:

• z domovské stránky povedou hlavní odkazy do kategorie prezentující topné fólie, do sekce O nás, na stránku referencí, na blog a na kontaktní stránku;
• druhá a třetí podúroveň je na novém webu zastoupena ve formě konkrétních textů nebo výpisem s odkazy na stránky s obsahem.

Před posláním zadání grafikovi jsme samozřejmě museli nastínit základní specifikace, co by se na webu mělo a nemělo objevit, jaký prostor má mít webový formulář, jestli je potřeba mít možnost více jazykových mutací apod. S klientem jsme kvůli individuálnímu návrhu grafiky také řešili některé základní a zároveň zásadní otázky, např. kdo je cílovou skupinou, jaké produkty či služby MAXECO poskytuje, jaká je konkurence a jak se vůči ní můžeme vymezit. Do procesu jsme vnesli i techničtější pohled SEO analýzy.

Návrh grafického designu na míru

Jakmile byla kmenová struktura webu odsouhlasena, poslali jsme grafikovi zadání na vytvoření návrhu vzhledu homepage a postupně i dalších podstránek. V řešení bylo rovnou několik variant – nejvíce eko do zelena, jako protipól hřejivá do oranžova a nakonec varianta s hravějšími barevnými tóny. Po konzultacích s klientem jsme upřednostili teplý, oranžový motiv, protože se nejvíc hodil k prodávanému produktu a službám.

Dále jsme na horní okraj „přilepili“ tzv. sticky menu, které s posunem po stránce dolů zůstává ukotveno, a homepage jsme se rozhodli obohatit o video, kterým navozujeme atmosféru. Ve stejném duchu jsme posléze rozpracovali i další podstránky, díky čemuž jsme dokončili kompletní grafický prototyp s rozložením a výběrem prvků tak, jak byly namyšleny pro ostrý web.

Kodérské a programátorské práce

V tento moment jsme grafiku a zmiňované šablony implementovali na web. Postupně jsme vyhotovovali a nakódovali:

• domovskou stránku,
• stránky produktů,
• stránku referencí,
• Kontakty,
• O nás
• a blogovou sekci.

K těm bylo samozřejmě potřeba doplnit i odpovídající moduly tak, aby všechno šlapalo, jak má, i s přihlédnutím ke konkrétním požadavkům a přáním MAXECA.

Na míru jsme proto např. naprogramovali Reference a Kontakty. V referencích se nám podařila jednoduchá a dynamická mapa. U ní se při načtení objevují a zajíždějí jednotlivé reference, takže ihned po otevření stránky zákazníci vidí výběr několika realizací. Stránku kontaktů jsme zase uzpůsobili tak, aby z ní bylo na první pohled patrné, v jakých regionech a státech MAXECO operuje a jak se s těmito regionálními či národními partnery spojit.

Závěrečné detaily a dokončení webu

Po dokončení kodérských prací a doprogramování modulů na míru byl web již víceméně použivatelný, avšak ne kompletně hotový a připravený na ostrý provoz. V závěrečné fázi jsme doladili ještě několik technických detailů důležitých pro funkčnost webu:

1. Nastavení procházení a indexace prostřednictvím souborů robots.txt a sitemap.xml (generujeme automaticky)
2. Základní SEO kontrola (URL adresy, struktura nadpisů, optimalizace obrázků, drobečková navigace apod.)
3. Zajištění responzivity na rozdílných prohlížečích (Chrome, Mozilla Firefox, Safari ad.) a platformách (telefony, tablety, počítače)
4. Nastavení nástrojů potřebných k webové analytice (Google Analytics, Google Search Console)

Jakmile byly zapracovány i tyto nezbytné drobnosti, nový web pro MAXECO jsme úspěšně dokončili, zveřejnili a klientovi předali.

2025: Doplnění španělské mutace a příprava dalších

Pár let po spuštění webu jsme se domluvili na rozšíření o nové jazykové mutace. Vedle primární češtiny tak přibyly slovenština a španelština, díky kterým mohou mohou návštěvníci procházet stránky ve svém preferovaném jazyce.

I když samotné přidání jazykových verzí není technicky složité, vyžaduje odborný přístup. Mimo překladu, který je sám o sobě poměrně složitý, je potřeba zajistit dvě hlavní věci:

• Správné propojení odpovídajících stránky v rozdílných jazycích (např. aby to návštěvníka po přepnutí článku z češtiny do slovenštiny nepřesměrovalo na domovskou stránku, ale na stejný článek v jiném jazyce)
• Přehledně administrace tak, aby se daly snadno vytvářet a upravovat stránky v rozdílných mutacích (např. aby se administrátor ve složitější a rozšířené navigaci neztrácel).

Momentálně se chystá také další rozšíření, které přinese např. anglickou a německou jazykovou mutaci, čímž se Maxeco snaží oslovit ještě širší publikum napříč celou Evropou.