Reference / Vývoj

Nový lak webu a brandu ITS

Pro společnost ITS Brno jsme na základě hloubkových rozhovorů a workshopů provedli rebranding webu, kde jsme použili také motion grafiku i animace. Dále jsme na web vytvořili nové texty.

Klient: IDEAL-Trade Service, spol. s r.o. Rok: 2019 Typ: Webdesign a vývoj webu
[screenshot: hlavni stranka ITS webu s motion grafikou]
1,5 měsíce

hloubková analýza značky

3 měsíce

design, copywriting a vývoj

1 platforma

pro všechny divize

5 jazyků

jazykových mutací

Webdesigna vývoj webu

Na počátku projektu bylo největší výzvou získat zpět důvěru klienta v oboru webdesignu. Za 27 let působení na trhu povrchových úprav se společnost ITS hned několikrát spálila při realizaci nového webu, který neodpovídal jejím představám. To jsme chtěli napravit.

Kromě vývoje webu bylo cílem vytvořit strategii komunikace značky ITS a stmelit navenek nejednotnost divizí v jeden fungující celek.

[screenshot: prehled ITS webu s jednotnou prezentaci divizi]
[screenshot: workshop s product a UX designerem, myslenkove mapy]

Třikrát měř,ověř a řež

Brzy jsme poznali, že lidé v ITS jsou profesionálové a znají svůj obor. Bylo jen třeba klást ty správné otázky. Formou hloubkových rozhovorů a společných workshopů jsme měli možnost poznat vnitřní i vnější prostředí firmy se vším všudy.

Sestavili jsme myšlenkové mapy ilustrující jednotlivé části firmy a z nich jsme poté vycházeli při budování brandu.

Motion grafikaa komunikační linka

Měsíc a půl trvající analýza nám dala munici pro tvorbu drátěných modelů. Cílem bylo najít společnou komunikační linku pro všechny divize a jejich inovativní přístup, nezapomenout při tom na akvizici klientů či nových zaměstnanců a podtrhnout především firemní kulturu.

Třešničkou na dortu pak bylo zapojení motion grafiky, jež oživila každou stránku nového webu animací v podobě sekvence, vektorové transformace nebo kouzly v Cinema 4D a After Effects. S tímto si poradil náš motion a video designer Peter.

[screenshot: ukazka motion grafiky a animaci na webu ITS]
[screenshot: karierni stranky ITS s hravym designem]

Když se klientnebojí

Společnost ITS se pohybuje v technickém oboru, kde musí prokázat především odbornost. Na to jsme se také při tvorbě obsahu produktových stránek a služeb zaměřili.

Firemní kultura ITS je uvolněná a přátelská a vedení si přálo promítnout na webové stránky také tento aspekt. Ideálním pro to jsou kariérní stránky, které jsou hravé a nápadité.

Pečlivé přípravyse osvědčily

Po zhruba třech měsících tvorby designu, copywritingu a vývoje se společně s klientem podařilo vytvořit hravý web, ze kterého vyzařuje povaha společnosti ITS Brno, velkého hráče na trhu povrchových úprav, který si zakládá na osobních vztazích a rodinném prostředí uvnitř firmy.

[screenshot: finalni podoba ITS webu, produktove stranky]

Co o naší práci řekl klient

[screenshot: webová prezentace ITS Brno]
„Od začátku jsem cítil, že tým, který na projektu bude pracovat, přesně pochopí, co chceme a že bychom si mohli sednout i lidsky. Výsledek je jednoduše skvělý. Zákazníci i kolegové si nový web velmi chválí a vnímají skrze něj atmosféru firmy. A přesně to bylo naším cílem.

I proto s Cognito dál spolupracujeme na dalších projektech. Protože to dává smysl."
foto

Jakub Vopálka

projektový manager, ITS Brno

Jak jsme postupovali

Od hloubkové analýzy značky přes komunikační strategii a motion grafiku až po finální web sjednocující všechny divize ITS.

Chci konzultaci
1

Hloubková analýza značky

Realizovali jsme hloubkové rozhovory a společné workshopy s týmem ITS. Zmapovali jsme vnitřní fungování firmy, její služby, cílové skupiny a vnější kontext značky. Výstupy jsme zpracovali do myšlenkových map, které sloužily jako podklad pro další práci na brandu.

2

Komunikační linka a motion grafika

Definovali jsme společnou komunikační linku a navrhli strukturu klíčových stránek. Web jsme oživili motion grafikou a animacemi, které podtrhují inovativní přístup a firemní kulturu.

3

Struktura webu a UX návrh

Navrhli jsme informační architekturu a strukturu webu tak, aby byla srozumitelná pro různé typy návštěvníků. Důraz jsme kladli na přehlednost, jasnou hierarchii informací a snadnou orientaci v nabídce služeb.

4

UI design a realizace webu

Na základě schváleného konceptu jsme připravili finální UI design a podklady pro realizaci webu. Výsledkem je moderní web, který podporuje značku ITS a slouží jako stabilní základ pro další rozvoj komunikace.

HTML 5
HTML 5
PHP
PHP
Symfony
Symfony
Sulu CMS
Sulu CMS
React
React
Docker
Docker
Redis
Redis
Elasticsearch
Elasticsearch
Kubernetes
Kubernetes

Použité technologie

Web ITS je postaven na frameworku Symfony se systémem pro správu obsahu Sulu CMS. Na frontendu využíváme React, na backendu PHP. Řešení je kontejnerizované v Dockeru a provozované na Kubernetes s podporou Redis a Elasticsearch.