SERVISMETAL je dodávateľ farebných kovov, bronzu, medi, mosadze, liatiny a hliníka s najširším sortimentom na Slovensku a v Českej republike. Má moderný areál o rozlohe 14 000 m², ponúka odborné poradenstvo, rezanie materiálu na mieru a export v rámci EÚ už od roku 1995.
Spoločnosť sa po presťahovaní do nových, moderných priestorov v Beluši posunula na novú úroveň. Tieto priestory ponúkajú vylepšenú infraštruktúru a viac priestoru. Vyššia rozloha im umožňuje manipuláciu s veľkým množstvom okamžite dostupných zásob polotovarov farebných kovov a rôznych zliatin. Polotovary dnes tvoria základ mnohých strojárenských projektov po celej Európe. Náš klient vie zabezpečiť to najlepšie, čo trh s farebnými kovmi ponúka. Jeho výhoda pramení zo silných partnerstiev s certifikovanými dodávateľmi po celom svete.
Nová webstránka SERVISMETAL
Požiadavky klienta: Modernizácia webu a nový katalóg
Klient za nami v Lemon Lion prišiel s požiadavkou vytvoriť novú, krajšiu webovú stránku. Obsah bolo potrebné aktualizovať a doplniť o nové služby. Aby sme parafrázovali zadanie: „Mali by sme záujem o novú webovú stránku, keďže naša je v katastrofálnom stave. Zaujalo nás Vaše portfólio.“ Spolu s webovou stránkou potrebovali vytvoriť aj katalóg dostupných polotovarov farebných kovov a ich zliatin.
Analýza: Neresponzívnosť, nedostatky v SEO a nejednotnosť vizuálu
Pri analýze súčasného stavu webu sa ukázalo, že stránka potrebuje vylepšiť v niektorých kľúčových oblastiach. V prvom rade stránka nebola responzívna, čo spolu s inými nedostatkami viedlo k problémom s pozíciami vo vyhľadávaní v Google, kde sa nedokázala presadiť oproti konkurencii. Stránka obsahovala technické názvy rôznych kovov a zliatin, no chýbali akékoľvek informácie, ktoré by klienta odlíšili od iných predajcov farebných kovov. Najmä jeho prístup, hodnoty, filozofia či zaujímavé referencie, ktoré by pomohli návštevníkom lepšie pochopiť možnosti a výhody spoločnosti. Fotografie na webe mali tiež veľký priestor pre vylepšenie, neprispievali k budovaniu dôveryhodnosti. Chýbajúca SEO optimalizácia viedla k tomu, že spoločnosť nemohla plne využiť výhody svojich rozsiahlych služieb, skúseností a konkurenčných výhod.
Digitálny katalóg farebných kovov a ich zliatin priniesol ďalšiu výzvu. Predchádzajúci dizajnér nedodržal vizuálny jazyk stránky, čo spôsobilo, že táto sekcia webu – plná čísiel a tabuliek – pôsobila nejednotne a akoby patrila inej spoločnosti. Preto sme si vyhrnuli rukávy a pustili sa do navrhovania riešení, ako tieto problémy prekonať a zabezpečiť, aby celý web – vrátane digitálneho katalógu – pôsobil konzistentne a profesionálne.
Aj keď tieto problémy zneli vážne, jednalo sa o typické problémy, s ktorými sa pri tvorbe webov stretávame. Vďaka našim skúsenostiam sme ich dokázali rozdeliť na menšie kroky a navrhnúť konkrétne riešenia.
Naša odpoveď bola: „Ďakujeme za prejavenú dôveru. Vaša webová stránka má dobré základy, vďaka čomu vidíme priestor pre niekoľko vylepšení. Tu sú zmeny, ktoré navrhujeme…“
Pôvodný web SERVISMETAL bol funkčný a fungoval veľmi dlhú dobu, no jeho dizajn a obsah už neodrážali súčasné očakávania zákazníkov ani plný potenciál značky.
Navrhnutá stratégia: Komplexné riešenie
V rámci navrhovanej stratégie sme sa zamerali na niekoľko kľúčových oblastí, ktoré mali posunúť webovú prezentáciu klienta na novú úroveň:
Nový obsah: Tvorba kvalitných a optimalizovaných textov
V prvom rade sme navrhli, že klientovi vytvoríme, pre novú webovú stránku, nový obsah. Ponúkli sme služby jednej z našich šikovných copywriteriek. Po 15 rokoch tvorby webových stránok sme sa naučili klásť maximálny dôraz na kvalitu obsahu, či už ide o texty, fotografie alebo video. Vieme, čo efektívna webová stránka potrebuje, aby uspela v tvrdom konkurenčnom prostredí moderného internetu, najmä vo vyhľadávaní Google. Ak rozpočet neumožňuje ideálne riešenie, vieme nájsť aj budgetové možnosti, ktoré umožňujú vo výsledkoch vyhľadávania dosiahnuť stabilnú štartovaciu líniu .
Fotografie: Podpora firemných hodnôt
Obsah sme navrhli doplniť kvalitnými fotografiami, ktoré budú ilustrovať firemné hodnoty: množstvo dostupného materiálu vo veľkom areáli, plus profesionalita. Tieto fotografie pomôžu vytvoriť emocionálne spojenie s návštevníkmi a efektívne prezentovať schopnosti spoločnosti, čím zvýšia dôveryhodnosť a atraktivitu spoločnosti v očiach zákazníkov. Vzhľadom na to, že vďaka textom budeme dostatočne poznať hodnoty klienta, naša copywriterka vytvorí fotografický plán, na základe ktorého bude fotograf tvoriť potrebné fotografie, také, ktoré demonštrujú firemné hodnoty. Najmä sme odporučili sústrediť sa na fotografie tímu pri práci – napríklad pri nakladaní a manipulácii s kovmi. Rozumieme tomu, že na konci dňa kvalita výstupu klienta spočíva v kvalite práce jeho ľudí.
Vizuálny jazyk: Budovanie konzistentného štýlu značky
Klient nemal vytvorenú súpravu pre používanie značky, ktorá by definovala vizuálny jazyk jeho značky. Chýbala farebná paleta, vhodná typografia, štylistické pokyny a iné vizuálne prvky, ktoré by zabezpečili jej konzistentnú prezentáciu. To nám dáva voľnosť vytvoriť tento vizuálny jazyk od základov. Ponúkli sme, že vytvoríme nový vizuálny jazyk značky, ktorý bude možné používať aj v pripravovanom katalógu. Tento vizuálny jazyk bude slúžiť ako základ, v ktorom môže klient neskôr pokračovať pri tvorbe dizajn manuálu pre značku SERVISMETAL.
Pozrite si ukážky značiek, ktoré sme vybudovali: pozrite si ukážky.
Webová stránka: Moderný a responzívny dizajn
S pomocou hotových textov, kvalitných fotografií a moderného vzhľadu sme v ďalšom kroku navrhli tvorbu webovej stránky s moderným responzívnym dizajnom, a na základe požiadavky klienta aj vo viacerých jazykoch. Novú webovú stránku sme vybudovali na systéme WordPress, ktorý má administračné rozhranie, vďaka čomu môže klient vykonávať zmeny v texte aj sám. Na úpravu webu sme použili najpoužívanejší editor Elementor Pro.
Katalóg: Prehľadné a konzistentné zobrazenie dát
Súčasťou stratégie bol aj náš prísľub, že nový vzhľad zapracujeme do obsiahleho katalógu. Taktiež sme navrhli, že sa pozrieme na samotné tabuľky, ktorých je veľké množstvo. Tabuľky sme navrhli vylepšiť a urobiť prehľadnejšie, aby sa stali jednoduchšími na pochopenie.
PPC kampaň: Zvýšenie viditeľnosti a dosah na zákazníkov
Klientovi sme navrhli nový web, po jeho dokončení, propagovať internetovou PPC kampaňou v Google. PPC (pay-per-click) kampaň znamená, že inzerent platí iba vtedy, keď niekto klikne na reklamu. Pre SERVISMETAL by takáto kampaň mohla pomôcť zvýšiť viditeľnosť ich novej webovej stránky, zacieliť na relevantných zákazníkov hľadajúcich riešenia v oblasti kovospracovania a tým rýchlejšie generovať nové obchodné príležitosti. Tento typ kampane zabezpečí, že sa nový web dostane rýchlejšie pred oči potenciálnych zákazníkov, čo povedie k zvýšeniu návštevnosti a lepšiemu povedomiu o značke. Výhodou PPC kampane je možnosť cielenia na špecifické kľúčové slová a presná kontrola nad rozpočtom, čo klientovi umožní efektívne využitie investícií.
Výsledok našej spolupráce: Perfektný web, vizuálna identita a prehľadný katalóg
Klientovi sa náš prístup páčil, a preto sme sa pustili do práce. Výsledkom snaženia boli ako prvé nové texty pre web. Na textoch pracovala copywriterka spolu s klientkou. SEO odborník poskytol vstupy, ktoré pomohli optimalizovať obsah. Náš overený postup zahŕňa vytvorenie kompletného zrkadla webu v textovej podobe, pri ktorom napíšeme obsah pre každú podstránku. Navrhneme výstižné a účinné meta title a meta description a zorganizujeme správne rozdelenie podstránok, aby dosiahli maximálne SEO zacielenie, vrátane konkrétnych kľúčových slov a stratégií optimalizácie obsahu. Okrem toho sme definovali hodnoty, ktoré odlišujú SERVISMETAL od iných predajcov. Tieto hodnoty sme zapracovali do textov spolu s prepísanou históriou spoločnosti, zákazníckou filozofiou, pracovným postupom a ďalšími dôležitými informáciami.
U klienta sme zorganizovali niekoľkodňové fotografovanie, na ktoré sme išli pripravení s fotografickým plánom od našej copywriterky, ktorý vychádzal z hodnôt spísaných v novom obsahu. Vďaka tomu bol náš fotograf veľmi dobre pripravený, čo sa odrazilo na výsledných fotografiách, ktoré výborne zachytávajú atmosféru a hodnoty klienta.
Počas práce na nových textoch, po vytvorení nových fotografií farebných kovov, zliatin, materiálov, areálu a personálu sme sa pustili do zjednotenia vizuálneho jazyka značky. Novú vizuálnu identitu značky SERVISMETAL tvoria tieto prvky: klientove logo, jednotná zelená farba s jej odtieňmi, písma Ingra ExtraBold a Oxanium, profesionálne fotografie s farebným odtieňom, veľký oblý roh ako dizajnový prvok a šedá oddeľovacia čiara.
Klientove logo, prvý prvok vizuálnej identity, nebolo doteraz používané konzistentne, čo nám dalo priestor vytvoriť jeho finálnu verziu s podobným písmom, a aplikovali sme ho ako základný kameň nového vizuálneho jazyka značky. Písmo sa volá Ingra a je to Google font, čo prináša výhodu jednoduchej dostupnosti a bezproblémového používania v digitálnych i tlačených materiáloch.
Klientovej farebnej palete dominuje zelená, ktorá bola používaná v rôznych odtieňoch naprieč materiálmi. Tieto odtiene sme zjednotili a strategicky využívame niekoľko monochromatických odtieňov zelenej. Zelená je aplikovaná aj na texty, kde spolu so strednou šedou dopĺňa paletu – každá v dvoch odtieňoch. Tieto odtiene boli potrebné pre riešenie problému vizuálnej integrity pri použití tenších nápisov, kde sme museli použiť tmavšiu zelenú a pri šedej svetlejší odtieň oproti čiernej, ktorá bola použitá iba na texty tela.
Ďalší prvok vizuálnej identity je použitie písiem Ingra ExtraBold pre nadpisy a Oxanium vo viacerých rezoch. Písmo Ingra bolo navrhnuté Erminom Međedovićom z Lettermin, ktorý má 25 rokov skúseností ako grafický dizajnér a v súčasnosti pôsobí ako dizajnérsky riaditeľ pre slovinskú vydavateľskú spoločnosť Delo. Oxanium je font z produkcie Google Fonts, ktorý vznikol v spolupráci s dizajnérmi z celého sveta. Google Fonts ponúka písma dostupné zadarmo, čo robí kvalitnú typografiu dostupnou pre každého. Výhodou týchto písiem je široká dostupnosť a bezplatné použitie na rôznych platformách. Výber správnych písiem nám umožnil používať rovnaké typografie naprieč všetkými médiami – či už ide o digitálne obrazovky alebo tlačené materiály.
Štvrtým prvkom novej vizuálnej identity sú profesionálne fotografie, ktoré sú prekryté farebným gradientom – silnejším hore a postupne priehľadnejším smerom nadol. Každej fotografii tak dávame špecifické zelené zafarbenie, a vhodnou prácou s priehľadnosťou vytvárame dostatočný kontrast, čo nám umožňuje umiestňovať veľké dominantné titulné nápisy priamo na fotografie. Tento efekt je najviditeľnejší v hero sekcii na webe, kde fotografie efektívne podporujú komunikáciu firemných hodnôt.
Piatym prvkom je umiestňovanie veľkého oblého rohu, ktorý sa nachádza na rôznych miestach – napríklad v hero sekcii webu vpravo dole alebo v katalógu. Tento oblý roh je dominantným prvkom, ktorý umožňuje jednoznačné identifikovanie vizuálnej identity značky nášho klienta. Oblé rohy sú použité aj na tlačidlách, ale pri textových boxoch sú ponechané ostré hrany, čo prináša do výsledného dizajnu príjemné vizuálne napätie. Strategicky umiestnený oblý roh je aj vpravo dole na tlačidle call-to-action, zatiaľ čo v katalógu má každá sekcia jednotný začiatok s oblou hranou v rovnakej polohe ako úvodná sekcia na webe – no na rozdiel od webu sa zakončuje opačne smerovanou oblou hranou.
Šiestym prvkom vizuálnej identity je pridanie tenkej oddeľovacej čiary, ktorú sme navrhli ako riešenie pre komunikáciu hierarchie informácií bez pridávania ďalšieho výrazného vizuálneho prvku.
Všetky vizuálne prvky sme spojili do jedného estetického celku a vytvorili tak návrh grafiky nového webu. Pre tento účel sme použili veľmi populárny webový editor Figma. Klientovi sme poslali jednoduchý mockup webu, vďaka ktorému si vedel predstaviť výsledný web. Pozrite si interaktívny návrh webu vo figme.
V čase tvorby grafického návrhu pre web sme použili fotografie z fotobanky Shutterstock, aby sme efektívne ilustrovali požadovanú estetiku a dôležitosť výberu správnych fotografií.
Pri novom katalógu pre SERVISMETAL sme využili dobre premyslenú vizuálnu identitu. Začiatky sekcií pripomínajú hero sekcie podľa novej webovej stránky a dominujú v nich autentické fotografie so zeleným farebným tónom, ktoré spolu s novým logom a farebnou paletou vytvárajú jednotný vzhľad. Najviac sme sa sústredili na dizajn tabuliek, ktorý bol dôležitou súčasťou viac než 60 katalógových strán.
Pri dizajne tabuliek sme hľadali optimálny dizajn, ktorý by umožnil ľahké a plynulé sledovanie obsahu očami. Použili sme preto rôzne rezy písiem a variovali vizuálny charakter riadkov a stĺpcov. Dôležitým vylepšením oproti predchádzajúcim materiálom bola výmena ikon označujúcich dostupnosť. V našom návrhu ‚fajka‘ (check-mark) označuje skladom a ‚hodiny‘ znamenajú dostupné na dopyt. Pridali sme aj vlastné ilustrácie tvarov a rozmerov materiálov v podobe ikon, ktoré sme následne zapracovali aj na webovej stránke.
Po odsúhlasení grafiky nového webu už nič nestálo v ceste vytvoreniu moderného viacjazyčného webu. Výsledok si môžete pozrieť na webe. Katalóg sme vo finále rozdelili na jeho jednotlivé sekcie a prelinkovali ich ako súbor na stiahnutie do náležitých sekcií webu. Ukážku si môžete pozrieť, napríklad v tomto odkaze: Bronz – Fosforový bronz (CuSn8, CuSn6).
Spätná väzba: ,,Vedela som, že sme sa zverili do dobrých rúk a výsledok bude presne podľa našich predstáv. Už pri prvom kontakte na mňa zapôsobilo Vaše profesionálne vystupovanie a zjavný odborný prístup. Počas celej spolupráce sa potvrdilo, že Vašimi hlavnými prednosťami sú profesionalita, kvalita a ústretovosť. S výsledkom sme nadmieru spokojní.”
— Ivana Bartošová, SERVISMETAL
Autor textu Martin Faktor
Fotografovanie Matej Pobežal, Júlia Brindzová
Dronové zábery Matej Pobežal
Video Martin Faktor, Matej Pobežal, Júlia Brindzová
Grafický dizajn webu Martin Faktor
WordPress Matej Pobežal
Copywriting Michaela Galambošová
Agentúra Lemon Lion, SK