Transform your website with a voice message gateway, capturing customer inquiries directly with the help of AI. No need for phones or live chats.
Koduu
2024
Web
Transform your website with a voice message gateway, capturing customer inquiries directly with the help of AI. No need for phones or live chats.
Koduu
2024
Web
Transform your website with a voice message gateway, capturing customer inquiries directly with the help of AI. No need for phones or live chats.
Koduu
2024
Web
What I did
Product design lead for design & branding
As the only designer on the team I worked on the branding, web design, company facing webpage and widget experience users interact with to connect with the business. Additionally, I have also taken on the role of a researcher to make sure all the designs are rooted in user needs and are easy intuitive to interact with. I worked closely with the founders and lead engineers to make sure the experiences were feasible and matched their expectations.
What I did
Product design lead for design & branding
As the only designer on the team I worked on the branding, web design, company facing webpage and widget experience users interact with to connect with the business. Additionally, I have also taken on the role of a researcher to make sure all the designs are rooted in user needs and are easy intuitive to interact with. I worked closely with the founders and lead engineers to make sure the experiences were feasible and matched their expectations.
What I did
Product design lead for design & branding
As the only designer on the team I worked on the branding, web design, company facing webpage and widget experience users interact with to connect with the business. Additionally, I have also taken on the role of a researcher to make sure all the designs are rooted in user needs and are easy intuitive to interact with. I worked closely with the founders and lead engineers to make sure the experiences were feasible and matched their expectations.
Team
CEO of Koduu (software engineer) and his partner (also software engineer)
Challenge
[Challenge 1] Help small to medium businesses to connect more quickly with their customers and amplify the customer service experience with AI [Challenge 2] Create branding, website and widget for the start-up Koduu
Outcome
Website IA & UX Widget UX Branding
Team
CEO of Koduu (software engineer) and his partner (also software engineer)
Challenge
[Challenge 1] Help small to medium businesses to connect more quickly with their customers and amplify the customer service experience with AI [Challenge 2] Create branding, website and widget for the start-up Koduu
Outcome
Website IA & UX Widget UX Branding
Team
CEO of Koduu (software engineer) and his partner (also software engineer)
Challenge
[Challenge 1] Help small to medium businesses to connect more quickly with their customers and amplify the customer service experience with AI [Challenge 2] Create branding, website and widget for the start-up Koduu
Outcome
Website IA & UX Widget UX Branding
[Hypothesis]
To overcome language and time barriers, AI can be the tool to help connect small business with their customers with the latest voice technology.
[Hypothesis]
To overcome language and time barriers, AI can be the tool to help connect small business with their customers with the latest voice technology.
[Hypothesis]
To overcome language and time barriers, AI can be the tool to help connect small business with their customers with the latest voice technology.
Approach
Approach
Approach
Challenge for Small - Medium Businesses:
Businesses, especially smaller growing businesses, often don’t have access to the tools they needed to scale their customer support experience in a way that was affordable. Thus as they grow, they often grow out of their existing customer support patterns but can't afford to upgrade it sufficiently. In the absence of an affordable solution that scaled, most businesses would opt for solutions that prioritised efficiency for the business workflow, but often results in poorer customer service (call centres, AI chatbots, understaffed phone support with long wait times).
I decided to help but like in proper startup fashion I had limited time to stand up a website, branding and an AI widget customers can engage with.
Challenge for Small - Medium Businesses:
Businesses, especially smaller growing businesses, often don’t have access to the tools they needed to scale their customer support experience in a way that was affordable. Thus as they grow, they often grow out of their existing customer support patterns but can't afford to upgrade it sufficiently. In the absence of an affordable solution that scaled, most businesses would opt for solutions that prioritised efficiency for the business workflow, but often results in poorer customer service (call centres, AI chatbots, understaffed phone support with long wait times).
I decided to help but like in proper startup fashion I had limited time to stand up a website, branding and an AI widget customers can engage with.
Challenge for Small - Medium Businesses:
Businesses, especially smaller growing businesses, often don’t have access to the tools they needed to scale their customer support experience in a way that was affordable. Thus as they grow, they often grow out of their existing customer support patterns but can't afford to upgrade it sufficiently. In the absence of an affordable solution that scaled, most businesses would opt for solutions that prioritised efficiency for the business workflow, but often results in poorer customer service (call centres, AI chatbots, understaffed phone support with long wait times).
I decided to help but like in proper startup fashion I had limited time to stand up a website, branding and an AI widget customers can engage with.
Outcome
Outcome
Outcome
An AI customer service with no language barries
Thanks to the translation and summarization layer of AI, users have less barriers to engage with businesses to voice their needs / complaints. Additionally, businesses are enabled to build actual rapport with their customers.
An AI customer service with no language barries
Thanks to the translation and summarization layer of AI, users have less barriers to engage with businesses to voice their needs / complaints. Additionally, businesses are enabled to build actual rapport with their customers.
An AI customer service with no language barries
Thanks to the translation and summarization layer of AI, users have less barriers to engage with businesses to voice their needs / complaints. Additionally, businesses are enabled to build actual rapport with their customers.
Streamline communication
Dealing with all the incoming requests from customers can be overwhelming. By creating this streamlined communication for businesses (them receiving the voice messages, transcripts and translation) we create a natural communication protocol with more organization.
Ai bridging connections
By using AI as a technology to help with translations, multiple language inputs and more, we create a more effective bridge between businesses and their customers.
The tech behind it
Via this widget, users can choose to record a voice message or type out what they want to say - no matter the language. Any company can implement this widget on their website.
The tech behind it
Via this widget, users can choose to record a voice message or type out what they want to say - no matter the language. Any company can implement this widget on their website.
The tech behind it
Via this widget, users can choose to record a voice message or type out what they want to say - no matter the language. Any company can implement this widget on their website.
An holistic but rapid project
My tasks were to create the AI widget users are interacting with, as well as making sure that the brand is stood up for VoxMail (hence also the website). I had to work on pararell design interations and investigations to make sure that both projects got got the focus they needed so I could tackle all the design challenges and pain points accordingly. An in typical startup fashion: as efficient and speedy as possible.
An holistic but rapid project
My tasks were to create the AI widget users are interacting with, as well as making sure that the brand is stood up for VoxMail (hence also the website). I had to work on pararell design interations and investigations to make sure that both projects got got the focus they needed so I could tackle all the design challenges and pain points accordingly. An in typical startup fashion: as efficient and speedy as possible.
An holistic but rapid project
My tasks were to create the AI widget users are interacting with, as well as making sure that the brand is stood up for VoxMail (hence also the website). I had to work on pararell design interations and investigations to make sure that both projects got got the focus they needed so I could tackle all the design challenges and pain points accordingly. An in typical startup fashion: as efficient and speedy as possible.
Process
Process
Process
User journey & pain points
- Users are fed up with the waiting times - waiting on hold, waiting for a response in a live chat where leaving the chat would mean the end of the conversation etc and feel the pressure to stay on the line. - Enable multiple modes of input for capturing the inbound message. Different demographics of people have different preferred methods of capturing their sentiments, especially when considering the variety of cultures, ages and disabilities. - By using AI as a technology to help with translations, multiple language inputs and more, we create a more effective bridge between businesses and their customers.
User journey & pain points
- Users are fed up with the waiting times - waiting on hold, waiting for a response in a live chat where leaving the chat would mean the end of the conversation etc and feel the pressure to stay on the line. - Enable multiple modes of input for capturing the inbound message. Different demographics of people have different preferred methods of capturing their sentiments, especially when considering the variety of cultures, ages and disabilities. - By using AI as a technology to help with translations, multiple language inputs and more, we create a more effective bridge between businesses and their customers.
User journey & pain points
- Users are fed up with the waiting times - waiting on hold, waiting for a response in a live chat where leaving the chat would mean the end of the conversation etc and feel the pressure to stay on the line. - Enable multiple modes of input for capturing the inbound message. Different demographics of people have different preferred methods of capturing their sentiments, especially when considering the variety of cultures, ages and disabilities. - By using AI as a technology to help with translations, multiple language inputs and more, we create a more effective bridge between businesses and their customers.
Widget interaction
A user should always have a choice how to communicate. With this flow, I wanted to create a seamless transition if the user changes their mind on the communication medium.
Widget interaction
A user should always have a choice how to communicate. With this flow, I wanted to create a seamless transition if the user changes their mind on the communication medium.
Widget interaction
A user should always have a choice how to communicate. With this flow, I wanted to create a seamless transition if the user changes their mind on the communication medium.
IA for VoxMail website
As it wasn't only about designing the widget and the interactions, I also had to take care of the VoxMail website to promote the service to customers. After a few iterations I came up with a structure that is leveraging commonly used UX patterns and multiple entry points to get to the different sections like overview, pricing and subscription.
IA for VoxMail website
As it wasn't only about designing the widget and the interactions, I also had to take care of the VoxMail website to promote the service to customers. After a few iterations I came up with a structure that is leveraging commonly used UX patterns and multiple entry points to get to the different sections like overview, pricing and subscription.
IA for VoxMail website
As it wasn't only about designing the widget and the interactions, I also had to take care of the VoxMail website to promote the service to customers. After a few iterations I came up with a structure that is leveraging commonly used UX patterns and multiple entry points to get to the different sections like overview, pricing and subscription.
Wirframe sketches - Low & mid fidelity
As it wasn't only about designing the widget and the interactions, I also had to take care of the VoxMail website to promote the service to customers. After a few iterations I came up with a structure that is leveraging commonly used UX patterns and multiple entry points to get to the different sections like overview, pricing and subscription.
Wirframe sketches - Low & mid fidelity
As it wasn't only about designing the widget and the interactions, I also had to take care of the VoxMail website to promote the service to customers. After a few iterations I came up with a structure that is leveraging commonly used UX patterns and multiple entry points to get to the different sections like overview, pricing and subscription.
Wirframe sketches - Low & mid fidelity
As it wasn't only about designing the widget and the interactions, I also had to take care of the VoxMail website to promote the service to customers. After a few iterations I came up with a structure that is leveraging commonly used UX patterns and multiple entry points to get to the different sections like overview, pricing and subscription.
Not just for web.
To fully set Koduu up for success I also made sure that the website scaled nicely on mobile. To make sure everything is intuitive and accessible, I played with multiple Figma prototypes to test the interactions.
Not just for web.
To fully set Koduu up for success I also made sure that the website scaled nicely on mobile. To make sure everything is intuitive and accessible, I played with multiple Figma prototypes to test the interactions.
Not just for web.
To fully set Koduu up for success I also made sure that the website scaled nicely on mobile. To make sure everything is intuitive and accessible, I played with multiple Figma prototypes to test the interactions.
Branding
Branding
Branding
Voxmail Logo
Businesses, especially smaller growing businesses, often don’t have access to the tools they needed to scale their customer support experience in a way that was affordable, thus as they grew, they often grew out of their existing customer support patterns but couldn’t afford to upgrade it sufficiently. In the absence of an affordable solution that scaled, most businesses would opt for solutions that prioritised efficiency for the business workflow, but often resulted in poorer customer service (call centres, AI chatbots, understaffed phone support with long wait times).
Voxmail Logo
Businesses, especially smaller growing businesses, often don’t have access to the tools they needed to scale their customer support experience in a way that was affordable, thus as they grew, they often grew out of their existing customer support patterns but couldn’t afford to upgrade it sufficiently. In the absence of an affordable solution that scaled, most businesses would opt for solutions that prioritised efficiency for the business workflow, but often resulted in poorer customer service (call centres, AI chatbots, understaffed phone support with long wait times).
Voxmail Logo
Businesses, especially smaller growing businesses, often don’t have access to the tools they needed to scale their customer support experience in a way that was affordable, thus as they grew, they often grew out of their existing customer support patterns but couldn’t afford to upgrade it sufficiently. In the absence of an affordable solution that scaled, most businesses would opt for solutions that prioritised efficiency for the business workflow, but often resulted in poorer customer service (call centres, AI chatbots, understaffed phone support with long wait times).
Typography & color palette
As a typeface I chose Khula - it is a contemporary text typeface family designed by Erin McLaughlin as a compliment to Open Sans and fit the seriousness but elegance of the VoxMail brand well. The color palette I chose reflected the calm, elegant notion with a pop of orange-red which is a signal color used for recordings.
Typography & color palette
As a typeface I chose Khula - it is a contemporary text typeface family designed by Erin McLaughlin as a compliment to Open Sans and fit the seriousness but elegance of the VoxMail brand well. The color palette I chose reflected the calm, elegant notion with a pop of orange-red which is a signal color used for recordings.
Typography & color palette
As a typeface I chose Khula - it is a contemporary text typeface family designed by Erin McLaughlin as a compliment to Open Sans and fit the seriousness but elegance of the VoxMail brand well. The color palette I chose reflected the calm, elegant notion with a pop of orange-red which is a signal color used for recordings.
Assessing accessibility
To make the website as accessible as possible, I made blindness accessibility checks to ensure the color differences are strong enough. Based on those test, I updated the hues for a higher contrast ratio.
Assessing accessibility
To make the website as accessible as possible, I made blindness accessibility checks to ensure the color differences are strong enough. Based on those test, I updated the hues for a higher contrast ratio.
Assessing accessibility
To make the website as accessible as possible, I made blindness accessibility checks to ensure the color differences are strong enough. Based on those test, I updated the hues for a higher contrast ratio.
Selected craft
SUSANNE DUSWALD
©
All rights reserved. 2025
SUSANNE DUSWALD
©
All rights reserved. 2025
SUSANNE DUSWALD
©
All rights reserved. 2025