Mobilní verze našeho webu

01.09.2011 | Spustili jsme novou mobilní verzi našeho webu.

„Mobilní telefony a další dnes vznikající mobilní a přenosná zařízení jsou stále chytřejší a schopnější. Začínají tvořit čím dál tím podstatnější část online "koláče" a začínají si diktovat své vlastní potřeby a standardy. Není radno je opomíjet, ať už řešíte reklamu, nebo internetovou aplikaci ...“ tuto větu najdete na našich stránkách věnovaných mobilním řešením. A protože v Lundegaardu se řídíme tím, co říkáme, připravili jsme pro náš vlastní web mobilní verzi na adrese http://m.lundegaard.eu.

Mobilní verze je vytvořena na CMS LARS Vivo a využívá jeho podpory pro mobilní zařízení. Obsah a struktura stránek je sdílena s „desktopovou“ verzí, ale pro mobilní zařízení byly vyvinuty samostatné šablony, které zajišťují korektní chování na mobilních zařízeních.

Jak jsme postupovali

Koncept

Stejně jako u realizace „desktopového“ webu začínáme s přípravou tzv. wire-frames – schématického znázornění jednotlivých prvků na stránce. Výstupem je prototyp, na kterém lze ověřit základní chování prezentace.

Grafická podoba

Na základě návrhu wire-frame, vytvořil grafik návrh vzhledu mobilní verze v souladu s vizuální identitou společnosti.

 

Vývoj

V rámci vývoje jsme vytvořili HTML 5 šablony s využitím knihovny jQueryMobile, která poskytuje podporu pro různé mobilní platformy včetně podpory horizontálního a vertikálního zobrazení. Následovalo samozřejmě testování a ladění. A  protože aktuální stav standardizace nezaručuje jednotný vzhled na všech platformách, je nutné provést optimalizace pro korektní zobrazování.

Výsledek můžete vyzkoušet sami – http://m.lundegaard.eu nebo vyzkoušejte QR kód v záhlaví zprávy.