Web P1 Championship: jak jsme za měsíc poskytli plnohodnotnou službu téměř bez programování

Pozice Oneum (nebo P1) je soutěž designového studia. Účastníci si platí místo v šampionátu a řeší problémy velkých společností. Výsledky hodnotí členové poroty a podle výsledků šampionátu jsou identifikována přední studia v různých průmyslových odvětvích.

Spoluautorkou projektu byla zakladatelka našeho studia Misha Rozov. První šampionát se konal v roce 2020 a druhá sezóna byla zahájena v roce 2021. Anton Shakirov, vedoucí Method Zero, řekl, jak jsme vytvořili web pro P1 a uspořádali soutěž na platformách bez kódu.

Úkol: vytvořit službu pro mistrovství

Prostřednictvím webových stránek jsme museli divákům povědět o projektu: vysvětlit, co je mistrovství případů a jak budou týmy těžit z účasti. Bylo nutné nejen přilákat studia, ale také vytvořit pro soutěž plnohodnotnou službu. Naši designéři vyřešili několik problémů s produktem :

  • umožnit účastníkům vybrat si odvětví a zaplatit za místo v šampionátu;
  • nechte je nahrát hotové dílo;
  • uspořádejte hlasování poroty;
  • automatizujte zpracování výsledků a jejich nahrání na web.

Vývoj vlastního webu s takovými funkcemi by trval příliš dlouho, proto jsme se okamžitě rozhodli použít nástroje bez kódu.

V první sezóně trvalo týmu celkem 170 hodin, než vyvinuli celou servisní část a staveniště. Ve druhé sezóně to trvalo 180 hodin vývoje, během nichž jsme během fáze prodeje čtyřikrát přepracovali domovskou stránku.

Vlastní web s podobnými funkcemi by trval přibližně 800 hodin. To znamená. nebudeme schopni rychle provádět úpravy a technologie bez kódu nám to umožní za pár minut.

Naše řešení

Web byl postaven na Webflow, pokročilé platformě bez kódu. Implementuje adaptivní bez selhání: na webu i na smartphonu bude vše zobrazeno přesně tak, jak to designér zamýšlel. A co je nejdůležitější, je vhodné přidat do Webflow další funkce pomocí kódu nebo integrace dalších nástrojů bez kódu. Tyto funkce přizpůsobení jsme aktivně využili při vývoji služby pro P1.

Prodej sedadel

Před nákupem si uživatel vybere jedno nebo dvě průmyslová odvětví k účasti – tuto možnost jsme zaregistrovali pomocí vlastního kódu.

K provedení platby jsme použili platební systém Cloudpayments. Funguje to prostřednictvím vlastního pluginu: na stránku je vložen platební widget.

Vyhodnotit práci

Šampionát se konal souběžně v několika průmyslových odvětvích: v první sezóně jich bylo 12 a ve druhé 7. V rámci každého odvětví soutěžilo až 6 týmů, které poslaly prezentaci s výsledky své práce a doprovodné video. Jejich projekty hodnotilo 3–5 členů poroty. Současně existuje asi 20 kritérií, podle nichž se týmům udělují body.

Bylo nutné automatizovat postup tak, aby každý člen poroty obdržel pouze práci ve svém oboru, neviděl jména studií a hodnocení kolegů. Z tohoto důvodu jsme sestavili samostatnou aplikaci na platformě GlideApps bez kódu. Každý člen poroty se mohl přihlásit ke svému účtu, prohlédnout si potřebná díla, zapsat body a přidat komentáře.

Zpracování výsledků

Využili jsme službu AirTable. Je nutné ukládat údaje o všech účastnících, členech poroty a hodnocení práce. Ve srovnání se standardními Tabulkami Google umožňuje AirTable automatizovat procesy a vzájemně propojovat tabulky několika kliknutími, což výrazně urychluje práci. Například když týmy předloží projekty, příslušné odvětví automaticky vytvoří položky pro každého člena poroty, aby vyhodnotil práci. A po hlasování v uzavřené tabulce se vypočítá a zobrazí průměrné skóre pro každé kritérium a pro celý projekt.

