Skip to Content
Enter
Skip to Menu
Enter
Skip to Footer
Enter

FFDC

App store logoGoogle play store logo

How We Partnered with FlutterFlow to Develop an Official FFDC Event App

INDUSTRY
LifestyleTech Event
Date
September 2024
Duration
4 weeks
DELIVERABLES
UX Design | UI Design | Mobile Development
STACK
FlutterFlow | Supabase
FFDC
FlutterFlow Developers Conference 2024 FFDC is the biggest FlutterFlow event of the year, bringing together developers, experts, and community members from around the globe.
15+

TALKS & SESSIONS

12+

SPEAKERS

50k+

LIVESTREAM VIEWS

Countdown. Connect. Celebrate.

To build excitement leading up to the event, we introduced a countdown timer widget that dynamically displayed the number of days, hours, and minutes remaining until the FlutterFlow Developer Conference began. To keep attendees engaged throughout the event, we also launched a prize stack carousel—a feature where attendees submitted answers to prize questions, with top contributors receiving rewards.

Additionally, each attendee’s personal profile page featured animated ribbons displaying their name, title, and attendee type. This added both visual flair and helped in-person participants quickly understand each other's roles and reasons for attending FFDC.

Beyond the Event: Connect & Explore

To encourage meaningful connections between attendees, we introduced a gyroscope-based QR code scanning feature, allowing users to connect by scanning each other's personal codes and easily continue their conversations after the event.

To make the interaction more fun and intentional, sending a friend request required sliding a custom-built button in Flutter.To enhance the overall experience in New York City, we included flipping cards with quick, helpful tips on how to navigate and make the most of their stay in the Big Apple.

UI Design

We decided on a dark UI design that works best in low-light settings and allows bold accentcolors for buttons, icons, and highlights to stand out, creating sharp, attention-grabbingcontrast. Overall, the modern sleek design provides a visually engaging and professionalaesthetic, ideal for a tech-savvy audience.

Firebase & integrations

Since FlutterFlow is supporting an integration with Google Firebase it was natural for us to set up the backend there to speed up the whole development process. We utilised a lot of “out-of-the-gate” features such as push notifications, to ensure great user experience while being able to develop the app very quickly.

To power key parts of the FFDC app experience, we leveraged several Firebase features. OTP (One-Time Password) login provided users with a fast and seamless sign-in experience. We used Firebase Cloud Functions to securely integrate with the Ticket Tailor API, enabling real-time ticket validation and user data syncing. Firebase Cloud Messaging (FCM) handled push notifications, keeping attendees updated on schedules, announcements, and prize alerts. To ensure data safety, we implemented strict Firebase Security Rules for controlled access to the database. Finally, we used Firebase Storage to manage and serve user avatars and other app assets efficiently.

We
should
talk
Calda octopus icon
Clutch rating with starts of 4.9
The best time to build your app was yesterday. The second best is now.