Nové webové stránky pro MAXECO

Nové webové stránky pro MAXECO
Sjednotili jsme dva staré weby a vytvořili jediný. Nový web má moderní design, funkční redakční systém a lépe prezentuje i prodává klientovy produkty a služby.
Pro: MAXECO s.r.o.
Realizace: 2022
www.maxeco.info/cz

O klientovi

MAXECO je firma prodávající a instalující speciální topné fólie, které se vymykají od ostatních metod vyhřívání domu. Tyto tenké pásy topných fólií jsou totiž zabudovány v podlaze a rovnoměrně ohřívají celý prostor, což přípomíná pocit sálání tepla. Společnost si zakládá ne jen na prodeji, ale hlavně na zajištění kompletních služeb od A do Z – pro své poteciální klienty připraví projekt, rozpočet a následně topný systém nainstaluje, otestuje, spustí a předá.

Více o klientovi na www.maxeco.info

Zadání klienta

MAXECO si v základu přálo spojit dva weby a jejich veškerý obsah směřovat na jednu jedinou webovou stránku. Na novém webu pak dále požadovalo:

  • zvýraznit výhody a efektivitu svých služeb;
  • jasněji a přehledněji prezentovat, že to není jen a pouze o prodeji topných fólií, ale především o kompletním servisu pro lidi (návrh řešení, instalace, servis a záruka);
  • vylepšit a podpořit web z hlediska prodejnosti a konverznosti;
  • připravit web na SEO (optimalizace pro vyhledávače) a PPC kampaně;
  • zlepšit responzivitu a mít možnost několika jazykových mutací.

Jak web vypadá

Mobilní verze stránek

Výsledné řešení

Podle přání a požadavků klienta jsme kompletně udělali nový web. Nejprve jsme vytvořili základní strukturu a organizaci webu (tzv. wireframe), ve které jsme načrtli představu od homepage přes kategorie až po jednotlivé podstránky podkategorií. Ve druhém kroku jsme práci předali našemu grafikovi, který vypracoval a navrhnul několik variant. Vybranou grafiku jsme nasadili na náš redakční systém a nakódovali do odpovídající podoby. Na závěr jsme doprogramovali téměř to nejdůležitější – moduly přímo na míru (např. blog či reference). A nakonec jsme web překontrolovali a doladili poslední maličkosti.

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.

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.

Rozdíly po a před

Nové webové stránky pro MAXECO - Porovnání, stará verze #1
Nové webové stránky pro MAXECO - Porovnání, nová verze  #1
Nové webové stránky pro MAXECO - Porovnání, stará verze #2
Nové webové stránky pro MAXECO - Porovnání, nová verze  #2

Podobné reference

GHV Trading: Nový web se sjednoceným katalogem a e-shopem

GHV Trading: Nový web se sjednoceným katalogem a e-shopem

Rozsáhlý web s tisícovkami produktů a desetitisícovkami variant vyžadoval silně systematický a technický postup. Základy...
ARPEG: Redesign webu na míru pro dlouhodobý rozvoj

ARPEG: Redesign webu na míru pro dlouhodobý rozvoj

Nový web s přepracovanou strukturou, aktualizovaným grafickým vzhledem, zlepšením uživatelské přívětivosti i konverznosti...
Betoneshop.cz: tvorba e-shopu na míru pro Prefa Brno a.s.

Tvorba e-shopu na míru pro Prefa Brno

Zbrusu nová verze e-shopu s betonovými výrobky pro dům i zahradu. Oblíbeným sortimentem jsou například betonové dlažby,...
Nový prezentační web zaměřený na design a čisté provedení

Nový prezentační web zaměřený na design a čisté provedení

Moderní přístup k webdesignu si vysloužil projekt Maxmilian Develop, pro který jsme připravili kompletně nový web charakteristický...