Letos v létě bylo v našem týmu horko. Jedním ze zajímavých projektů, o kterém bych chtěl mluvit, byl produktový web pro uhlíková kola, ve kterém jsme udělali maximum s cool animací.
Kolik toho bylo napsáno o tom, co je šikovný nástroj Tilda a jak pomáhá snižovat náklady na vývoj webových stránek. Při spolupráci se společností Tilda již více než dva roky toho náš tým viděl hodně a mohu s jistotou říci, že znalost kódu a způsobu přizpůsobení tohoto nástroje může přinést opravdu zajímavé výsledky, i když se někdy musíte hodně zapotit.
V dalším V případě jsme se pokusili vytlačit maximum z vlnovky, pro kterou jsme pro testování museli použít malý kód a mnoho různých obrazovek.
O projektu
Syre je malý tým shromážděný z celého Ruska a vášnivý jednomu nápadu – vytvořit dokonale vyvážená kola založená na zkušenostech z minulosti, která dnes uvedou kolo budoucnosti do života.
Kromě webových stránek náš tým připravil strategii vstupu na mezinárodní trh a propagaci. Ukázalo se, že dokument měl 46 stránek, obsahuje také skvělou kreativitu: na propagaci kol v předprodeji připravují kluci exkluzivní zboží. Propagace bude z velké části spojena s ovlivňujícími v tomto odvětví, ale o tom si povíme více v následujících článcích.
Stránka by měla vytvářet efekt wow a podrobně informovat o jedinečných vlastnostech motocyklu, protože jsou hlavním rysem a klíčovým argumentem pro nákup.
Čipy, mimochodem, nejsou vůbec zřejmé pro osobu, která má daleko od jízdy na kole. Museli jsme se ponořit dostatečně hluboko, uspořádat několik živých setkání v Moskvě a naučit se doslova všechno o kolech. Naštěstí se zákazníkem, kluci ochotně sdíleli informace a mohli mluvit o svém koníčku celé hodiny.
Například na tento model se vejde široká škála pneumatik, což bylo pro klasická kola významným omezením. Oh, nechal se unést produktem, zpět na samotné stránky.
Problém a úkol
Naším úkolem je pomoci mladé společnosti „vyjít“, prosadit se na trhu a vytvořit základnu věrných zákazníků v zahraničí.
< p>Abychom tuto myšlenku mohli implementovat, musíme dokončit dva kroky: vytvořit web a vytvořit strategii propagace marketingu a poté pomoci zahájit kampaně. V tomto případě budeme hovořit o procesu vývoje webové stránky a obtížích, které v tomto procesu vznikly.
Inženýrství a design
Všichni jsme chtěli vytvořit něco originálního. Před finální verzí jsme navrhli asi pět konceptů, které neprošly výběrem jako příliš originální nebo jednoduchý. Existovaly dokonce i takové možnosti, inspirované dílem mimořádného designéra Davida Carsona:
Poslední možností byl současný koncept, který, jak se nám zdálo, nenudil skvělými animacemi, přičemž se během posouvání stále soustředil na funkce produktu.
Obsah
Velkou pomocí při práci se staly vynikající studiové fotografie produktu. Případ, kdy bylo s čím pracovat a zákazník k tomu přistoupil s velkou láskou.
Proces vývoje
< iframe width = "560" height = "315" src = "https://leonardo.osnova.io/d2cecd07-31de-5b24-90f5-58fb2ffedd88/-/format/mp4/" frameborder = "0" allowfullscreen>
Mimochodem, zákazník ve skutečnosti namaloval 15 plechovek Coca Coly v různých barvách, aby ukázal, jak bude barva vypadat živě a nebude používat omítky. A kreativní názvy barev, jako je Pink Pig a Bahama Yellow, pobavily zvlášť.
Dimenzionální mřížka
Implementace těchto položek přidává na výhodě vlnovky plus. Dokonce i jednoduchý blok s rozměry byl zajímavější díky animaci spouště zabudované do konstruktoru. Celkově musíte pro každý stát připravit 15 různých obrázků.
Konfigurátor
Třešničkou na dortu pro přizpůsobení vlnovky je vytvoření konfigurátoru nákupu, který vám umožní vybrat barvu, zobrazit ji na obrázku a odeslat tato data do vozík. Ve výchozím nastavení vlnovka umožňuje vybrat pouze konfiguraci, ale výběr nijak neovlivní obrázek v bloku.
Šťavnaté fotografie a spousta animací stránky výrazně naložily, částečně je problém vyřešen preloaderem a vestavěnou optimalizací tildových obrázků, která funguje překvapivě dobře. Možná s dalším testováním najdeme způsoby, jak nahrávání ještě urychlit.
Shrnutí
Stránka je téměř připravena zahájit reklamní kampaň, zbývá propojit platební systém a pracovat na textech. Strávili jsme více než měsíc skutečné práce na tomto projektu, protože testy a práce na chybách trvaly hodně času. Obecně lze takový web postavit za dva týdny, což se pokusíme udělat na budoucích projektech.
Konečný verdikt o práci s vlnovkou určitě bude fungovat. Většinu nedokonalostí lze snadno dokončit pomocí kódu a přímých rukou. Čas a vynaložené prostředky jsou však znatelně menší než při vytváření takového webu napsaného sami.
Pokud chcete vytvoření webu delegovat na zkušený tým, rádi vám pomůžeme a začneme spolupráce s bezplatnou konzultací, kde budeme analyzovat strategii a fázové práce. Zanechte požadavek na webových stránkách týmu Skvortsov – zavoláme vám a probereme ho.
Pokud se vám případ líbil nebo vám připadal užitečný, doporučujeme přečíst si naše další užitečné materiály. Níže jsou uvedeny hlavní články našeho týmu za poslední rok:
Marketing pro startupy: Průvodce od spuštění … Dobře navržená marketingová strategie je nezbytným prvkem pro začátek … vc.ru 
Trychtýř prodeje ve FB Ads Manager: jako firma … My ve Skvortsově jsme pro vás připravili návod k používání trychtýře prodeje s reklamou … vc.ru 
Dvakrát tolik klientů: algoritmy … Dmitry Skvortsov, zakladatel společnosti na podporu podnikání Skvortsov, hovoří o balíčcích … vc.ru 
Případ: prodali jsme tři domy v celkové hodnotě 10,2 … Ahoj všichni, tady je Skvortsov. Dnes si promluvíme o tom, jak jsme propagovali prostřednictvím cílené … vc.ru 
Jak vytvořit obsah na sociálních sítích … Podrobné pokyny pro podnikatele a specialisty SMM. S příklady. vc.ru
