Vývoj webové aplikace Smarttips.cz

Jak jsme se podíleli na revoluci v bezhotovostním řešení spropitného

Pražský startup Smart Tips se rozhodl vyřešit problém s bezhotovostními platbami spropitného v hotelových provozech. Cognito si vybral jako technického partnera pro kompletní design, vývoj a správu webové aplikace Smarttips.cz. Základem robustního a škálovatelného řešení se stala nová generace e-commerce platformy Marco 3.0.

Zadání

Cílem projektu bylo vytvořit webovou aplikaci Smarttips.cz, která hostům hotelů a penzionů umožní dávat spropitné bezhotovostně prostřednictvím QR kódů. Aplikace zároveň musela poskytovat možnost hodnocení kvality služeb a zpětnou vazbu pro management hotelu. Funkcionality byly definovány během analytické a UX fáze projektu, ve které jsme stanovili požadavky formou user stories.

Řešení

Práce jsme zahájili UX workshopem, na kterém jsme identifikovali typické budoucí uživatele aplikace a jejich potřeby a požadavky. Z toho vznikly uživatelské scénáře, empatická mapa a další poklady pro přípravu interaktivního prototypu.

Příklady user stories

• SuperAdmin – Jako SuperAdmin chci vytvářet B2B partnerské účty, abych mohl zasílat přihlašovací údaje pro nové hotelové účty. Chci aktualizovat seznam QR kódů pro naše B2B partnery, vytvářet QR kódy s požadovanými údaji a provádět analýzu dat napříč hotely a zaměstnanci pomocí filtrů a třídění. Chci také posílat faktury našim B2B partnerům, generovat PDF pro karty a stojany s brandingem hotelů a nastavovat práva a role uživatelů.
• HotelAdmin – Jako HotelAdmin chci dostávat notifikace o hodnocení zaměstnanců, abych mohl řešit negativní zpětnou vazbu, a chci vidět statistiky příjmů a hotelové statistiky na základě QR kódů a dat. Chci také spravovat QR kódy, číst hodnocení zaměstnanců, komunikovat se SuperAdminy a mít přehled o všech administrativních a finančních operacích.
• Guest – Jako host chci mít možnost zvolit preferovaný jazyk, vybrat ze tří přednastavených výší spropitného nebo zadat vlastní částku, a chci ohodnotit službu pomocí tří smajlíků (pozitivní, úsměv, bez úsměvu), abych mohl snadno vyjádřit spokojenost nebo nespokojenost.

Na základě user stories jsme připravili interaktivní prototyp, který se stal po otestování základem návrhu uživatelského rozhraní.

Důraz jsme kladli na přívětivý a jednoduchý design, který hostům umožňuje co nejsnadnější platbu spropitného a vložení hodnocení využitých služeb. Cílem bylo zjednodušit celý proces na několik kroků – host pouze naskenuje QR kód, vybere nebo zadá vlastní výši spropitného a odešle platbu. Navrhli jsme uživatelské rozhraní jak pro hosty, tak i pro zaměstnance a management hotelů.

Technologie

Aplikaci Smarttips.cz jsme vyvinuli s využitím naší e-commerce platformy Marco 3.0, která poskytuje škálovatelný a robustní základ pro náročné transakční systémy, e-shopy a webové aplikace. Marco 3.0 je špičkové enterprise e-commerce řešení vyvinuté na PHP frameworku Symfony s využitím hexagonální SW architektury. Jeho součástí je také moderní open source CMS Sulu, vhodný pro nasazení jak v malých a středních firmách, tak i korporacích.

Sulu je moderní CMS postavený na komponentách Symfony PHP frameworku. Byl navržen tak, aby byl flexibilní a mohl vyhovět potřebám jak webových prezentací, tak komplexních aplikací a portálů.

• Flexibilita – Sulu je postaven na komponentách Symfony, což znamená, že je vysoce modulární a může být snadno rozšířen a upraven.
• Vícejazyčnost – Sulu byl navržen s myšlenkou na vícejazyčné weby, takže podpora více jazyků je integrována přímo do jádra systému.
• Uživatelské rozhraní – Sulu má moderní, responzivní administrativní rozhraní postavené s pomocí JavaScriptového frameworku React.

Frontendová část byla postavena na javascriptovém frameworku React, což umožnilo vytvořit moderní a interaktivní uživatelské rozhraní.

Vývoj

Vývoj aplikace Smarttips.cz jsme vedli podle best practice metodik s agilním přístupem, který zajistil vysokou flexibilitu při implementaci změn a rychlé zohlednění požadavků klienta. V rámci projektu jsme vyvinuli tři samostatné aplikace:

• Aplikace pro hoteliéry – Tato aplikace umožňuje hoteliérům snadno vytvářet QR kódy, sledovat hodnocení služeb a vyúčtování.
• Aplikace pro hosty – Hosté mohou pomocí této aplikace dávat spropitné a hodnotit poskytnuté služby, což zajišťuje jednoduchou a rychlou zpětnou vazbu.
• Aplikace pro provozovatele systému – Tato aplikace obsahuje řadu statistik a specifických nastavení, která umožňují efektivní správu celého systému a poskytují přehled o všech transakcích.

Všechny aplikace jsou multiměnové (CZK a EUR) a multijazyčné, což poskytuje široké možnosti pro hotely a hosty z různých zemí. Napojili jsme systém na platební brány Revolut a PayU, včetně podpory ApplePay a GooglePay, aby byly transakce rychlé a bezpečné. Systém je také integrován s elektronickým bankovnictvím a účetním softwarem, což umožňuje automatické rozúčtování plateb, vystavování faktur a generování příkazů k úhradě.

Klíčovým prvkem byla důsledná kontrola kvality pomocí pravidelného testování. Automatizované i manuální testy zajistily, že implementace proběhla bezchybně a minimalizovala se možnost problémů v produkčním prostředí.

Závěr

Vývoj aplikace Smarttips.cz proběhl za pouhé 4 měsíce, což bylo možné díky bohatým zkušenostem Cognito s transakčními systémy, jako je například věrnostní systém vyvinutý pro společnost Con Gusto. Aplikace přináší možnost, jak udělat z hotelového personálu nové milionáře – nebo jim alespoň usnadnit cestu k extra příjmům. A kdo ví, možná díky naší aplikaci uvidíme více spokojených úsměvů nejen na straně hostů, ale i personálu.