← Back to projects

Brightfish — Campaign Planner

Category: Design & Development

Brightfish Campaign Planner

A campaign planner built for Brightfish that enables companies to configure cinema advertising campaigns. Users can pick a fully customized campaign (selecting films and placements) or opt for a budget-driven plan where the system recommends placements based on spend. The product includes a JavaScript-powered AI assistant (chatbot) to guide companies through setup and answer common questions.

Overview

During the final semester of 2024–2025 (Feb 2025 – Jun 2025) we designed and developed a Campaign Planner for Brightfish. The tool allows advertisers to create and submit cinema ad campaigns with two distinct routes: a Customized Campaign where companies hand-pick movies, screens and schedules; or a Budget-Based Campaign where they specify a budget and receive recommended placements and reach estimates.

Role

UX/UI Designer & Developer — I led design workshops with Brightfish, produced wireframes and high-fidelity prototypes, and implemented the front-end and integration logic for the planner, including the chatbot integration.

Deliverables

  • Research and concept sketches for campaign flows
  • Wireframes, user flows and high-fidelity Figma prototypes
  • Fully functional campaign planner web app
  • Chatbot integrated to assist users during setup

Process & Learnings

We started with interviews and workshops with Brightfish to define core requirements and edge cases. From there we mapped two primary user journeys: the "Customized Campaign" flow where advertisers select films, screens and schedules, and the "Budget-Based" flow that calculates recommended placements and projected reach. Prototypes were built in Figma and validated with stakeholders before development. The chatbot was added to help users with common decisions (budget estimation, selecting genres, and required assets).

Technical Notes

The site uses server-side PHP and standard HTML/CSS for the main campaign pages and form handling. Campaign data is stored in an SQL database. The AI assistant/chatbot is implemented in JavaScript (client-side and lightweight server hooks) to provide context-aware guidance during campaign setup and to prefill or validate form fields as users progress. REST endpoints connect the front-end to PHP back-end logic and the database for recommendation and validation workflows.

Wireframes
Chatbot Integration