At the heart of the campaign was a powerful question: how do you visually express national unity built from afar? The answer became our art direction. Since each Georgian abroad would light up one pixel of the flag, the design needed to reflect that idea - every contribution mattered, and every dot had a place. That’s how we arrived at the dotted Georgian flag: thousands of scattered red pixels coming together to form a unified whole.

Just like the campaign, the flag’s composition symbolizes presence through participation - each speck a story, each dot a Georgian living abroad. The surrounding elements were kept minimal, giving full focus to the flag as both visual anchor and emotional centerpiece. The custom typography and minimalist layouts were chosen to maintain clarity, impact, and emotional weight, allowing the message and metaphor to take center stage in every execution.

In the end, the visual system became a poetic embodiment of the campaign’s core idea.

Inspired by the creative direction of Bank of Georgia’s Independence Day campaign, we designed a platform that visually captured the emotional weight of the initiative while maintaining clear functionality. The site evolved over three key stages - pre-campaign, live campaign, and post-campaign - each with tailored visual narratives and user flows. Depending on whether a visitor was a local or an emigrant, the interface dynamically adjusted to provide relevant content and interactions.

Accessibility was at the core of our design process. We followed a mobile-first approach to ensure the experience was seamless across devices, with a special focus on simplicity and intuitiveness for users of all ages and tech literacy levels. The end result was a frictionless, emotionally resonant platform that remained clear and engaging across every interaction point.

To meet the tight two-week deadline, we relied on Laravel for its “batteries-included” capabilities and rapid feature delivery. On top of this foundation, we integrated Filament for the admin panel, enabling us to quickly build a robust backend interface complete with role-based access control, content moderation tools, and submission management for campaign entries.

Real-time functionality was critical for delivering the pixel-lighting experience. We used Laravel's native broadcasting and queue systems, combined with Pusher, to handle submissions and trigger pixel animations live on the display. For smooth frontend-backend communication, we used Inertia.js, allowing us to integrate a reactive frontend without the complexity of building a full-blown API layer.

This stack gave us the flexibility to prioritize business logic while ensuring the system was reliable, scalable, and easy to maintain under heavy traffic loads.

We built the frontend with React to give us the agility and reactivity needed for a location-aware, time-sensitive platform. Based on user location, submission status, and the campaign’s timeline, the interface dynamically updated to show the appropriate screen - whether that meant a live counter, an entry form, or a final message of thanks.

We used Inertia.js to seamlessly connect the frontend to the Laravel backend, enabling fast development without compromising on UX. Real-time interactivity - such as watching the flag fill up pixel by pixel - was achieved using Pusher and Laravel Echo. The pixel animation was hand-crafted using native Canvas and Blob APIs: we programmatically mapped colored pixels, replaced them with white, and gradually “lit them up” red upon each user submission.

For styling, we used TailwindCSS, which allowed us to quickly implement a clean, consistent design system that matched the campaign’s creative direction - all within our condensed timeline.