Elevating Murf AI’s
product illustrations

Elevating
Murf AI’s product illustrations

Murf AI is a company that builds AI voice tools. This is a collection of product illustrations made for their Voice Dubbing and API products. I worked closely with the product team to create these.

Murf AI is a company that builds AI voice tools. This is a collection of product illustrations made for their Voice Dubbing and API products. I worked closely with the product team to create these.

Murf AI is a company that builds AI voice tools. This is a collection of product illustrations made for their Voice Dubbing and API products. I worked closely with the product team to create these.

Challenges

Here are some of Murf's illustrations when I joined the company in early 2024.
I noticed some of these problems-

Here are some of Murf's illustrations when I joined the company in early 2024.
I noticed some of these problems-

Here are some of Murf's illustrations when I joined the company in early 2024.
I noticed some of these problems-

Examples of older spot illustrations of Murf, showing a lack of finishing/polish, visual inconsistencies and lacking the usage of metaphors.
Examples of older spot illustrations of Murf, showing a lack of finishing/polish, visual inconsistencies and lacking the usage of metaphors.
Examples of older spot illustrations of Murf, showing a lack of finishing/polish, visual inconsistencies and lacking the usage of metaphors.

Murf's colour palette was another concern as many of the brand's colours were too pastel to stand out against dark or light backgrounds and led to contrast issues when used with each other.

Murf's colour palette was another concern as many of the brand's colours were too pastel to stand out against dark or light backgrounds and led to contrast issues when used with each other.

Murf's colour palette was another concern as many of the brand's colours were too pastel to stand out against dark or light backgrounds and led to contrast issues when used with each other.

Pastel colour palette with 14 colours.
Pastel colour palette with 14 colours.
Pastel colour palette with 14 colours.
Illustration of a discount tag with a percentage symbol on it, tied to three balloons and floating.
Illustration of a discount tag with a percentage symbol on it, tied to three balloons and floating.
Illustration of a discount tag with a percentage symbol on it, tied to three balloons and floating.

a brand illustration showing low contrast when the colours are used together

a brand illustration showing low contrast when the colours are used together

a brand illustration showing low contrast when the colours are used together

Approach taken

The visual style of illustrations and colour palette were set in stone, and it required multiple discussions to persuade the team of the need for any improvements. I took a "small incremental changes" approach to making enhancements. The first challenge was getting the team on board with using slightly more saturated shades of the brand colors to make the illustrations look less washed out. Once this was achieved, I started experimenting within the existing visual style’s constraints to create illustrations that looked more refined and polished.

Here are some examples of the results -

The visual style of illustrations and colour palette were set in stone, and it required multiple discussions to persuade the team of the need for any improvements. I took a "small incremental changes" approach to making enhancements. The first challenge was getting the team on board with using slightly more saturated shades of the brand colors to make the illustrations look less washed out. Once this was achieved, I started experimenting within the existing visual style’s constraints to create illustrations that looked more refined and polished.

Here are some examples of the results -

The visual style of illustrations and colour palette were set in stone, and it required multiple discussions to persuade the team of the need for any improvements. I took a "small incremental changes" approach to making enhancements. The first challenge was getting the team on board with using slightly more saturated shades of the brand colors to make the illustrations look less washed out. Once this was achieved, I started experimenting within the existing visual style’s constraints to create illustrations that looked more refined and polished.

Here are some examples of the results -

A set of illustrations depicting the before and after
A set of illustrations depicting the before and after
A set of illustrations depicting the before and after.
A set of illustrations depicting the before and after.
A set of illustrations depicting the before and after.
A set of illustrations depicting the before and after.

API product illustrations

Spot illustrations created to used used in Murf's API product. These work both in dark and light colour modes.

Spot illustrations created to used used in Murf's API product. These work both in dark and light colour modes.

Spot illustrations created to used used in Murf's API product. These work both in dark and light colour modes.

A product mockup screen demonstrating the usage of an empty state illustration for "no activity".
A product mockup screen demonstrating the usage of an empty state illustration for "no activity".
A product mockup screen demonstrating the usage of an empty state illustration for "no activity".
A product mockup screen demonstrating the usage of an empty state illustration for "no activity".
A product mockup screen demonstrating the usage of an empty state illustration for "we run on desktop and not mobile".
A product mockup screen demonstrating the usage of an empty state illustration for "we run on desktop and not mobile".
A product mockup screen demonstrating the usage of an empty state illustration for "we run on desktop and not mobile".
A product mockup screen demonstrating the usage of an empty state illustration for "we run on desktop and not mobile".

Murf Dub email illustrations

An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations

Designed for Murf Dub's email nudges. These were also created to work in both dark and light browser themes.

Designed for Murf Dub's email nudges. These were also created to work in both dark and light browser themes.

Designed for Murf Dub's email nudges. These were also created to work in both dark and light browser themes.

A collection of new illustrations made for Murf Dub.
A collection of new illustrations made for Murf Dub.
A collection of new illustrations made for Murf Dub
A collection of new illustrations made for Murf Dub
A collection of new illustrations made for Murf Dub
A collection of new illustrations made for Murf Dub
An email mockup screen demonstrating the usage of one of the new illustrations.
An email mockup screen demonstrating the usage of one of the new illustrations.
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations
An email mockup screen demonstrating the usage of one of the new illustrations

Updated in Dec 2024