Picture of Shelly, as a link leading to the homepage
Hi, I’m Shelly, a UI designer based in Germany.

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.
Web Design of the Project within iPhone Screen
Web Design of this Project within iPad Screen
Full view on the webdesign from top to bottom
Web design within iPad screen
Web design within iphone screen
Full view on the webdesign of this project

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!
For agencies
work@shellster.de
Everything else
contact@shellster.de