WEBOVÁ APLIKACE

QR Cards

QR Cards je webová aplikace, která umožňuje vytvářet samolepky, vizitky, štítky a další tiskoviny bez nutnosti pokročilejší znalosti práce s grafickým editorem

Qrcards first imageQrcards first image mobile
O projektu

Webová aplikace QR Cards je grafický editor, který umožňuje za pomoci připravených šablon vytvářet tiskoviny a generovat pro ně QR kódy, využitelné nejen k marketingovým účelům.

Funkce aplikace a systému

Chci vlastní aplikaci
  • Editor na vytváření tiskovin

  • Generování dynamických QR kódů

  • Nahrávání obrázků

  • Export do SVG, PNG a JPG

  • Responzivní design

  • Analýza používání QR kódů (prokliky, lokalita, typ zařízení)

  • Platební brána

  • Objednávkový systém

  • Interaktivní formuláře

  • Monetizace prostřednictvím subscription

Chci vlastní aplikaci
qrcards second imageQrcards second image mobile

Zadání

Klient nás oslovil s požadavkem na vývoj webové aplikace, která zprostředkuje rychlou přípravu graficky atraktivních tiskovin s možností přidat dynamický QR kód, přinášející důležitá data pro vyhodnocení marketingové kampaně.

Chci vlastní aplikaci

Hlavním cílem spolupráce na tomto projektu bylo vytvořit přívětivé rozhraní, které umožní rychlou přípravu tiskovin i uživatelům, kteří nemají větší zkušenosti s grafickými editory. Přidanou hodnotou tohoto digitálního produktu je ovšem propracovaná funkcionalita v oblasti generování QR kódů a následné analýzy jejich užívání. Právě tato analytická část totiž přináší nespornou výhodu při vyhodnocování nebo optimalizaci marketingových kampaní.

Chci vlastní aplikaci
CO JSME POUŽILI

Technologie a služby

Práce na projektu trvala jeden rok a podílelo se na ní šest vývojářů, spolu s produktovým manažerem.

nodejsrectanglestrapirectanglereact
  • Vývoj webové aplikace

  • Návrh UX/UI designu

  • Tvorba landing page

Qrcards preview image
PROCES TVORBY V 5 KROCÍCH

Vývoj webové aplikace

Vytvořili jsme sofistikovaný marketingový nástroj, který usnadňuje přípravu letáků, vizitek, samolepek a dalších tiskovin. Generuje pro ně dynamické QR kódy napojené na analytický systém a umožňuje tak vyhodnocování reklamních kampaní.

Chci vlastní aplikaci
  1. 1Konzultace

    Prošli jsme sérií konzultací, díky kterým jsme lépe pochopili klientův záměr a vymezili hlavní cíle tohoto digitální produktu.

  2. 2Návrh architektury a funkcionality

  3. 3UX/UI design a design guide

  4. 4Vývoj webové aplikace

Chci vlastní aplikaci
Qrcards third imageQrcards third image mobile

Detail řešení

Stáli jsme před výzvou vytvořit digitální produkt, který usnadní práci marketérům i drobným podnikatelům a pomůže jim nejen s přípravou reklamních tiskovin, ale i s následnou optimalizací a vyhodnocením související strategie.

Chci vlastní aplikaci
V rámci úvodních konzultací jsme jako klíčovou funkcionalitu webové aplikace QR Cards identifikovali možnost generovat dynamické QR kódy a související analytickou sekci. Této klíčové myšlence jsme přizpůsobili nejen návrh loga, ale i dalších částí design guidu.

Po přípravě grafických podkladů jsme se pustili do samotného vývoje webové aplikace, jejíž nejrobustnější částí je bezpochyby grafický editor na vytváření tiskovin.

Obsahuje několik šablon rozložení, se kterými lze dále pracovat – například změnit připravené ikony. Dále generuje různé barevné kombinace, umožňuje nahrávat vlastní obrázky a následně je editovat, například vyrovnávat barvy. Nechybí ani textový editor se základními nástroji pro formátování – výběr fontu, zarovnání textu, …

Na všechny tiskoviny lze přidat zmíněný QR kód, jenž je možné přizpůsobit designu vizitky či jiné připravované tiskoviny. Výstup je pak možné exportovat do PNG, SVG či JPG.

Na vytvořené tiskoviny, opatřené dynamickým QR kódem, navazuje analytická sekce této webové aplikace, kde lze sledovat počet “prokliků” z QR kódu, typy zařízení, která uživatelé používají a jejich lokalitu.

Webová aplikace QR Cards je distribuovaná jako SaaS. Je v ní tedy rovněž integrována platební brána a objednávkový systém.

Vyjma zmíněného jsme připravili také landing page a jednoduchými animacemi a responzivním designem, který je samozřejmostí i u webové aplikace. Cílem landing page je seznámit návštěvníky s funkcionalitou digitálního produktu a motivovat je k jeho využívání.

Zajímavostí jsou interaktivní formuláře, zpracované formou jednoduchých chatbotů. Ty slouží nejen k dotazům na zákaznickou podporu, ale i ke komunikaci s jednotlivými členy týmu. Lze je tedy využít například k zaslání nabídky obchodní spolupráce, nahlášení chyby v aplikaci nebo přidání jiných připomínek.
Chci vlastní aplikaci
qrcards fourth imageQrcards fourth image mobile
PŘIDANÁ HODNOTA

Jak jsme pomohli

Tým Rascasone umožnil klientovi uvést na trh nový marketingový nástroj a stál tak u započetí cesty dalšího digitálního produktu.

Chci vlastní aplikaci

Jsme rádi, když v nás klient má důvěru a svěří nám realizaci všech souvisejících služeb. Klient díky tomu komunikuje pouze s jedním dodavatelem a může se soustředit na další aspekty svého podnikání. My zase víme, že všechny dílčí úkoly budou provedené spolehlivě a včas. Za projevenou důvěru děkujeme a přejeme mnoho úspěchů!

Chci vlastní aplikaci
qrcards fifth imageQrcards fifth image mobile
Rascasone

Máte nápad na nový projekt?

Popište nám ho! Rádi odpovíme na všechny vaše dotazy, nebo rovnou domluvíme termín schůzky.

Ozvěte se Vítovi! Vše s vámi projedná a probere.

Vít Uličný

Zakladatel & CEO

Vít Uličný