DialLeads is an AI-powered phone call automation platform. Businesses use it to make and receive calls through voice agents that sound human. It covers lead qualification, appointment scheduling, and CRM integration across industries like real estate, e-commerce, and home services.

I led the development on this one. The focus was on building a fast, clean marketing site that could communicate a fairly technical product without overwhelming visitors.

The Stack

SvelteKit for the frontend, Sanity.io for content, TailwindCSS for styling. A combination I've used before and keep coming back to because it works well for this type of project. Fast development, easy content updates, and solid performance out of the box.

Sanity handles all the dynamic content. Use cases, feature comparisons, FAQ sections, integration logos. The DialLeads team can update messaging and add new industry pages without touching code.

UI and Interactions

The site needed to make AI phone calls feel approachable. The design uses card-based layouts, gradient accents in violet and purple tones, and enough whitespace to keep things readable.

There are audio samples where visitors can listen to the AI agents in action. That was an important feature since hearing the voice quality does more convincing than any paragraph of text could.

The feature comparison section breaks down traditional agents versus AI agents side by side. Simple, clear, and directly addresses the questions a potential customer would have.

Structure

The site walks visitors through a clear path. Hero with the core value proposition, use cases by industry, social proof with client logos and 10M+ monthly interactions, feature breakdown, integrations, and a step-by-step onboarding flow. Each section builds on the previous one and pushes toward booking a demo.

Individual industry pages let visitors see how the platform applies to their specific business. Real estate agents have different needs than dentists, and the content reflects that.

Performance

For a marketing site selling a tech product, speed matters. Slow pages undermine the message. SvelteKit's SSR and TailwindCSS's minimal footprint keep load times low. The site feels snappy on both desktop and mobile.

What I Focused On

My main priorities were optimization and intuitive interactions. Every animation has a purpose. The page flow guides visitors naturally from understanding the product to taking action. No unnecessary steps, no confusing navigation.

The responsive design got extra attention. A good chunk of traffic comes from mobile, so every section needed to work well on smaller screens without feeling cramped.