Web na výkup zlata, kde jedno odoslanie formulára rozbehne štyri systémy
Money Gold vykupuje drahé kovy od ľudí, ktorí ich posielajú poštou. Jedno odoslanie formulára spustí reťaz štyroch systémov: FedEx vráti prepravný štítok, zákaznícky účet sa zaregistruje sám a n8n so SMTP nesú aktualizácie počas cesty zásielky. V tomto účte si zákazník pozrie video, na ktorom otvárajú práve jeho balík. Spustené päť týždňov od začiatku dizajnu.
Dizajn, vývoj, zákaznícky dashboard, automatizácia logistiky, základy SEO
Trvanie
5 týždňov od začiatku dizajnu po spustenie
Platforma
WordPress, vlastný Elementor build; FedEx API, Metal API, n8n, SMTP
Hlavný výsledok
0 manuálnych krokov na vystavenie prepravného štítku
WordPressElementorFedEx APIMetal APIn8nSMTPE‑mailové a SMS notifikácie
Východiskový stav
Ľudia posielajú cennosti na adresu, ktorú našli na internete
Money Gold vykupuje drahé kovy od zákazníkov, ktorí ich posielajú poštou z celých Spojených štátov. Transakcia sa začína aktom dôvery, aký väčšina e‑commerce nikdy nežiada: zákazník dá niečo cenné do krabice a odovzdá ju kuriérovi, hoci zatiaľ neprešli žiadne peniaze. Každá ďalšia otázka je o pochybnosti. Dorazil balík? Kto ho otvoril? Naozaj v ňom bolo to, čo malo? Šablónový web vie tieto odpovede podať ako marketingový text. Nevie ich ukázať, ako sa dejú.
Druhý problém bol prevádzkový. Každá prichádzajúca zásielka potrebuje prepravný štítok, účet pre odosielateľa a prúd aktualizácií, ako sa balík pohybuje. Ručne to znamená člena tímu v prepravnom portáli pre každý jeden dopyt, čo zastropuje, koľko zákazníkov firma zvládne.
Priepasť v dôvere: cennosti odchádzajú, hoci neprešli žiadne peniaze, takže web musí zákazníkovi ukázať, čo sa s jeho balíkom stalo
Ručná logistika: jeden prepravný štítok na dopyt sa nedá škálovať nad rámec hodín v dni
Pohyblivé kurzy: ocenenia sa počítajú podľa kurzov drahých kovov, ktoré sa počas obchodného dňa menia, takže v riešení musel byť živý zdroj kurzov
Čo sme postavili
Technické riešenie
01
Jedno odoslanie formulára vytvorí štítok FedEx
Zákazník opíše, čo chce predať, a odošle formulár. Okamžite sa volá FedEx API, ktoré vráti prepravný štítok. Nikto na strane Money Gold neotvára prepravný portál, neprepisuje adresu ani neposiela PDF e‑mailom o pár hodín neskôr. Vracajúci sa zákazník si vie rovnako vygenerovať ďalšie štítky pre druhú či tretiu zásielku priamo vo svojom rozhraní.
02
Účet sa vytvorí sám
To isté odoslanie, ktoré vytvorí štítok, zároveň zaregistruje osobný účet zákazníka. Neexistuje samostatný registračný formulár ani stena s heslom medzi prvým návštevníkom a tým, čo prišiel spraviť. Účet existuje, pretože existuje zásielka, čo sedí biznisu, kde je prvým krokom zákazníka odoslanie balíka.
03
Zmeny stavu, ktoré si samy píšu notifikácie
Za tým všetkým beží workflow v n8n. Ako sa mení stav doručenia vo FedEx, zákazník automaticky dostáva e‑mailové a SMS notifikácie, pričom pošta odchádza cez nastavený SMTP server. Podstatná je strana tímu: nikto nesedí a nesleduje sledovaciu stránku, aby poslal upokojujúci e‑mail. Reťazec beží od odoslania formulára až po notifikáciu bez toho, aby sa ho niekto dotkol.
04
Dashboard postavený okolo videa z rozbaľovania
V účte vidí zákazník stav svojej zásielky, video z otvárania svojho balíka, nástroje na vytváranie nových FedEx štítkov a nastavenia profilu. Nosnou časťou je video. Keď niekto pošle cudzím ľuďom cez pol krajiny niečo cenné, otvorenou otázkou zostáva, čo bolo v balíku po príchode a kto to potvrdí. Záznam z otvárania na to odpovie bez telefonátu.
05
Živý kurz drahých kovov
Súčasťou riešenia je integrácia Metal API, ktorá webu dodáva aktuálne kurzy drahých kovov. Ceny kovov sa počas obchodného dňa hýbu a ocenenie podľa včerajšieho čísla je spor, ktorý čaká, kým vypukne, takže údaj prichádza z API namiesto toho, aby ho niekto prepisoval ručne.
Dizajn a zariadenia
Čo potrebuje vidieť neistý prvý odosielateľ, a v akom poradí
Rozloženie určilo poradie krokov. Najprv formulár, ktorý vyrobí prepravný štítok, pretože vyžiadať si štítok je to jediné, čo spraví každý zákazník. Potom účet, kde stav balíka, video z jeho otvárania, spôsob, ako začať ďalšiu zásielku, a vlastné údaje zákazníka sedia spolu na jednej obrazovke. Účet je vyvrcholením celého dizajnu a poradie priorít na ňom kopíruje poradie, v akom si znepokojený človek kladie otázky.
Dizajn sme nakreslili pre túto firmu a postavili v Elementore na WordPresse, takže stránky zostávajú upraviteľné bez vývojára v procese. Zadanie uvádzalo správne zobrazenie od smartfónov až po desktop ako požiadavku a to formovalo prácu s rozložením rovnako ako vizuálny smer.
Responzívnosť je tu praktická, najprv telefón. Formulár pre štítok aj obrazovka so stavom sú veci, po ktorých zákazník siahne na telefóne, jednou rukou a často v obavách o balík na ceste. Polia formulára, stav aj prehrávač videa sú prispôsobené najprv malej obrazovke.
Formulár pre štítok navrhnutý pre telefón, pretože každý zákazník začína práve tam a robí to s predmetom v ruke
Zákaznícky účet ako vyvrcholenie: stav zásielky, video z rozbalenia, nové štítky, profil
Správne zobrazenie od smartfónov až po desktop, kontrolované naprieč celým rozsahom počas stavby stránok
Individuálny dizajn postavený v Elementore na WordPresse, takže klientov vlastný tím vie stránky upravovať a rozširovať
Štruktúra stránok usporiadaná podľa vyhľadávacích scenárov, so sitemapou, takže SEO podoba bola súčasťou realizácie
Žiadosť, ktorá spustí všetko
moneygoldus.comŽiadosť o sadu: formulár, ktorého odoslanie spustí FedEx štítok
Čo z toho vzišlo
Výsledky
Výsledok, ktorý vieme opísať s istotou, je prevádzkový. Dopyt, ktorý by inak vyžadoval, aby niekto z tímu otvoril prepravný portál, vytvoril štítok, založil účet a odoslal e‑mail, dnes prebehne bez toho, aby naň niekto minul čas. Zákazník dostane štítok v tej istej minúte, v ktorej oň požiadal, a reťaz notifikácií sa mu ozýva, kým je zásielka na ceste.
Nezverejňujeme tu čísla o návštevnosti, pozíciách ani tržbách. Práca na SEO bola štruktúrnou prípravou a analytiku po spustení sme na reportovanie nedostali. Overiteľné je dnes to, čo je na živom webe: štruktúra stránok, responzívne rozloženia a cesta do zákazníckeho účtu. Všetko za prihlasovacou obrazovkou opisujeme z toho, čo sme postavili, pretože patrí zákazníkom Money Gold.
0
Manuálnych krokov na vystavenie prepravného štítkaOdoslanie formulára volá priamo FedEx API a to isté odoslanie zaregistruje účet. Účasť personálu na štítku, účte aj reťazci notifikácií je nulová.
4
Systémov za jedným odoslaním formuláraFedEx API pre štítok, Metal API pre kurzy, SMTP pre e‑maily, n8n riadi celú sekvenciu.
5 týždňov
Od začiatku dizajnu po spustenieNáš čas dodania. Zahŕňa dizajn na mieru, vývoj na WordPresse a Elementore, integrácie a zákaznícku nástenku.
Čo si tu asistent vie prečítať
Verejný web je to, čo si asistent číta: štruktúra stránok je usporiadaná podľa vyhľadávacích scenárov, rozloženia držia od telefónu až po desktop a cesta do zákazníckeho účtu je na očiach. Všetko za prihlasovacou obrazovkou — stav zásielky, video z rozbalenia, generátor štítkov — je mimo dosahu crawlera zámerne, pretože patrí zákazníkom Money Gold. Sledovanie odpovedacích systémov sme na tomto projekte nenasadili, takže táto stránka netvrdí žiadnu citáciu v ChatGPT, Perplexity ani v AI Overviews. Práca pre vyhľadávanie bola štrukturálna príprava a jej efekt sme na našej strane nemerali.
Ako sme na tom pracovali
Plán prác, krok za krokom
Každý projekt beží podľa písomného plánu. Takto prebiehal tento.
01
Zmapovať transakciu, ktorú web musí uniesť
Nezačali sme od mapy stránok, ale od cesty zákazníka: čo drží v ruke, čoho sa obáva, čo sa musí v každom kroku udiať na pozadí. Z toho vznikol zoznam integrácií, ktoré web potreboval, a preto boli logika FedEx a účtov v rozsahu popri dizajnérskej práci.
02
Dizajn na mieru a responzívny vývoj
Individuálny dizajn a potom realizácia v Elementore na WordPresse. Rozloženia sme počas stavby kontrolovali od malých telefónov až po desktop, čo zadanie uvádzalo ako požiadavku. Nič sme nenechali na predvolené nastavenia šablóny.
03
Automatizácia logistiky
FedEx API na generovanie štítkov, n8n pre workflow, ktoré spája odoslanie formulára, registráciu účtu a notifikáciu, a SMTP na doručovanie pošty. Metal API dodáva živé kurzy drahých kovov. Toto je fáza, v ktorej obchodná logika prestáva byť schémou.
04
Zákaznícky účet
Stav zásielky, video z rozbalenia, vytváranie nových štítkov, správa profilu. Postavené ako miesto, kam ide znepokojený zákazník po uistenie, čo určilo aj poradie toho, čo sa na obrazovke objaví ako prvé.
05
Spustenie
Online päť týždňov od začiatku dizajnu, s automatizáciou bežiacou od začiatku do konca: formulár, štítok, účet, reťazec notifikácií.
06
Základy pre vyhľadávanie, reporting nasleduje
Štruktúra stránok usporiadaná podľa vyhľadávacích scenárov, so sitemapou, takže SEO podoba bola súčasťou realizácie, nie dodatočnou úpravou. Analytiku po spustení sme k dispozícii nedostali, takže prácu pre vyhľadávanie tu opisujeme ako štrukturálnu prípravu a jej efekt sme na našej strane nemerali.
Priame odpovede
Otázky k tomuto projektu
Tá vaša bude pravdepodobne podobná niektorej z nich. Ak nie, opýtajte sa priamo.
Ako vznikne prepravný štítok bez zásahu personálu?
Odoslanie formulára spustí volanie FedEx API, ktoré vráti prepravný štítok pre zásielku daného zákazníka. n8n okolo toho orchestruje celú postupnosť: požiadavku na štítok, registráciu účtu a správu, ktorá štítok doručí zákazníkovi cez SMTP. Nikto sa neprihlasuje do prepravného portálu. Ďalšie štítky si zákazníci vedia vygenerovať sami vo svojom rozhraní.
Čo zákazník vidí po odoslaní zásielky?
V osobnom účte vidia aktuálny stav zásielky, video z rozbalenia balíka, nástroj na vytváranie nových FedEx štítkov a nastavenia svojho profilu. Popri tom stav doručenia spúšťa automatické e‑mailové a SMS notifikácie, takže sa k nim novinky dostanú bez toho, aby ich museli hľadať.
Prečo WordPress a Elementor pri takejto miere automatizácie?
Automatizácia žije v API a v n8n, takže CMS sa stará len o obsah a o to, čo vidí zákazník. WordPress dáva klientovi systém, ktorý vie upravovať jeho vlastný tím, a Elementor udržuje individuálny dizajn editovateľný bez nutnosti zostavovania kódu. Nové stránky a články vychádzajú bez vývojára, čo je pri webe, ktorý má rásť cez vyhľadávanie, dôležité.
Dá sa tento vzorec použiť aj pre inú firmu?
Vzorec je takýto: verejný formulár, ktorý spustí workflow, automatizačná vrstva komunikujúca s prepravcom a poštovým serverom a prihlásená zóna, kde zákazník vidí stav svojho prípadu. Platí všade, kde zákazník niečo fyzicky posiela a potom čaká. Konkrétne integrácie sa menia podľa prepravcu a odvetvia.
Rovnaký tím, rovnaký postup
Váš projekt, ďalší v poradí
Napíšte nám, čo predávate a kde to predávate. Dostanete plán ako ten vyššie, s ocenením a termínom prvého kroku ešte pred začiatkom.
Používame nevyhnutné cookies, aby web fungoval. Analytické a marketingové cookies ukladáme len s vaším súhlasom a svoju voľbu môžete kedykoľvek zmeniť. Ochrana osobných údajov
Dobrý deň! Som asistent Business Ocean. Opýtajte sa ma na SEO, reklamu, sociálne siete, weby či dizajn — alebo mi povedzte, na čom pracujete.
Business OceanOnline
Kontaktujte náš tím
Zanechajte nám kontakt a ozveme sa vám čo najskôr.