Fireflies.ai

Artifical Intelligent Note Taker

Fireflies.ai

Artifical Intelligent Note Taker

Fireflies.ai Hero Image
Fireflies.ai Hero Image

Year

2018

Position

Web/Graphic Intern

Overview & Problem

A different way to help keep your team on the same page with Fireflies.ai automatic note taking software, you'll never miss a single note during meetings. During the course of my internship at Fireflies.ai as a Web / Graphic Designer, I was assigned with the responsibility on redesigning a variety of different projects such as: email design, web design, presentation deck design, posters, and branding.

Year

2018

Position

Web & Graphic Design Intern

Overview & Problem

A different way to help keep your team on the same page with Fireflies.ai automatic note taking software, you'll never miss a single note during meetings. During the course of my internship at Fireflies.ai as a Web / Graphic Designer, I was assigned with the responsibility on redesigning a variety of different projects such as: email design, web design, presentation deck design, posters, and branding.

Insights

I started asking questions and gathered as much information and data as I can from the company. In order to help me gain better insights of who my clients and users were when redesigning their products.

Target Audience

Age: 18+
Region: WorldWide
Who: Companies, Corporates, and Businesses who constantly host meetings.

Success

Designing a friendly experience for cleints who recieves the email transcript after every meeting they have. Providing easy accessibility and user experience with Fireflies.ai's product / service.

Insights

I started asking questions and gathered as much information and data as I can from the company. In order to help me gain better insights of who my clients and users were when redesigning their products.

Target Audience

Age: 18+
Region: WorldWide
Who: Companies, Corporates, and Businesses who constantly host meetings.

Success

Designing a friendly experience for cleints who recieves the email transcript after every meeting they have. Providing easy accessibility and user experience with Fireflies.ai's product / service.

Personas

I started off devleoping personas to help give me better insights of the different potential clients and users who will utilize Fireflies.ai's software.

David Harris

Age 44, a dad who works at a corporate business. He constantly has meetings with his team members and discusses about important information. He has two kids who he prioritizes first when it comes to his daily life. David tends to have a hard time keeping his team in sync and wish that everyone could stay on the same page.

Persona image one

Emily Dear

Age 35, a single mother with a daughter. She works at a counseling firm and is the lead director of a department. Emily loves being organized and especially when it comes to her work desk in her office.

Persona image two

Personas

I started off devleoping personas to help give me better insights of the different potential clients and users who will utilize Fireflies.ai's software.

David Harris

Age 44, a dad who works at a corporate business. He constantly has meetings with his team members and discusses about important information. He has two kids who he prioritizes first when it comes to his daily life. David tends to have a hard time keeping his team in sync and wish that everyone could stay on the same page.

Emily Dear

Age 35, a single mother with a daughter. She works at a counseling firm and is the lead director of a department. Emily loves being organized and especially when it comes to her work desk in her office.

Persona image one Persona image two

Sketch (Live Wireframe)

During my internship @Fireflies.ai, every other week I would be assigned with different responsbilities for different projects and product lines that the company were coming out with. Below are several sketches over the course of my 3 month internship consisting of four different projects that I was responsible for designing.

Email

Sketches of Raymond Shen design for Fireflies.ai Email

Website

Sketches of Raymond Shen design for Fireflies.ai website

Extension

Sketches of Raymond Shen design for Fireflies.ai extension

Poster

Sketches of Raymond Shen design for Fireflies.ai Poster

Sketch

During my internship @Fireflies.ai, every other week I would be assigned with different responsbilities for different projects and product lines that the company were coming out with. Below are several sketches over the course of my 3 month internship consisting of four different projects that I was responsible for designing.

Email

Website

Sketches of Raymond Shen design for Fireflies.ai Email Sketches of Raymond Shen design for Fireflies.ai website

Extension

Poster

Sketches of Raymond Shen design for Fireflies.ai extension Sketches of Raymond Shen design for Fireflies.ai poster

Sitemap

I also created a redesign of Fireflies.ai's sitemap for their email, website, and extension. During my internship I presented several different versions over the course of 3 months for different projects to get feedback and have it approved by several different departments.

Email

A structural layout of fireflies.ai email

Website

A structural layout of fireflies.ai website

Extension

A structural layout of fireflies.ai extension

Sitemap

I also created a redesign of Fireflies.ai's sitemap for their email, website, and extension. During my internship I presented several different versions over the course of 3 months for different projects to get feedback and have it approved by several different departments.

Email

Website

Extension

A structural layout of fireflies.ai email A structural layout of fireflies.ai website A structural layout of fireflies.ai extension

Wireframe

Developing wireframes for several different projects was a bit challenging for me, due to the lack of data and information conducted for the projects I was responsible for designing. Since my internship contract was only 3 months, many of the user research, testing, and data analytics were directly given to me from the CEO of Fireflies.ai. With the limited information provided, I designed all the wireframes and product interfaces based on the companies target audiences, age group, and industry.

Website

Raymond Shen wireframe design for fireflies.ai's website

Extension

