Zlepšit online prezentaci Optiky Votruba a přenést jejich hodnoty a péči do digitálního světa.
Oční optika Votruba
Oživila jsem web pro optiku s 38letou tradicí, která svým zákazníkům poskytuje luxusní péči a profesionální služby. Nový design podtrhuje eleganci, tradici a důraz na detail, což dokonale odráží výjimečný zážitek, který jsem si v této optice mohla sama na vlastní kůži potvrdit.
UX/UI design
vývoj webu
grafika
tisk
Na tomto projektu pracuje:
Blanka
Lukáš
O optice
Optika Votruba je rodinná firma s více než 38 lety zkušeností, která se stala symbolem kvalitní péče o zrak v Táboře. Jejich posláním je pomáhat lidem vidět svět ostřeji a stylověji díky individuálnímu přístupu, moderním technologiím a pečlivě vybraným brýlím, které nejen dokonale sedí, ale také podtrhují osobnost každého zákazníka.
Za dlouhá léta svého působení si vybudovali pevné místo mezi místními optikami díky své odbornosti a důrazu na kvalitu. Ať už jde o precizní měření zraku, široký výběr dioptrických a slunečních brýlí, nebo profesionální poradenství, Optika Votruba je vždy připravena nabídnout to nejlepší.
Jak spolupráce započala?
Lenka Bednářová, oční optometristka a dcera majitele Oční optiky Votruba, mě oslovila s prosbou o pomoc s webem, na kterém do té doby pracovala sama. Známe se z networkingových setkání, takže mě potěšilo, že mi důvěřovala natolik, aby mi tento důležitý projekt svěřila.
Cíle projektu
Proces spolupráce
Konzultace a první kroky
Během úvodní konzultace Lenka objasnila, že by si přála, aby byl web laděn do odstínů béžové barvy, která by odrážela elegantní styl jejich optiky. Dalším požadavkem bylo přihlédnout k fontu, který již používají na výlohách. Font byl sice součástí jejich vizuální identity, ale nebyl zrovna moderní. Souhlasila jsem s prosbou ho použít, ale zároveň jsem cítila, že web může působit zastarale.
Hledání správného řešení
Abych si byla jistá, vytvořila jsem návrh webu i s původním fontem. Už při práci jsem ale cítila, že výsledek nepůsobí vizuálně tak, jak by měl. Při návrhu webu jsem dohledávala původní font, ale narazila jsem na problém – nebylo možné zakoupit licenci. To znamenalo, že jsem musela improvizovat.
Záblesk inspirace
A pak to přišlo. V jedné z fází návrhu mě osvítila múza a našla jsem perfektní náhradu – moderní a tučný font, který by skvěle zapadl do celkového konceptu. Lenka můj návrh o změně fontu okamžitě schválila, poté, co viděla kousek nového návrhu webu.
Web se tvořil téměř automaticky, aniž bych nad ním přemýšlela. Na fotografii můžete vidět první návrh.
Vývoj webu
Vytvořila jsem ve Figmě polovinu hlavní stránky. Jak už do u mně občas bývá, zasekla jsem se a nemohla jsem v návrhu pokračovat dále. Nemarnila jsem časem, koupila jsem doménu, neboť ji na původním webu neměli zaplacenou. Po nastavení hostingu jsem začala web postupně vyvíjet na WordPressu s Bricks builderem.
Hlavní doménou webu je velký bento grid o 3 sloupcích a 2 řádcích, vyjadřující nabízené služby a produkty. To pro mně znamenalo vytvořit desktopovou verzi, a u verze pro tablet na výšku, vytvořit novou responzivní verzi. Nevím, zda je to rukama, ale osvědčil se mi tento postup, neboť při pokusech přizpůsobit bento grid do jednoho sloupce, se mi nikdy nepovedlo zmenšit bloky na výšku.
Dále jsem se zaměřila na loga značek, které mají k prodeji. Pohrála jsem si u některých firem s barevností loga, aby ladilo do webu. Předpokládám totiž, že většina z nich má i černobílou verzi. Ovšem u některých se mi nepodařilo odstranit pozadí, aniž bych poškodila vzhled loga. Nechtěla jsem, aby na webu byly vidět bílé podklady, proto jsem v sekci vytvořila gradient jdoucí z béžové do bílé a zase zpět. Nakódovala jsem sekci, aby loga ladně popojížděla a zároveň nezpůsobovala problémy lidem se senzorickou přecitlivělostí.
Dále si klientka přála mít na webu pár zajímavostí o očních vadách. Texty nebyly dostatečně dlouhé pro vytvoření blogového článku. Proto jsem přistoupila k variantě popup oken, které se zobrazí po kliknutí na název vady.
Na web jsem doplnila veškeré právní informace, které vzdělaná klientka na webu měla i původně. A to se jen tak nevidí! Schválila je i advokátka Štěpánka Neuschlová, neboť se jedná o specifický obor
Testování a spuštění
Web otestoval Lukáš, který netrpí po vývoji slepotou jako já. Opravila jsem nedostatky a na jeho rady přidala ještě rady pro zákazníky, kde v centru města zaparkovat nebo kde je nejbližší MHD zastávka. Dále jsem vyladila rychlost webu a další bezpečnostní nastavení.
Původní web byl smazán, nový spuštěn na nové doméně. I přes bystré Lukášovo oko nám unikly 2 chyby v textu, na které upozornila zákaznice optiky. Opravdu měla kvalitní brýle!
Grafika a tisk
Na první konzultaci jsme se také dohodly, že využijeme reklamní akce mého dodavatele tisku (viz reklamní tisk). Jelikož musela být grafika poslána dříve, než jsme se dopracovaly ke změně fontu, použila jsem starý.
Klientka, jako specialistka na zrak, mi pomohla doladit kontrast, aby reklama byla dostatečně viditelná hlavně pro lidi, co brýle opravdu potřebují, ale zatím o tom ještě neví. 🤭
V reklamě jsem použila fotografii prodejny, kolem kteréž mohou lidé každý den chodit, ale vlastně o ní nemusí vědět.
Reklama byla distribuována v počtu 5.000 ks na dvojstraně po celém Táborsku, společně s dalšími 11 reklamami místních firem. Při další propagaci již využijeme nové vizuální identity.
