Identita a pravidlá značky
Spoločný vizuálny základ pre celý rebranding.
800 €
bez DPH
- Logo, symbol a svetlé, tmavé aj jednofarebné varianty
- Farebná paleta a typografická hierarchia Barlow
- Brand manuál a pravidlá používania identity
Vlastný projekt · servis-repas.sk
servis-repas.sk — nová identita pre zavedený e‑shop.
Náš vlastný e-shop servis-repas.sk funguje dlhé roky. Jeho modernizácia priniesla sviežu identitu a jednotný vzhľad — od loga a produktovej grafiky po články, návody a zákaznícke materiály. Súčasťou práce bolo využitie AI pri rebrandingu a tvorbe infografík.
01 — Zadanie
Nová podoba značky s históriou.
servis-repas.sk je vlastný projekt spoločnosti Digital Coach s. r. o. Dlhoročnú prevádzku a skúsenosti s predajom softvéru sme chceli spojiť so sviežou vizuálnou identitou a súčasným spracovaním webu. Pôvodné materiály používali rôznorodé obrázky bez spoločnej témy.
Cieľom bolo modernizovať značku, zjednotiť jej komunikáciu a vytvoriť podklady na ďalší rozvoj s využitím nových technológií a AI. Zmena preto zahŕňala produktové stránky, blog, návody aj zákaznícke materiály.
Obchod získal tri po sebe nasledujúce víťazstvá v súťaži ShopRoku v kategórii Cena kvality – Software za roky 2022, 2023 a 2024. V rokoch 2021 a 2025 obsadil druhé miesto. Ocenenia patria k histórii obchodu; nehodnotia výsledok tejto modernizácie.
02 — Identita
Logo a jeho varianty.
Pre servis-repas.sk sme vytvorili novú vizuálnu identitu. Základom je obnovovacia šípka v zaoblenom ráme: symbol servisu, obnovy a druhého života techniky. V plnom logu ho dopĺňa názov značky s tyrkysovou koncovkou .SK.
Logo má svetlý aj tmavý variant. Samostatný symbol funguje ako ikona a jednofarebné verzie zachovávajú jeho tvar aj bez farebného akcentu. Voľný priestor okolo loga zodpovedá polovici výšky symbolu; logo sa používa bez deformácie a pridaných tieňov.
03 — Farby
Paleta značky.
Tyrkysová odlišuje servis-repas.sk od značiek predávaného softvéru. Tmavá Ink Navy jej dáva kontrast, svetlá Cloud priestor a Slate pokojnejší tón textu. Symbol používa prechod z tyrkysovej do Teal Deep.
Základná paleta zostáva rovnaká v logu, na webe aj v komunikácii partnerských programov. Produktové kategórie ju dopĺňajú vlastnými akcentmi, aby sa zákazník vedel rýchlo zorientovať v ponuke.
04 — Typografia
Jedna rodina písma: Barlow.
Branding servis-repas.sk pracuje s písmom Barlow. Najvýraznejší rez 900 patrí logu a veľkým nadpisom, rezy 700–800 nadpisom a 400–500 bežnému textu a ovládacím prvkom. Hierarchiu vytvára rozdiel v hrúbke, veľkosti a priestore.
Text v samotnom logu je prevedený na krivky, takže jeho podobu neovplyvní dostupnosť fontu. Ukážky nižšie zobrazujú skutočné rezy Barlow Black a Regular.
Jedna značka.
Jednotný štýl.
Od prvého kliknutia po nákup.
Farby, písmo a grafika, ktoré držia spolu.
05 — Produktová grafika
Covery a bannery v jednom štýle.
Rozsiahlu ponuku spája tmavé pozadie, výrazné písmo a pevné poradie informácií. Značka, produktová línia a edícia majú svoje miesto. Modrý akcent rozlišuje operačné systémy, oranžový kancelárske aplikácie a zelený bezpečnostné nástroje.
Covery používajú pomer strán 2 : 3. Do širokých bannerov sa prenášajú rovnaké farby, typografia a produktové vizuály. Obrázky produktov nižšie vedú priamo do e-shopu servis-repas.sk.
06 — Webová komunikácia
Jedna značka, rôzne formáty.
Bočné bannery predstavujú partnerský program pre predajcov a IT firmy a ponuku pre školy a inštitúcie. Svetlý podklad odlišuje tieto menšie formáty od tmavých produktových coverov; tyrkysová a písmo ich stále spájajú s identitou značky.
Novú vizuálnu prezentáciu sme zapracovali do existujúceho e-shopu na Shoptete. Na domovskej stránke sa striedajú svetlé a tmavé panely s vlastnými ilustráciami. Sadu dopĺňajú tyrkysové ikony výhod a farebné ikony produktových kategórií.
07 — Články a návody
Jednotný vzhľad aj po nákupe.
Rebranding sme preniesli aj do blogu, návodov a materiálov zákazníckej zóny. Náhľadové obrázky a infografiky nadväzujú na novú identitu farbami, typografiou a spôsobom ilustrácie. Zákazník sa tak s rovnakou značkou stretáva pri výbere produktu aj pri hľadaní pomoci.
Pre články sme vytvorili vlastné CSS spracovanie: rýchle zhrnutia, navigáciu v obsahu, informačné bloky, porovnávacie tabuľky a rozbaľovacie otázky. Konkrétnou ukážkou je porovnanie edícií Windows Server Standard, Datacenter a Essentials s obsahom článku, štyrmi tabuľkami, FAQ a odkazmi na zdroje Microsoftu.
08 — Práca s AI
Vlastný postup tvorby obsahu.
AI sme používali pri tvorbe infografík a rebrandingu. Vlastný postup prípravy článkov prepája štruktúru textu, vizuálne spracovanie a prácu so zdrojmi. Cieľom je čitateľný obsah pripravený s ohľadom na SEO, GEO a viditeľnosť v odpovediach AI.
Články pracujú s priamymi odpoveďami, tematickými sekciami, praktickými porovnaniami a súvisiacimi návodmi. Spoločné pravidlá umožňujú pokračovať v tvorbe bez toho, aby každý ďalší materiál dostal iný vzhľad.
09 — Výsledok
Systém pripravený na rast.
Výsledkom je nová identita zavedeného e-shopu servis-repas.sk a spoločné pravidlá pre jeho grafiku a obsah. Modernizácia prepája produktové stránky, kategórie, partnerské programy, články a zákaznícke návody.
Súčasťou realizácie sú produktové covery, hlavné aj kategóriové bannery, webové ilustrácie, infografiky a ikony. Pripravili sme aj editovateľné grafické šablóny na ďalšie použitie. Sedem kontaktných hárkov slúži na kontrolu produktovej série. Zdrojové šablóny a generátor umožňujú dopĺňať ďalšie produkty podľa rovnakých pravidiel bez navrhovania každého obrázka odznova.
Nižšie uvedené počty zachytávajú rozsah pripravených výstupov. Táto štúdia nevyhodnocuje rast predaja, organickej návštevnosti ani citácií v odpovediach AI; tie treba posudzovať samostatným meraním.
- Produktových coverov
- 335
- Náhľadov článkov a návodov
- 36
- Bannerových formátov
- 39
- Odlišných ikon
- 30
- Infografík a kariet
- 28
- Grafických šablón
- 67
Počty vychádzajú zo zdokumentovanej sady pripravených výstupov. Rovnaký náhľad použitý aj pri zdieľaní počítame iba raz. Grafické šablóny sú editovateľné podklady a nesčítavajú sa s hotovými výstupmi.
10 — Rozsah realizácie
Čo zahŕňala práca na projekte.
Modernizácia vlastného projektu servis-repas.sk zahŕňala šesť nadväzujúcich oblastí. Prehľad oddeľuje návrh spoločného systému, prípravu jednotlivých výstupov a ich zapracovanie do existujúceho e-shopu.
Modernizácia e-shopu
Zapracovanie novej identity do fungujúceho Shoptetu.
1 200 €
bez DPH
- Úpravy vzhľadu a obsahu existujúceho e-shopu
- Domovská stránka, kategórie a partnerská komunikácia
- Zjednotenie zákazníckych a podporných materiálov
Produktová grafika
Opakovateľný systém pre rozsiahly produktový katalóg.
700 €
bez DPH
335 · Produktových coverov
- Spoločná kompozícia a farebné rozlíšenie produktových skupín
- Generátor a dávkové spracovanie namiesto samostatného návrhu každého coveru
- Kontaktné hárky na kontrolu výslednej série
Bannery, infografiky a ikony
Vizuálne materiály pre predaj, vysvetlenie ponuky a navigáciu.
900 €
bez DPH
39 · Bannerových formátov
28 · Infografík a kariet
30 · Odlišných ikon
- Hlavné, kategóriové, partnerské a sociálne formáty
- Informačné panely a kategóriové karty
- Jednotná ikonová sada a tvorba infografík s podporou AI
Články a zákaznícke návody
Rovnaká identita pri čítaní článkov aj hľadaní pomoci.
650 €
bez DPH
36 · Náhľadov článkov a návodov
- Jednotné náhľady článkov a návodov
- Vlastný vzhľad zhrnutí, obsahu, tabuliek a FAQ
- Prepojenie článkov, návodov a zdrojov
Postup tvorby a zdrojové podklady
Pravidlá a editovateľné zdroje pre ďalší rozvoj vlastného projektu.
340 €
bez DPH
67 · Grafických šablón
- Postup prípravy obsahu s ohľadom na SEO, GEO a AI viditeľnosť
- Pravidlá nadväznosti nových materiálov na značku
- Editovateľné grafické šablóny a podklady na opakované použitie
Grafické šablóny sú súčasťou prípravy výstupov, nie ďalšou sadou hotovej grafiky. AI sme využívali pri realizácii; samostatné nastavenie agenta pre zákazníka do tohto projektu nezahŕňame.
Celkové ocenenie vykonanej práce
4 590 €
bez DPH
Dohodnuté ocenenie vykonanej práce na vlastnom projekte servis-repas.sk. Súčet zahŕňa všetkých šesť uvedených oblastí. Predplatné Shoptetu, platené doplnky a priebežná prevádzka nástrojov sa do ocenenia práce nezapočítavajú.
Potrebujete poradiť?
Často kladené otázky
Čo zahŕňala modernizácia e-shopu?
servis-repas.sk je náš vlastný, dlhoročne fungujúci e-shop na Shoptete. Modernizácia zahŕňala novú identitu, produktové covery, bannery, infografiky a ikony, ale aj vzhľad článkov, návodov a materiálov zákazníckej zóny. Cieľom bolo svieže a jednotné spracovanie značky naprieč webom.
Čo sa pri tomto rebrandingu zmenilo?
Vzniklo nové logo s obnovovacou šípkou, farebná paleta a pravidlá používania písma Barlow. Rôznorodé obrázky bez spoločnej témy nahradili materiály s jednotnými pravidlami. Na identitu nadviazala produktová grafika, partnerské programy aj náhľady článkov a návodov.
Ako sme pri realizácii využili AI?
AI sme používali pri rebrandingu a tvorbe infografík. Vytvorili sme aj vlastný postup prípravy článkov a ich CSS vzhľad s ohľadom na SEO, GEO a AI viditeľnosť. Štúdia ukazuje vykonanú prácu; neuvádza nameraný nárast návštevnosti, predaja ani citácií v odpovediach AI.
Prečo má logo svetlý, tmavý aj jednofarebný variant?
Jedno farebné logo nemusí zostať čitateľné na každom podklade. Svetlý a tmavý variant upravujú farbu názvu podľa pozadia, jednofarebné verzie umožňujú použitie bez farebného akcentu. Samostatný symbol slúži tam, kde sa celý názov nezmestí, napríklad v malej webovej ikone.
Ako spolu fungujú farby a písmo značky?
Tyrkysová je rozpoznávací akcent, Ink Navy tvorí tmavý základ a svetlé neutrálne farby nechávajú vyniknúť obsah. Barlow spája logo, nadpisy a bežný text; ich úlohy rozlišujú rezy písma. Produktové kategórie pridávajú modrý, oranžový alebo zelený akcent bez zmeny základnej identity predajcu.
Čo obsahuje brand manuál tejto identity?
Zachytáva varianty loga, presné farby, písmo a jeho rezy, ochranný priestor, minimálne veľkosti aj nevhodné použitia. Určuje napríklad, že sa logo nedeformuje, nemení sa jeho písmo a nepridávajú sa mu tiene. Je to podklad, podľa ktorého môžu ďalšie výstupy pripravovať aj iní tvorcovia.
Čo zostalo pripravené na ďalší rozvoj projektu?
K dispozícii zostali pravidlá identity, editovateľné grafické šablóny, generátor produktových coverov a vlastný postup prípravy článkov. Umožňujú pokračovať v rovnakom vizuálnom štýle. Využitie AI počas realizácie neznamená, že súčasťou projektu bolo aj samostatné nastavenie zákazníkovho AI agenta.