V druhou sezónu jsme přidali ještě jednu službu – Integromat. S jeho pomocí náš tým zautomatizoval procesy, které dříve prováděly ručně: zasílání odkazů na hlasování členům poroty, odesílání osobních údajů během hodnocení a zveřejňování výsledků na webu.

Jak jsme provedli konstrukční změny

Mistrovství případů se v Rusku koná jen zřídka a mezi designovými studii není vůbec nic podobného. P1 je pro diváky neobvyklý produkt a hledali jsme způsoby, jak o něm jasně komunikovat. Pro nás bylo důležité, aby lidé pochopili podstatu projektu, viděli jeho hodnotu pro sebe, mohli si vybrat odvětví a zaplatit za účast. Web by měl být informativní a snadno použitelný.

Protože jsme mohli snadno provádět změny, byli jsme schopni otestovat různá rozvržení a obsah. Web jsme vylepšili na základě zpětné vazby od cílového publika.

V roce 2021 jsme čtyřikrát změnili vzhled hlavní stránky. Zejména jsme provedli nezbytné změny jak šampionát pokračoval: nejprve jsme shromáždili účastníky vzdělávacího programu, poté jsme změnili rozložení a přenesli registraci na mistrovství na začátek stránky.

Pokud je nutné změnit celý blok, ve Webflow je to otázka 30 minut nebo několika hodin, a ve vlastním kódu mohou podobné změny trvat i dny .

Kromě webu náš tým připravil mnoho bannerů pro P1 pro různé účely – pro příspěvky v sociálních sítích, pro články v médiích a cílená reklama. Zejména jsme použili vlastní 3D ilustrace vytvořené ve stylu mistrovství.

Co jsme dostali: termíny a vyřešené úkoly

Vývoj webových stránek jak v první, tak ve druhé sezóně šampionátu trvalo něco málo přes měsíc, včetně designu a montáže. Aplikaci pro porotu jsme vytvořili za jeden den. Vývoj bez kódu s integrací několika služeb nám umožnil plně implementovat šampionát:

  • informujte publikum o produktu na webu,
  • shromažďujte aplikace od účastníků a přijímat platby;
  • podle potřeby měnit rozvržení a obsah;
  • hlasovat s úplnou anonymitou díla;
  • automatizovat zpracování bodů, určit vítěze a zveřejnit výsledky.

Vlastní web není vždy nutný – i když je projekt opravdu složitý. Mnoho úkolů lze vyřešit bez programování nebo s minimálním kódováním.

Chcete-li říci, že jsem potěšen procesem práce, rychlostí a výsledkem, nemluvě. Místo toho, abych se odradil od toho, že po fázi návrhu budu mít týdny front-endu, týdny komunikace s back-endem, chyby a testy, dlouhé změny a všechno ostatní, cítím absolutní svobodu.

Krásné a srozumitelné stránky se objeví během několika sekund. Jsou snadno ovladatelné. Rychlost změny se počítá v hodinách. A nezáleží na tom, jestli je to jen stránka nebo stránka, která má komponenty služby. Dny nebo hodiny ve stejné kvalitě jako „vývoj na zakázku“.

Myslím si, že je to vynikající příležitost pro kohokoli v produktovém průmyslu získat super rychlost a rozsah.

Misha Rozov zakladatelka společností P1, PINKMAN a Method Zero

Máte zájem o podobný design?

Další práce

Objednávka designu

Naše portfolio obsahuje stovky projektů: interiérový design, webové stránky, reklamní kampaně, loga, corporate identity. Každý úkol řešíme smysluplně, elegantně a krásně.

Abychom mohli začít, musíme si promluvit. Stačí něco říct o vašem projektu, nechat kontakty a my Vás budeme kontaktovat, abychom vše probrali.