QR Cards: Editor QR štítků

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

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ě.

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í.

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.

Vývoj webové aplikace

Návrh UX/UI designu

Tvorba landing page

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í.

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.
2Návrh architektury a funkcionality
3UX/UI design a design guide
4Vývoj webové aplikace

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.

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.

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.

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ů!

Vybrané projekty

Zobrazit

Nvision: Elektronické komponenty

Tvorba moderního prezentačního webu s administrací (CMS) na míru pro předního výrobce elektronických komponent, společnost NVision

Zobrazit

Stavebnictví

Kerosin: Digitální staveniště

Moderní webová aplikace, která převádí návrh staveniště do digitální podoby, usnadňuje plánování zařízení a okamžitě vypočítává náklady na výstavbu.

Zobrazit

Stavebnictví

Swietelsky: Údržba strojů online

Informační systém pro správu a údržbu strojů

Zobrazit

Blocheck: Digitální pronájem

Vývoj webové aplikace, která digitalizuje proces pronájmu nemovitosti

Zobrazit

HR (lidské zdroje)

H2: Chytrý nábor a HR

Cloudová webová aplikace, která automatizuje proces náboru nových zaměstnanců a jejich správu

Zobrazit

Zdravotnictví

Digičekárna: Rezervace k lékaři

Mobilní aplikace a moderní rezervační systém pro efektivnější chod čekárny a správu pacientů

Zobrazit

Makléře Nechci: Prodej bez makléře

Vývoj webové aplikace, která zjednodušuje prodej domů a bytů

Zobrazit

QR Cards: Editor QR štítků

Webová aplikace pro vytváření samolepek a dalších tiskovin

Zobrazit

ARA: GIS v rozšířené realitě

Mobilní (tabletová) aplikace pro iPadOS, která prostřednictvím rozšířené reality vizualizuje data získaná z Geografického informačního systému (GIS).

Zobrazit

Finance

Viably: Šeky v mobilu

Multiplatformní mobilní aplikace pro Android a iOS určená k digitalizaci šeků pro finanční platformu

Zobrazit

Lumyros: Síť pro lovce světla

Mobilní aplikace, která slouží jako sociální síť pro lovce polárních září.

Zobrazit

AMF ČRA: Fotbalová appka

Mobilní aplikace přinášející přehled výsledků napříč různými soutěžemi Malého fotbalu a mobilní aplikace usnadňující organizaci fotbalových turnajů

Zobrazit

Pinstriped: Chytré meetingy

Cloudová webová aplikace usnadňující organizaci a správu meetingů

Zobrazit

Zdravotnictví

VideoDoktor: Lékař na videu

Multiplatformní mobilní aplikace pro Android a iOS zprostředkovávající zabezpečený videohovor mezi lékařem a pacientem.

Zobrazit

Where To Play: Tvoje eventy

Cloudová webová aplikace usnadňující organizaci a správu meetingů

Zobrazit

Viewlay: Místní akce online

Sociální síť, se kterou máte přehled o okolním dění

Zobrazit

HR (lidské zdroje)

Labormex: Appka pro HR

Mobilní aplikace pro Android zprostředkovávající nábor zaměstnanců pro HR agenturu Labormex

Zobrazit

Rentalio: Web pro pronájem

Responzivní prezentační web s moderním designem

Zobrazit

ReLaw: Právní dokumenty online

Vývoj informačního systému pro advokátní kanceláře s notifikačním centrem a dashboardem.

Zobrazit

Evo Motorsport: Web pro tým

Tvorba responzivního webu s elegantním designem.

Zobrazit

Uptim.ai: CMS pro SaaS

Responzivní webové stránky s moderním designem, CMS na míru a propracovanou sekcí s dokumentací a tutoriály

Zobrazit

Flatzone: Realitní data online

Webová aplikace s nabídkou realit, která formou katalogu zpracovává informace z různých realitních serverů a shromažďuje je na jedno místo

Zobrazit

Designated Workspace: Ergonomie online

Vývoj webové aplikace, která pomáhá zlepšit ergonomii pracovního prostředí a současně slouží jako prostředek k zisku e-mailových adres.

Zobrazit

Eventy

Xplór: Turistika s odměnou

Mobilní aplikace s tipy na zajímavé turistické cíle s uživatelskou sekcí a odměnovým systémem

Zobrazit