Project Overview
Wally Platform is a specialized Out-of-Home (OOH) advertising marketplace designed to connect brands with disruptive and exclusive media formats. The platform digitalizes the discovery and booking process for high-impact advertising assets, ranging from traditional billboards to immersive wall projections and delivery robot branding.
The Case Study: Pixel-Perfect Figma to Custom WordPress Excellence
1. The Challenge: Engineering Design Integrity
The cornerstone of this project was a highly detailed and visually complex Figma design provided by the client. The challenge was to transform these pixel-perfect, high-fidelity mockups into a fully functional, responsive website without compromising the creative vision. This required a level of precision that standard “off-the-shelf” themes could not provide.
2. The Solution: Custom Theme Development
Instead of using a pre-built framework, I engineered a Custom WordPress Theme from scratch. Every component and layout from the Figma files was hand-coded to ensure 100% design fidelity. I built custom modules to handle diverse service categories and event-specific advertising slots (such as for the Super Bowl and Coachella), ensuring the backend was as intuitive for the client as the frontend was for the user.
3. The Outcome
The result is a high-performance, visually stunning marketplace that covers over 15 unique advertising formats across major US cities. The platform now serves as a robust tool for high-profile brands and media agencies to execute memorable advertising campaigns with ease.
Key Highlights
Design Accuracy: Successfully converted a complex Figma layout into a 1:1 pixel-perfect custom WordPress theme.
Extensive Service Inventory: Integrated 15+ unique OOH formats, including wall projections, digital valet podiums, and wild posters.
Event-Driven Functionality: Dedicated modules for major global events, allowing brands to book media around the NFL Super Bowl, US Open, and major music festivals.
Streamlined UX: A premium, intuitive interface designed specifically to appeal to high-end marketing professionals and agencies.
🛠 Technology Stack:
Core: Custom WordPress Theme (Developed from scratch).
Design Integration: Figma-to-Code workflow.
Frontend: HTML5, CSS3 (SCSS), JavaScript (Custom animations and dynamic interactivity).
Backend: PHP, MySQL.
Data Management: Advanced Custom Fields (ACF) for a modular, flexible content structure.
Your Project Could Be Next. Got a problem worth solving? Let's talk.