📸 Afrowall’s Photobooth PWA Web App

Image 2

Client: Afro Indonesia (Fashion Outlet)

Duration: 2 weeks

Role: Developer / Technical Lead

Team: 3 members (Developer, Designer, On-site Coordinator + PM)

Interested in the technical explanation? Click Here

🔍 Overview

Afrowall is a tablet-based photobooth PWA designed for Afro Indonesia’s store launch campaign in Bandung. The app allowed customers to take stylish photos, see them displayed on a large LED screen, and receive them instantly via email — enhancing retail engagement and encouraging social media sharing.

🎯 Problem & Objective

Objective:

Create a memorable, tech-enabled experience for walk-in customers to promote the store launch, drive social sharing, and increase foot traffic.

Challenges Solved:

  • Seamlessly combining physical and digital retail experience
  • Supporting real-time photo display on LED screen
  • Managing remote QA and deployment with limited on-site access

👨‍💻 My Role & Responsibilities

  • Led technical development
  • Chose and implemented appropriate technologies (Vue.js, Laravel, PWA)
  • Collaborated with designer on interface and layout
  • Coordinated with on-site team for user flow testing and quality assurance
  • Handled file syncing and email automation (Brevo integration)

🛠 Tools & Tech Stack

  • Frontend: Vue.js, Tailwind CSS
  • Backend: Laravel
  • PWA: Installed on tablets for easy access and reuse
  • Email Automation: Brevo (Sendinblue)
  • File Display Sync: Google Drive integration for LED slideshow
  • QA & Deployment: Manual testing, remote validation with field team

🚀 Features

  • Photo Capture Interface: Camera input, stylized frames, photo preview
  • Email Delivery: Photo sent to customer’s email instantly
  • LED Screen Sync: Uploaded to Drive folder synced with store’s outdoor display
  • Social Sharing Incentive: Customers rewarded for uploading photos to social media
  • Reusable PWA: Installable and usable for future events

💡 Challenges & Solutions

ChallengeSolution
Remote QA during rapid developmentBuilt test flows and coordinated walkthroughs with on-site lead
Smooth file sync with LED screenIntegrated real-time Drive upload workflow
Tablet performance optimizationUsed lightweight Vue.js setup and minimized visual overhead

📈 Outcome

  • Successfully deployed in-store for the Bandung launch campaign
  • Dozens of photos shared on social media, boosting online visibility
  • High customer participation rate and improved brand engagement
  • Showcased how tech can create delightful in-store experiences

🧠 Reflection

This project was a great example of merging fashion and tech for engagement. I learned how to:

  • Make confident decisions under time pressure
  • Communicate across disciplines and roles
  • Ship an interactive product that works reliably in a public-facing environment

View Next

Project preview

🧪 QA Workflow Optimization & Release Process Improvement

As the product and engineering teams began to scale, quality concerns emerged due to an ad hoc testing process and the absence of a formal QA function. During my transition from engineering into product, I initiated and led efforts to improve quality assurance and release consistency, while building trust-based systems the team could adopt with minimal friction.
Img

Unveiling Afrowall: Elevating Engagement through Interactive Photobooth Technology

The Afrowall project sought to revolutionize the shopping experience by merging fashion with technology. This tablet-based app, dubbed the modern-day photo booth, invited customers to engage actively, capturing moments, sharing their unique styles, and unlocking rewards.