Contact us
Ask ahead! We will do our best to reply as soon as possible.
Kisscam® Web Contests
Web Application Development using React + Node.js + MongoDB
A tenant-based white-label web application for live contests
The kiss cam has been a social tradition in U.S. sports arenas for decades. Kisscam® is bringing the kiss cam to your home and different venues to participate in contests not only during your favorite sports teams’ games but also during holidays and other social events.
Team
- Marina Cardone (UXD)
- Mariano Rozanski (Dev)
- Silvia Mendez (Project Management + Quality Assurance)
Categories
- React
- Node
- Mongo DB
- AWS
CASE
“Design and implement a solution to allow people to submit their photos to an online contest happening during a sports game”
If you are a sports fan, you know the Kiss Cam works in the venues. The fans had to wait for the cameraman to point in their direction to kiss and be seen on the Jumbotron. During the pandemic, the venues were closed. The Kiss Cam was missed but not forgotten.
Kisscam® already had a white-label mobile app that allowed tenants to promote their events and run contests with their fans using frames for the pictures, but this would imply that the fans would have to download the mobile app for each team’s games.
The best cost-benefit solution was to create a white-label web application that allowed to run contests online that people could get using a QR code from a social media ad.
CHALLENGE
“A white-label, multi-tenant web application with a point system to declare winners ”
The application needs different access and permission roles that allow Kisscam® to manage the tenants and their contests. Each tenant has its own brand (logo, background, photo frame, and colors), and each contest has its points system to declare who the winner is.
The administrators need real-time access to vet the photos submitted by the contestants, and, depending on the sport, the times to announce finalists and winners vary.
Kisscam® also requested to design the experience to become viral.
SOLUTION
“Web application development for a points system based on social media sharing”
The user interface gives the users a step-by-step explanation about how to participate, upload the picture, vote, and share. It has a countdown, or the inning if it is a baseball game when the finalists or the winners will be announced.
The participants to any Kisscam® contest will have a unified login. This means they will participate in contests for different teams using the same login information and will collect points to get rewards.
The administrators will also have a console where they will see in real-time the photos being submitted with the number of votes and points collected to choose the finalists and the winner.
The application is also open to being integrated with gifts and rewards systems from the tenants.
CREATIVE PROCESS
Mobile App, Web App, Chrome Extension, and Marketing Website Ecosystem
UXD
Mobile-first design using a step-by-step flow, interactive prototypes, and a user journey to create the best approach for the users and the admins created using Adobe XD.
Web Application Development
- React was used for the user interface
- MongoDB was the selected database to support the speed of the data that is coming during a game
- Hosting the database, apps, and endpoints using AWS, which provides scalability and security
DevOps
- CI/CD to have the deployment flows to test individual feature branches. Also to keep the dev, staging, and production environments in the corresponding states.
Agile Scrum
Agile Scrum Methodology for Distributed Teams was utilized to keep the developers and QA professionals up to date and aware of changes and news: Daily Standups, Backlog Grooming, Sprint Demos, Retros, Planning sessions.
Quarterly strategy meetings to define the direction of the company and the digital products translated into Jira Epics prioritized by customer value provided to be developed during the quarter.
Team Management
The development team is a distributed in North + South America, and New Zealand. Open communication is kept using Slack, Zoom, Miro, and Atlassian Jira.
Results
- The pilot was run in late 2022 by the Oklahoma City Dodgers with excellent reviews from the fans and the managers.
- During only 3 games, they collected more than 125 emails from fans. This is 80% more than what they get from their more traditional methods.
- The OKCD will be using the full version of this web application next year.
