Firmbee Invoice App Promo Video

What is Firmbee?

Firmbee is a comprehensive project management and business operations software that helps teams and freelancers streamline various aspects of their work. It provides tools for project and task management, time tracking, team collaboration, invoicing, and CRM (Customer Relationship Management), aiming to centralize and simplify workflows for businesses of all sizes. By bringing project planning, communication, and financial management together, Firmbee supports users in maintaining efficiency and organization, allowing them to handle everything from client communication to financial tracking within a single platform.

Promo Video for Firmbee Invoice App

For this project, I developed a promotional video for Firmbee’s new fintech tool, the Firmbee Invoice App. This app, designed to streamline invoicing for small businesses and freelancers, was set to launch on Google Play marketplace, with the video as the main introduction. The video was also shared on YouTube to expand its reach.

The goal was to show how easy the app is to use and highlight its core features: creating invoices from a service list, tracking payments, managing contacts, and customizing offers—all from a single, organized dashboard. By emphasizing its free access and business-friendly design, I aimed to position it as a go-to invoicing solution.

In my role, I handled both the art direction and UI animation, presenting a clear and intuitive flow to demonstrate the app’s main functionalities. The final video positioned the Firmbee Invoice App as a practical fintech tool for businesses seeking a straightforward, all-in-one invoicing solution.

Research and Development

I began my research by exploring Firmbee’s website, social media, and existing visuals on the Google Play store page. My goal was to understand the brand’s tone of voice and visual style. Key elements that stood out were the frequent use of hexagons, a vibrant yellow color palette, depth of field, and masking techniques to integrate design elements.

With these in mind, I created a moodboard with two distinct concepts. The first was an “elegant” approach, featuring a smartphone model with close-up shots and clean typography. The second was a “playful” concept, incorporating colorful shapes to signify payment statuses, honeycomb patterns, and flat illustrations of a mobile phone, all emphasizing ease of use and a modern, approachable design.

Ultimately, I chose the elegant concept. Given that this was a promo for an invoicing app, the sophisticated visual style aligned better with the brand’s current presentation and conveyed a professional look suited to the app’s purpose.

Working with Beta Builds

A unique challenge in this project was working simultaneously with Figma files and the app’s beta builds. Given the tight deadline, visual elements were sometimes updated in the beta versions before being finalized in the design files. This meant that every day or two, I received a new app build to install on my phone, allowing me to keep up with the latest visual changes. While it required constant updates, this process actually supported the in-app UX animation work, as I could observe the app’s natural behaviors and refine or enhance animations to match the app’s interactive feel.

Storyboard Development

With the app’s core features identified, the next phase involved creating a storyboard to plan out the mobile app marketing video. To make this process seamless, I rendered frames of a 3D phone displaying the app UI, giving the graphic designer a clear reference for each scene. We experimented with a storyboard in three brand-aligned colors: soft gray, yellow, and dark gray. Ultimately, I chose the soft gray for a clean, elegant look that suited the invoicing app’s purpose. After multiple iterations, we finalized the frames, setting a strong foundation for the UI animation phase.