Přeskočit na obsah
Weave Labs
← Všechny reference

Průmyslová automatizace · B2B

NOVY machines

Firmě bez online přítomnosti jsme postavili web ve třech jazycích.

Podívat se na web →Vizuální identita + web (3 jazyky)

Časová osa

4 týdny

Rozsah

6 stránek · CS/EN/DE

Tech stack

Next.js · React 19 · Tailwind

Web NOVY machines na notebooku
Web NOVY machines na telefonu
Web NOVY machines na notebooku a telefonu

Odkud jsme začínali

Firma bez jediné stopy online.

  • Strojírenská firma stavějící jednoúčelové stroje a robotizovaná pracoviště. Nulová online přítomnost.
  • Logo existovalo, ale chyběla celá vizuální identita a jakákoli webová prezentace.
  • Zákazníci i partneři přicházeli jen přes přímý kontakt. Bez webu firma mizela mimo svou síť.

Než jsme začali tvořit

Trh chtěl otevřenost, ne uzavřený systém.

Než jsme kreslili první obrazovku, prošli jsme trh, konkurenci a to, jak ve strojírenství reálně padá rozhodnutí o dodavateli. Web pak nestojí na dojmu, ale na těchto zjištěních.

  1. Zjištění

    Pozicovací mapa konkurentů (specializace × modernost prezentace) ukázala prázdný kvadrant: nikdo nespojoval úzké inženýrské know-how s prémiovou moderní prezentací. Ostatní weby byly generické, světlé a katalogové.

    Naše rozhodnutí

    Postavit značku přesně do toho volného místa. Prémiový tmavý web s červeným akcentem (přirozené rozšíření loga), který firmu vytrhne z modro-bílé konkurence a odliší od cenové války obecných integrátorů.

  2. Zjištění

    Nejsilnější frustrace výrobních firem v oboru je vendor lock-in: dodavatelé uzamykají zdrojové kódy PLC a dokumentaci, takže i drobná změna stojí neúměrné peníze. Žádný z konkurentů férovost v tomhle explicitně nekomunikoval.

    Naše rozhodnutí

    Udělat z otevřenosti hlavní diferenciátor webu. Předání zdrojových kódů a kompletní dokumentace jako standard, ne příplatek. Přímá odpověď na obavu, kterou konkurence nemá jak levně dorovnat.

  3. Zjištění

    Průzkum nákupního chování odhalil, že i u nadnárodních firem se reálné rozhodnutí o dodavateli rodí u lokálního technického managementu (technolog, výrobní ředitel), ne u formálního nákupu v centrále.

    Naše rozhodnutí

    Strukturu i jazyk webu psát pro technologa a ředitele výroby, ne pro formální nákup. Konkrétní obory, parametry a lokální blízkost místo obecného korporátního marketingu.

  4. Zjištění

    Trh je exportní a vícejazyčný. Zákazníci i partneři jsou z Česka, ale i ze zahraničních struktur, které komunikují anglicky a německy.

    Naše rozhodnutí

    Web od začátku ve třech jazycích (CS/EN/DE) s vykáním a přesnou technickou terminologií v každém z nich, ne strojově přeložený. Firma tak může oslovit trh za hranicemi bez druhého webu.

  5. Zjištění

    Konkurence prezentuje reference jen jako loga zákazníků nebo typ stroje. Nikdo neukazuje technickou případovou studii s konkrétním problémem a měřitelným výsledkem, přestože právě to rozhoduje u technicky zaměřených zákazníků.

    Naše rozhodnutí

    Reference stavět jako anonymizované technické případovky: fyzikální zadání, řešení a měřitelný přínos (takt, kontrola, dostupnost), ne jméno zákazníka. Respektuje to NDA a zároveň obsazuje pozici, kterou nikdo jiný nedrží.

Naše práce

Co jsme udělali.

Vizuální identita

Z existujícího loga jsme vystavěli kompletní vizuální identitu: barvy, typografii, styl fotek a technických vizuálů, které odpovídají preciznímu oboru automatizace.

Web ve třech jazycích

Web v češtině, angličtině a němčině. Struktura postavená na reálné cílové skupině z průzkumu, s důrazem na konkrétní obory (kamerová kontrola optiky, automatizace v prostředí s nebezpečím výbuchu).

Připraveno pro marketing

Web má měřicí vrstvu, SEO strukturu a datovou přípravu pro budoucí kampaně. Od začátku stavěný na výkon, ne jen na vzhled.

Na mobilu

Většina lidí web otevře v telefonu.

B2B nákupčí i technolog dnes prochází dodavatele na mobilu stejně často jako na desktopu, často mimo kancelář na provozu. Mobilní verze proto dostala vlastní hierarchii informací a rychlé načtení i na horším signálu.

Otevřít web naživo →
Web NOVY machines na telefonu

Ukázky z tvorby

Co konkrétně dostali. Značka není jen web. Je to logo, barvy, písmo a vizuální svět, který drží pohromadě.

Logo NOVY machines
Výchozí bod

Logo firma už měla, to jsme nedělali. Vzali jsme z něj dvě věci, laser červenou a čtverec nad písmenem O, a postavili z nich celou vizuální identitu.

#0B0B0FCarbon
#15171CSteel
#01003ADeep Navy
#ED1C24Laser Red
#F4F6F8Silver
Vizuální identita

Tmavý základ odlišuje NOVY od modro-bílé konkurence. Červená jen v akcentech, max šest procent plochy, jinak ztratí sílu.

Precizní industriál

Space Grotesk + JetBrains Mono + Plus Jakarta Sans

Typografie

Geometrický grotesk pro nadpisy, monospace pro čísla a parametry, čitelný bezpatkový font pro běžný text. Web má působit jako precizní přístroj, ne marketingový katalog.

Náhled webu NOVY machines
Web

Hotový web ve třech jazycích. Struktura postavená na reálné cílové skupině z průzkumu, od začátku stavěná na výkon.

Výsledek

Předtím

Žádný web, jen přímý kontakt

Potom

Trojjazyčná prezentace připravená oslovit trh za hranicemi

Naše role

Strategie

  • Positioningová analýza konkurence
  • B2B buying-center research (technolog/ředitel/nákup)
  • Vícejazyčná content strategie CS/EN/DE

Design

  • Vizuální identita z existujícího loga
  • Design systém "Precizní industriál"
  • Case study formát pro reference

Vývoj

  • Next.js web ve 3 jazycích
  • Měřicí vrstva a SEO struktura
  • Responzivní implementace

Chceš web jako tenhle?

Popiš svůj projekt. Ozvu se do 24 hodin a řekneme si, jestli dává smysl.

Chci nezávaznou nabídku