Implementation of an application prototype for tracking and comparing customer journey versions

Diplomová práce se zaměřuje na návrh a implementaci webové aplikace pro tvorbu a správu map zákaznických cest. Cílem řešení je rozšířit možnosti stávajících nástrojů, které obvykle pracují pouze se statickými mapami, o funkce umožňující vytváření více verzí map, jejich porovnávání a propojení s různými externími datovými zdroji. Vývoj aplikace probíhal metodikou User-Centered Design a Lean Startup, přičemž v každé iteraci byl výstup konzultován s odborníkem z praxe. Dokumentace vývoje se opírala o Metodiku pro malé softwarové projekty (MMSP). V úvodní fázi byl proveden průzkum existujících řešení zaměřený na schopnost vytvářet verze mapy zákaznické cesty, porovnávání verzí a získávání dat z externích zdrojů. Na základě výstupů z analýzy a konzultací s odborníky byly následně definovány požadavky na cílové řešení. Po vytvoření prototypu ve formě wireframe následovala implementace aplikace pomocí technologií TypeScript a React. Výsledná aplikace DeltaJourney umožňuje uživatelům vizualizovat zákaznickou cestu, spravovat její verze, shromažďovat data prostřednictvím formulářů a propojovat je se zdroji, jako je Google Analytics. Finální verze byla ověřena formou uživatelského testování s cílovou skupinou, přičemž zpětná vazba byla zpracována prostřednictvím standardizovaného dotazníku. Aplikace tak představuje životaschopný prototyp vhodný pro další vývoj a nasazení do praxe.

This thesis focuses on the design and implementation of a web application for creating and managing customer journey maps. The aim of the solution is to extend the capabilities of existing tools—which typically operate only with static representations—by introducing features for creating multiple versions of a journey map, comparing them, and integrating data from various external sources. The application was developed using the User-Centered Design approach and the Lean Startup methodology, with each iteration reviewed by a domain expert. Project documentation followed the Methodology for Small Software Projects (MMSP). In the initial phase, a review of existing solutions was conducted, evaluating their support for versioning, comparison, and data integration. Based on insights from this analysis and experts interviews, the requirements for the target solution were defined. A prototype was then created in the form of wireframes, followed by the implementation of the application using TypeScript and the React framework. The resulting application, DeltaJourney, enables users to visualize the customer journey, manage its versions, collect data through questionnaires, and connect to data sources such as Google Analytics. The final version was validated through usability testing with representatives of the target user group, and feedback was collected using a standardized questionnaire. The application represents a viable prototype suitable for further development and potential deployment in real-world scenarios.