FFDC
FlutterFlow team trusted us to develop an app for their FFDC event which took place in NYC in September ‘24. Our challenge was to create an app that would elevate an in-person and online experience for the attendees.
FFDC is the biggest FlutterFlow event of the year, bringing together developers, experts, and community members from around the globe.
Meet the client
FlutterFlow is a development platform with a visual interface for building cross-platform mobile and web apps, based on Google's Flutter framework. With over 1.6M users FlutterFlow enabled many companies to develop amazing native and web apps in Flutter. This year they organised their second annual FFDC event for which they needed an app. Guess who built it?
Features
Countdown timer
Before the event took place, we wanted to bring the excitement to the attendees by showing a countdown timer widget. The widget was built so that it was showing in how many days/hours/minutes the event will take place!
Prize stack carousel
To make sure the whole event would be as engaging as possible, we sent prize questions to all attendees and the best ones would get the rewards.
Animated ribbons
Animated ribbons are displayed on users personal profile page, with their title and attendee type info being displayed. This would allow in-person attendees to quickly better understand what the person does and why they are attending the FFDC.
Gyroscope effect
Users were able to connect with their co-attendees by scanning each others’ personal QR codes. This would match both users who would more easily exchange information and continue their conversations after the event. To spice things up, we had to do something special.
Custom buttons
To send out a friend request users had to confirm their action by sliding a custom button we built in Flutter.
Flipping cards
To make attendees stay in Big Apple as enjoyable as possible, we wanted to provide some quick tips on how to move around the city and spend their time there.
UX Design
This step allows us to dig deep into the app structure, including all the needed features and possibilities for the user. It is such an important part of design as it gives us a perspective on the product’s complexity. It lets us organise and prepare for the following steps.
Meet the wireframes
UI Design
We decided on a dark UI design that works best in low-light settings and allows bold accent colors for buttons, icons, and highlights to stand out, creating sharp, attention-grabbing contrast. Overall, the modern sleek design provides a visually engaging and professional aesthetic, ideal for a tech-savvy audience.
A B C D E F GH I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Jump on a call with our CEO to discuss your idea in more detail 🧡🐙!
