ZG Memory
A playful, interactive microsite designed to introduce Zagreb’s districts through visual presentation and a custom-built memory game.
Project Context & Goals
ZG Memory was created for Greethings as a standalone digital experience focused entirely on Zagreb. The objective was not to replace their existing e-commerce website, but to deliver a more visually refined, interactive layer that matches the brand’s playful direction and speaks to a younger audience.
- Create a dedicated Zagreb microsite aligned with Greethings’ visual direction
- Deliver a higher-quality interactive experience beyond typical WordPress limitations
- Present Zagreb’s districts through recognizable visual motifs and illustrations
- Use play as the primary engagement mechanism, not long-form content
- Ensure a smooth, responsive experience across desktop and mobile devices
Solution & Approach
How intentional decisions shaped the final product
Memory Game as the Core Experience
The memory game is the central interaction. Users learn district motifs through repetition and visual association, turning discovery into play instead of reading-heavy browsing.
- Game-first interaction model
- Learning through visual recognition
- Fast start with minimal friction
Executing a Strong Visual Direction
Greethings provided a clear visual vision: bold colors, motion, playful rhythm, and Zagreb-inspired motifs. Our role was to execute it with clean structure, consistent hierarchy, and a polished interactive feel.
- Faithful execution of client-defined design direction
- Refined spacing and layout balance for clarity
- Added interaction details that enhance engagement
Informational Cards as Context Layer
District cards above the game explain the motifs and provide cultural context. The content supports the experience without competing with the game.
- Context first, then interaction
- Consistent illustration language across the site
- Optional exploration without forcing navigation
Custom Frontend for Creative Freedom
The site was built outside of WordPress to avoid creative and technical constraints. A lightweight React and Vite setup enabled full control over animation, interaction, and responsive behavior.
- React + Vite one-page application
- No backend and no external integrations
- Responsive, mobile-first implementation
Key Product Interfaces
Key screens and interactions that define the experience
Illustrated District Motifs
Each district is represented through a clear visual motif, designed to be recognized instantly and remembered through gameplay repetition.
Interactive Memory Gameplay
Smooth interactions supported by optional sound effects, enhancing the sense of play without adding complexity.
Mobile-First Responsiveness
The full experience remains readable, responsive, and consistent on mobile devices, including gameplay and content browsing.
Outcomes
ZG Memory gave Greethings a dedicated Zagreb experience designed for younger audiences, combining cultural motifs with interactive play. Built outside of WordPress constraints, the microsite delivers higher visual quality, better performance, and a more cohesive brand feel while keeping the main e-commerce site intact.
Have a project in mind?
Let’s discuss your goals and explore the right solution together.
Book a free consultation