CodeLab FQ24 BN
An automated advertising budget optimization tool built for Brand Networks, transitioning from a Google Sheets-based system to a dynamic web application.
Tech Stack
Project Overview
CodeLab FQ24 BN was developed to address the growing need for real-time financial data visualization in the fintech industry. The platform aggregates data from multiple sources and presents it in an intuitive interface that allows users to track investments, analyze market trends, and make informed decisions.
The Challenge
The main challenge was creating a system that could handle large volumes of financial data while maintaining performance and providing real-time updates. Additionally, we needed to design an interface that would be accessible to users with varying levels of financial expertise.
The Solution
We implemented a microservices architecture using Next.js for the frontend and Node.js for the backend services. This allowed us to scale individual components independently and optimize for performance. The UI was designed with a focus on clarity and usability.
The Outcome
The platform has been adopted by three major financial institutions and has processed over 1 million transactions since launch. User feedback has been overwhelmingly positive, with a 92% satisfaction rate and a 40% reduction in time spent analyzing financial data.
Project Visuals
The responsive design ensures a seamless experience across all devices.
Custom data visualization components make complex financial data easy to understand.
Optimized user flows reduce friction and improve the overall user experience.
Me and my team!
Development Process
Research & Planning
The project began with extensive market research to identify key pain points in financial data visualization. We conducted user interviews with financial analysts and created detailed wireframes to map out the user experience.
Design & Prototyping
The design phase focused on creating an intuitive interface that could present complex data in an accessible way. We developed interactive prototypes and conducted usability testing to refine the user experience.
Development & Testing
We built a scalable system using Next.js for the frontend, PostgreSQL for multi-channel ad data management, and Docker to streamline development environments. The frontend was built with Next.js and React, while the backend services were developed using Node.js and Express. Extensive testing was conducted to ensure data accuracy and system performance.
Key Features
Automated Budget Optimization
Dynamically adjusts advertising budgets based on real-time performance data across multiple platforms.
Multi-Channel Ad Metrics
Enables advertisers to track campaign performance metrics across Facebook, TikTok, YouTube, and other platforms.
User-Configurable Filters & Logs
Allows advertisers to fine-tune optimization settings and view historical logs for ad performance adjustments.
CI/CD Deployment & API Integration
Implemented GitHub Actions for CI/CD, containerized builds with Docker, and integrated with APIs for seamless ad account synchronization.
Interested in working together?
We extend our sincere thanks to Brand Networks and their incredible development team for their collaboration and support throughout this project.