Aukční web s hodnocením Runet: jak jsme automatizovali zobrazování nabídek a shromažďování nabídek

„Rating Runet“ publikuje seřazené seznamy společností zabývajících se internetovým marketingem, designem, vývojem webových stránek a mobilními aplikacemi. Na webu jsou také reklamní bloky. Chcete-li si je vypůjčit, musíte vyhrát aukci. Pro potenciální účastníky jsme vytvořili samostatný web, který zobrazuje informace o nabídkách: nabídky a historii. Anton Shakirov, Head of Method Zero ve společnosti PINKMAN, hovořil o procesu vývoje na platformě bez kódu.

Úkol: make web pro zobrazení stavů a ​​historie aukcí

Hodnocení Runet je nástroj pro vyhledávání výkonných umělců a zákazníků v digitální oblasti. Mezi těmi, kteří chtějí využít reklamní prostor, se aukce konají každé čtvrtletí v uzavřených Tabulkách Google – přístup k nim se vydává po schválení aplikace. Dříve mohli všechny sazby zobrazit pouze účastníci ze stejných tabulek. Naším úkolem bylo učinit proces transparentnějším pro ty, kteří se právě přihlásí.

Zároveň se koná 36 aukcí – pro každou specializaci vlastní. Existuje například 200 nejlepších SEO společností a 200 nejlepších webových studií. Ve všech aukcích můžete soutěžit o titulek, prostřední řádek nebo místo generálního sponzora.

Aby bylo možné rozhodnout o účasti, je důležité, aby zástupci společnosti věděli přibližnou velikost sázky, s níž mohou vyhrát. Chcete-li to provést, musíte sledovat, jaké ceny nabízejí vaši oponenti, a mít přístup k historii – abyste zjistili, s jakými sazbami jste vyhráli dříve. Informace o tom, které společnosti se aukce účastní, by zároveň neměly být veřejně dostupné – pro některé účastníky by to mohlo být překážkou.

Měli jsme několik úkolů:

• zobrazit anonymní nabídky na stránce každé aukce;
• zajistit automatickou aktualizaci těchto údajů ;
• povolit prohlížení historie současných i minulých aukcí;
• organizovat shromažďování žádostí o účast prostřednictvím webu.

Aby mohla být data pravidelně aktualizována, museli jsme do kódu zapsat celý backend. A postavili jsme frontend na platformě WebFlow bez kódu – takže jsme byli schopni urychlit vývoj jeden a půlkrát .

Nahrát a vizualizovat informace o nabídkách

Pomocí kódu jsme implementovali automatický datový výstup na web. Systém převezme informace o nabídkách z Tabulek Google, každému účastníkovi přiřadí pořadové číslo, vytvoří časový úsek s aktuálními informacemi a zobrazí graf na webu.

Sázky se aktualizují každých několik hodin, když neprobíhá žádná aktivita, nebo každých 10 minut ve špičkách – obvykle před ukončením obchodování. To vám umožní vytvořit pohodlnou historii aukcí 20–30 snímků, které lze použít k vyhodnocení dynamiky změn nabídek. V reálném čase se sazby na webu nezobrazují – to nebyl úkol. Harmonogramy nejsou nutné pro účastníky, ale pro ty, kteří se právě přihlásí, a minimální zpoždění pro ně nezáleží. Pokaždé, když je řez v databázi, je nepraktické ukládat tisíce řezů – jeho váha zpomalí web.

Historie přehrávání

Uživatel má přístup k historii aktuální aukce a těch aukcí, které již skončily. Pomocí tlačítek můžete procházet grafy a sledovat, jaké nabídky byly provedeny před hodinou nebo několika dny.

Pro procházení historií aktuální aukce jsme kombinovali možnosti bez kódu a programování. Ve Webflow jsme provedli rozložení všech tlačítek a kódovali jejich funkce. Jelikož časové řezy přejdou do historie automaticky, jak probíhá aukce, musí server pokaždé shromažďovat data z požadovaných tabulek a vytvářet na nich grafy.

Nabídky z aukcí za předchozí čtvrtletí se již nemění, jednoduše se ukládají do systému. Proto byly časové řezy minulých obchodů vytvořeny bez kódu pomocí sbírek ve Webflow. To nám umožnilo automaticky propojit všechny aukční stránky za 1 hodinu.

požádat o vyzvednutí

Pomocí standardních nástrojů Webflow s malým přídavkem kódu jsme na webu vytvořili dva formuláře zpětné vazby. Jeden – požadovat statistiku o počtu kliknutí, aby zástupci společnosti mohli vyhodnotit účinnost reklamy. Druhým je žádost o účast v aukci.

Při shromažďování aplikací se informace o potenciálních účastnících nejen zasílají poštou správcům, ale také se přenášejí do vlastního vlastního CRM „Runet Rating“. Ve společnosti procházejí všechna předplatná: jedná se o hotovou funkcionalitu, která je pro zaměstnance pohodlná.

Rozhraní postavené na Webflow

Vytvořili jsme jasný a moderní design webu. Jedním z vizuálně zajímavých prvků na webu je osvětlený kurzor. Technologie bez kódu usnadňuje implementaci takových řešení, stejně jako posuvníků, galerií, vyskakovacích oken s tipy a mnoho dalšího.

Ani ve Webflow nejsou problémy s responzivním rozvržením. Veškerou funkčnost webu jsme ponechali v mobilní verzi.

Technologie bez kódu, na rozdíl od vlastního kódu, umožňuje rychle měnit obsah a rozvržení. Když klient chtěl provést několik úprav projektu těsně před vydáním, udělali jsme to snadno: přidali jsme nová tlačítka, vytvořili jsme druhý formulář zpětné vazby a změnil písmo. A po spuštění se zakladatelé hodnocení „Runet Rating“ rozhodli přidat blok s recenzemi – design a rozložení trvalo několik hodin .

Výsledek: rychlý vývoj webových stránek pro sledování nabídek

Vzhledem k tomu, že jsme předepsali backendový kód, server vydrží očekávané zatížení, pokud jde o počet současných požadavků na informace o rychlostech. A sestavení rozhraní na platformě bez kódu snížilo naši pracovní dobu. Vývoj frontendu trval pět dní, další čtyři dny jsme strávili diskusí o výsledku s klientem a prováděním úprav.

Pokud bychom udělali vše v kódu, mělo by to zabrat alespoň jeden a půlkrát více času, cena by byla asi dvakrát tak vysoká a přidávání nových bloků k hotovému webu by bylo mnohem obtížnější.

Během pouhých několika týdnů pro nás společnost Method Zero spustila web, který ještě více zprůhlednil prodej reklamního prostoru. Jsme velmi spokojeni s výsledkem a pokračujeme ve vývoji projektu. Například během několika hodin kluci přinesli recenze inzerentů na stránky každého hodnocení. Na typickém vlastním webu by to trvalo několik dní. Chtěl bych poznamenat proaktivitu a pozornost věnovanou detailům všech, kteří se projektu účastnili. Jsem si jistý, že se Method Zero stane jedním z nejzajímavějších hráčů na trhu řešení bez a nízkého kódu.

Anatoly Denisov šéfredaktor „Rating of Runet“