Téměř každý může nyní vyvinout externě pěkný web, ale udělat jej pohodlně uvnitř, zostřit jej pro vaše podnikání a specifičnost práce s obsahem je poněkud obtížnější úkol. Příběh aktualizace webové stránky značky Repina: utrpení, cesta k řešení a řešení.
V roce 2019 jsme se rebrandovali naživo, napsali jsme řadu článků s tímto procesem, od metodologie vývoje pozic až po koncepty podnikové identity a konečný výběr identity. A místo zůstalo stejné a vyžadovalo samostatné přehodnocení. Mohli bychom vytvořit navenek pěkné stránky, jako to dělají všichni ostatní, a uklidnit se. Ale to jsme nebyli my. Bylo pro nás důležité vytvořit si vlastní plnohodnotný produkt pro interní použití, který položí základy pro firemní platformu značky Repina.
Jak jsme bojovali s Bitrixem
Za posledních 7 let se naše stránka globálně nezměnila, nebo spíše se změnila, ale šlo o neustálé doplňky a berle, které z ní udělaly obludného Frankensteina. A ano, byl na Bitrixu. Každý, kdo se s tímto CMS setkal, ví, že pro snadné přidání obrázku budete muset projít trnitou cestou mnoha hlavičkami a složkami. Existuje mnoho podniků, kterým Bitrix vyhovuje, ale to nejsme my. Potřebovali jsme intuitivní a nebojící se slova, estetické řešení, které by při práci s webem nezpůsobovalo znechucení.
Ale co by to mohlo být? WordPress? Joomla? Drupal? Princip načítání obsahu je všude přibližně stejný. Tildu velmi milujeme, ale na naše grandiózní plány bychom toho neměli dost. Chtěl jsem ušetřit peníze, ale ne. Ukázalo se, že musíte vytvářet vše od začátku, pouze s vlastními, pouze s hardcore.
Jaké byly úkoly?
- Zvyšte rychlost práce s obsahem. Chtěli jsme rychle změnit nadpisy a text, přidat jakékoli obrázky a nechodit do neproniknutelné džungle za nimi.
- Volně upravujte portfolio: pracujte s obrázky a nápisy v rámci projektů, změňte umístění případů na pásu karet. Behance máme rádi a chtěli jsme na našem webu podobný builder.
- Vložit video. Vimeo zpomalilo automatické přehrávání. Přešli jsme na těžké GIFy, ale je také nepohodlné s nimi pracovat. Chtěl jsem mít svůj vlastní přehrávač, který by rychle přehrával videa v požadované kvalitě – automaticky nebo po kliknutí na tlačítko.
- Pohodlné pro sazbu článků. Potřebovali jsme vizuální editor se všemi nástroji, například na vc.ru – abychom viděli, jak bude text vypadat ještě před publikováním.
CMS našich snů je lakonický a intuitivní. A mysleli jsme si: proč panel administrátorů nemůže vypadat přesně jako běžné uživatelské rozhraní, pouze se schopností upravovat jakýkoli obsah.
Udělali jsme to
Vždy nás překvapuje, že mnoho společností má korporátní identitu všude, ale ne na webu, a je škoda nepoužívat takový vynikající nosič identity. Na našem webu bylo místo pro značkové tuříny, velkou typografii a grafické prvky.
Správce může přecházet na různé stránky webu stejným způsobem jako běžný uživatel. Všechno funguje podle principu WYSIWYG (What You See Is What You Get). Klikněte na ikonu tužky a můžete jediným kliknutím upravit cokoli. Například upravte název. A spodní řádek pod nadpisem mění naši pozici v Hodnocení kreativity AKAR. Mimochodem, letos jsme se posunuli ze 7. na 5. místo.
Pomocí funkce Drag-and-drop usnadněte ovládání polohy prvků jednoduchým přetažením. Tímto způsobem můžete zaměnit jednotlivé části webu a uspořádat případy v portfoliu v požadovaném pořadí, stačí je přetáhnout:
Návrhář projektu
Hlavní částí webových stránek jakékoli brandingové agentury je portfolio. Před tím jsme už měli svého vlastního projektanta, ale nazývat to nepohodlným znamená nic neříkat. Například za účelem nového uspořádání bloků na místech bylo nutné změnit jejich číslování. A to je jen malá část úkolu. Myšlenka, že je třeba na web nahrát novou práci, vyvolala smutek. Vydání nového případu je však pro nás důležitou událostí, která by měla přinést radost a uspokojení. Například na Behance – flexibilní, krásný a rychlý. A chtěli jsme udělat totéž.
Nyní můžeme nahrát obrázky do galerií, snadno zaměnit bloky, přidat pozadí a text libovolné barvy:
Máme 5 typů sítí, které pokrývají všechny potřeby pro předvedení práce:
Chtěli jsme navrhnout případy jako články – nejen zveřejňovat krásné obrázky, ale také vysvětlit cestu, která šla od briefu klienta k hotovému výsledku. Kvalitu značky nelze posoudit bez kontextu. Také na předchozím webu ve většině případů nebylo jasné, že vyvíjíme nejen design, ale také platformu značky, název a slogany. Proto nyní krok za krokem popisujeme provedený výzkum, výběr umístění, proces práce na pojmenování a design. S novým editorem se nám podařilo zbavit se zbytečných klikání a soustředit se na hlavní věc.
Vytvořili jsme také vlastní přehrávač – nyní můžeme bezpečně přehrávat videa bez prvků rozhraní třetích stran automaticky nebo z tlačítko.
A třešničkou na dortu je absence „visících“ předložek. V klasickém designu jsou „závěsné“ předložky „pohybovým tónem“, ale na webu se zakořenily. Ale je nesnesitelné se na ně dívat! Na starém webu jsme je přenesli ručně a přidali jsme „& nbsp;“ po každé předložce. Na novém se nám toto utrpení navždy ulevilo.
Textový editor
Blog je další prioritní sekce na webu. I užitečné a zajímavé texty nebude možné přečíst ve špatném rozvržení, proto s články zacházíme opatrně. Bylo rozhodnuto vytvořit dvoustojan. Vlevo je hlavní text článku a vpravo místo pro další informace: CTA, citace, postranní pruhy a titulky k ilustracím.
Nyní můžeme text nastavit ve vizuálním editoru a zobrazit jej přesně tak, jak bude publikován:
Je vidět, že jsme se neobtěžovali s designem ovládacích prvků v administračním panelu, ty standardní jsme nechali. Možná sem přivedeme krásu, ale prozatím dokonale plní své funkce.
Pochopili jsme něco důležitého
Někdo si může myslet, že takové investice do webu nemají smysl a neplatí vypnuto, ale pomocí nového administrátorského panelu jsme 10krát zvýšili rychlost práce s webem a používání systému nevyžaduje žádné školení. Flexibilita a dobrý kód nám umožní vyvinout web bez berlí a v budoucnu implementovat naše mnoho nápadů.
Jak byste tyto problémy vyřešili?
A nakonec navštivte web:
Repina branding – brandingová agentura v Moskvě Branding agency Valeria Repina. Jsme v top 5 nejlepších brandingových agentur v Rusku, 12 … repinabranding.ru
