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.](../img/fireflies/Fireflies_Branding_Logo.jpg)
![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.](../img/fireflies/Fireflies_Branding_MoodBoard.jpg)
![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.](../img/fireflies/Fireflies_Branding_Colors.jpg)
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](../img/fireflies/Fireflies_Extension_1.jpg)
![Fireflies.ai CRM Extension - Image 2](../img/fireflies/Fireflies_Extension_2.jpg)
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](../img/fireflies/Fireflies_Email_0.jpg)
![Mobile view of the email template designed for Fireflies.ai, ensuring a responsive and user-friendly experience.](../img/fireflies/Fireflies_Email_1.jpg)
![Web view of the email template designed for Fireflies.ai, ensuring a responsive and user-friendly experience.](../img/fireflies/Fireflies_Email_2.jpg)
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.](../img/fireflies/Fireflies_Website_1.jpg)
![Images of the website I've assisted in redesigning for Fireflies.ai.](../img/fireflies/Fireflies_Website_2.jpg)
![Images of the website I've assisted in redesigning for Fireflies.ai.](../img/fireflies/Fireflies_Website_3.jpg)
![Images of the website I've assisted in redesigning for Fireflies.ai.](../img/fireflies/Fireflies_Website_4.jpg)
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.](../img/fireflies/Fireflies_Digital_1.jpg)
![Samples of the designs I've created for Fireflies.ai Instagram square posts.](../img/fireflies/Fireflies_Digital_2.jpg)