Email Copied!

Fireflies.ai

Fireflies.ai Website →
Mockup images showcasing the web design I created for Fireflies.ai, collaborating with a senior designer at the company.

Information

Timeline & Role

Jun. 2018 Designer

Overview

An AI assistant designed to help take notes your meetings.

Software

  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe AfterEffects
  • HTML5 & CSS3

Contribution

  • Web Design
  • Email Design
  • Extension Design
  • Brand Design

Summary

While working as a Designer at Fireflies.ai, I focused on enhancing the company’s branding, digital assets, website, and email templates. Even though there was an existing brand and UI design, my responsibility was to ensure a consistent and improved user interaction with the product.

I collaborated closely with the founder and various teams, including marketing and engineering, to comprehend the challenges and devise solutions to enhance the user experience.

Branding

Brainstorming sessions and iterations took place between the founder and me. The aim of the rebrand was to ensure it aligns with the brand voice, perception, and resonates with their consumer market. This resulted in three keywords representing Fireflies.ai: friendly, bright, and intelligent.


                Worked on updating the colors for Fireflies.ai and assessing how they would complement the existing logo. 
                Developed a moodboard featuring various colors and inspirations to share findings and recommendations with the founder regarding a potential new color palette for Fireflies.ai. From the moodboard for color exploration, we have finalized a new color palette. The image on the left represents the old version of the branding color, while the image on the right showcases the new branding color.

extension

Designed the Fireflies.ai extension CRM, allowing clients and users to take notes and seamlessly convert them into an email format.


                Fireflies.ai CRM Extension - Image 1 
                Fireflies.ai CRM Extension - Image 2

Email

Designed responsive email templates for Fireflies.ai using Mailchimp, ensuring compatibility with both web and mobile platforms. Additionally, involved in coding the HTML and CSS components for the templates.

Email template designed for Fireflies.ai, featuring both mobile and web versions 
                    Mobile view of the email template designed for Fireflies.ai, ensuring a responsive and user-friendly experience. Web view of the email template designed for Fireflies.ai, ensuring a responsive and user-friendly experience.

website

Collaborated with another senior designer to revamp the Fireflies.ai website, focusing on UI layout and user flows.


                    Images of the website I've assisted in redesigning for Fireflies.ai. Images of the website I've assisted in redesigning for Fireflies.ai. 
                    Images of the website I've assisted in redesigning for Fireflies.ai. 
                    Images of the website I've assisted in redesigning for Fireflies.ai.

digital ads

Designed digital ads for Instagram by reusing elements and components applied by the senior designer across the company's product website and templates.

Samples of the designs I've created for Fireflies.ai Instagram square posts. 
                    Samples of the designs I've created for Fireflies.ai Instagram square posts.

present

group platform

heylo.co

first designer

Heylo mockup of login screen

oct. 2022

group streaming

teleparty

product design

A design of Teleparty's mobile app

jun. 2020

career coach

hireclub

first designer

Design of Hireclub's web advertisements

oct. 2018

ai transcriber

fireflies.ai

product design

Website design sample of Fireflies.ai landing page section
back top