Raymond Shen wireframe design for fireflies.ai's extension

Presentation Deck

Raymond Shen wireframe design for fireflies.ai's poster

Wireframe

Developing wireframes for several different projects was a bit challenging for me, due to the lack of data and information conducted for the projects I was responsible for designing. Since my internship contract was only 3 months, many of the user research, testing, and data analytics were directly given to me from the CEO of Fireflies.ai. With the limited information provided, I designed all the wireframes and product interfaces based on the companies target audiences, age group, and industry.

Extension

Presentation Deck

Raymond Shen wireframe design for fireflies.ai's extension Raymond Shen wireframe design for fireflies.ai's poster

User Testing

User testing was also limited due to the amount of time I had working @Fireflies.ai as an Intern. Though user testing weren't conducted on most of the projects I've designed and was responsible for, I had the chance to conduct the email design due to the extra time I had for the given time period.

User Testing

User testing was also limited due to the amount of time I had working @Fireflies.ai as an Intern. Though user testing weren't conducted on most of the projects I've designed and was responsible for, I had the chance to conduct the email design due to the extra time I was given for the project. The findings I've conducted for the email design was surprisingly pleasing, because many users had no problem navigating through sections of the email's transcript. But there were minor problems with the inital design, and the feedback I've recieved from my boss were the clients having trouble reading parts of the transcript due to my color selections for the font.

Branding

Assigned to develop a rebranding of Fireflies.ai was also a bit complicated for me, because they already had a pre-designed style guide from their previous launch. With the color rebranding process, I've created several different color variations based on the given data and information I had recieved. The final color decisions were made based on my suggestions, departments, and CEO's approval.

Color Studies

Raymond shen color studies for fireflies.ai branding

Brand Colors

Raymond Shen branding color for fireflies.ai branding

Branding

Assigned to develop a rebranding of Fireflies.ai was also a bit complicated for me, because they already had a pre-designed style guide from their previous launch. With the color rebranding process, I've created several different color variations based on the given data and information I had recieved. The final color decisions were made based on my suggestions, departments, and CEO's approval.

Color Studies

Brand Colors

Raymond Shen color studies for fireflies.ai branding Raymond Shen branding color for fireflies.ai branding

Designs

For the final delivery many different changes and implemenation for several projects were made based on usertesting and feedback from the team and departments.

Extension

Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension
Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension
Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension
Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension

Poster

Raymond Shen final design for Fireflies.ai advertisement poster Raymond Shen final design for Fireflies.ai advertisement poster
Raymond Shen final design for Fireflies.ai advertisement poster Raymond Shen final design for Fireflies.ai advertisement poster
Raymond Shen final design for Fireflies.ai advertisement poster Raymond Shen final design for Fireflies.ai advertisement poster

Presentation Deck

Characters

Raymond Shen final design for Fireflies.ai characters Raymond Shen final design for Fireflies.ai characters Raymond Shen final design for Fireflies.ai characters
Raymond Shen final design for Fireflies.ai characters Raymond Shen final design for Fireflies.ai characters Raymond Shen final design for Fireflies.ai characters
Raymond Shen final design for Fireflies.ai characters Raymond Shen final design for Fireflies.ai characters Raymond Shen final design for Fireflies.ai characters
Raymond Shen final design for Fireflies.ai characters Raymond Shen final design for Fireflies.ai characters Raymond Shen final design for Fireflies.ai characters

Designs

For the final delivery many different changes and implemenation for several projects were made based on usertesting and feedback from the team and departments. Major changes were made for the website and extension because my inital designs lacked several design elements and structure.

Extension

Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension
Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension Raymond Shen final design for Fireflies.ai chrome extension

Posters

Raymond Shen final design for Fireflies.ai poster Raymond Shen final design for Fireflies.ai poster Raymond Shen final design for Fireflies.ai poster
Raymond Shen final design for Fireflies.ai poster Raymond Shen final design for Fireflies.ai poster Raymond Shen final design for Fireflies.ai poster

Presentation Deck

Characters

Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character
Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character
Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character Raymond Shen final design for Fireflies.ai character

Takeaways

Throughout the 3 months as an intern @Fireflies.ai, I had definitely learned a lot of different skillsets and insights about working at a startup company. Being responsible for multiple projects and redesigning every product given to me was a huge uphill battle for me. One thing that I had definitely learned being an intern @Fireflies.ai was figuring out how to design and develop (Coding) an email template. Overall my experience @Fireflies.ai was pleasent, and I felt that my skills had grown more out of this internship as I got to work on different projects as a Web / Graphic designer.

Takeaways

Throughout the 3 months as an intern @Fireflies.ai, I had definitely learned a lot of different skillsets and insights about working at a startup company. Being responsible for multiple projects and redesigning every product given to me was a huge uphill battle for me. One thing that I had definitely learned being an intern @Fireflies.ai was figuring out how to design and develop (Coding) an email template. Overall my experience @Fireflies.ai was pleasent, and I felt that my skills had grown more out of this internship as I got to work on different projects as a Web / Graphic designer.