Experience the future of phone sound design with AI generated voices.
Project Details
Summary
UI for Telefonsounds.ai, the new subsidiary of Telefonsounds.de, offering AI-generated phone announcements and hold music.
Type
Commission
Platform
Figma
Skills
UX/UI Design
View Live Site
The Brief
Telefonsounds.ai is a subsidiary of Telefonsounds.de, an established brand in the B2B market for automatic phone announcements featuring professional voice actors. The goal was to create a website where users can create phone announcements online using AI-generated voices via the ElevenLabs API. Key features include a voice generator integrated with said API, customer profiles, an e-commerce platform with checkout for credit packages, and a dedicated landing page for customer acquisition. The challenge was to integrate with Telefonsounds.de while establishing Telefonsounds.ai as a competitive standalone entity.
The Approach
Given the lovely but outdated design of Telefonsounds.de, we loosely based our approach on its framework while enhancing the overall branding. We adopted the parent company's fonts, primary colors, and logos but expanded the color palette and optimized the layout. To imbue Telefonsounds.ai with a technical and AI-focused vibe, we employed light gradients, AI-generated imagery (thanks to Adobe Firefly), and dynamic tones, while maintaining a clean UI as the foundational element.
Project Details
Summary
UI for Telefonsounds.ai, the new subsidiary of Telefonsounds.de, offering AI-generated phone announcements and hold music.
Type
Commission
Platform
Figma
Skills
UX/UI Design
View Live Site
The Brief
Telefonsounds.ai is a subsidiary of Telefonsounds.de, an established brand in the B2B market for automatic phone announcements featuring professional voice actors. The goal was to create a website where users can create phone announcements online using AI-generated voices via the ElevenLabs API. Key features include a voice generator integrated with said API, customer profiles, an e-commerce platform with checkout for credit packages, and a dedicated landing page for customer acquisition. The challenge was to integrate with Telefonsounds.de while establishing Telefonsounds.ai as a competitive standalone entity.
The Approach
Given the lovely but outdated design of Telefonsounds.de, we loosely based our approach on its framework while enhancing the overall branding. We adopted the parent company's fonts, primary colors, and logos but expanded the color palette and optimized the layout. To imbue Telefonsounds.ai with a technical and AI-focused vibe, we employed light gradients, AI-generated imagery (thanks to Adobe Firefly), and dynamic tones, while maintaining a clean UI as the foundational element.
No items found.
No items found.
No items found.
Let’s make you a lovely website, too.
If you enjoyed this project and are considering to give your website a makeover or start from scratch with a new website, don’t hesitate to message me!