Swiss AI Chatbot
A landing page that lets business owners try an AI chatbot before they pay for one.
Client
Swiss AI Chatbot, Switzerland
Year
2025
Domain
AI · B2B SaaS · Landing page
Timeline
1 month
Role
UX/UI Designer
Context and problem
The client sells AI chatbots to small and mid-sized businesses. Most of them have no developers and have never set up a chatbot.
The client asked for a new landing page in a clean, minimalist style.
My role
I was the only designer on the project. I made the moodboard, reviewed competitors, designed the layout and UI for desktop and mobile, and wrote all the copy on the page. The owners made the product and pricing decisions.
Moodboard and competitors
I started with a moodboard and a review of competitors’ landing pages. Most of them follow the usual SaaS pattern: a top menu, a big headline and a product screenshot. We came to a simple conclusion: if the site sells chatbots, it should feel like a chatbot.
Start with a conversation
The whole page is built to feel like a chat. Landing pages almost never put navigation in a sidebar, but we did it on purpose: that’s how ChatGPT and Claude look, so the layout feels familiar from the first second. The first screen is the chatbot itself. Visitors can ask a question right away or tap a suggested prompt, so the product introduces itself before the page does. “Generate a chatbot” is always one click away.
Four doubts, four answers
Before trying an AI tool, business owners ask the same four things: will it sound like a robot, do I need a developer, can I trust it, what does it cost. Each card answers one of them. All four texts are close in length, so no card looks more important than the others.
One path, five steps
The dark section changes the rhythm of the page and echoes the mountain from the hero. One line connects all five steps, so the order stays clear in an uneven grid. Step 1 is the only light card and holds the call to action. Step 4 is marked as optional, so the process doesn’t look longer than it is.
Find your industry
Industry cards help visitors see their own business in the product. The highlighted first card, “Add Your Industry”, turns the list into an action: one click opens a request form, so any business can apply and get started.
Compare at a glance
I built the pricing around one question: which plan is mine? Each card opens with the answer (“For testing”, “For small businesses”), and only the numbers that change between plans stand out.
Questions before you start
The last block answers the questions that stop people from signing up: who it’s for, where the chatbot’s knowledge comes from, how to add it to a website, cancelling, languages and security.
Outcome
I delivered the full redesign, copy included, in one month: six sections, desktop and mobile, ready for development.
Learnings
Breaking a convention works when it has a reason users already understand. A sidebar on a landing page could feel strange, but because it mirrors the chat tools people use every day, it felt familiar instead.