CASE STUDY
Astra AI
A four-week redesign that made a strong product finally read like one.
(01) INTRODUCTION
Astra AI had a strong product and loyal users, but their website did not communicate their value or what set them apart.
We ran a targeted website redesign, not a full rebrand, to clarify the message and fix the experience. The result is a site that builds trust and shows what the product actually does.
(02) THE CLIENT
About Astra AI
Astra AI is a maths tutoring platform that walks students through a problem step by step, using natural language and AI reasoning. It is built for students in Slovenia preparing for standardised exams and daily assignments. Unlike a general AI tool, it is localised, culturally aligned and built around academic outcomes rather than chat.
With more than 170,000 users and recognition as Slovenian Startup of the Year 2025, Astra AI is scaling across Europe. Their tutor supports equation photo uploads and step-by-step explanations.
(03) CHALLENGES
Challenges
The old website had three core weaknesses.
Inconsistent visual feel
The site had personality but lacked polish, especially on mobile, where inconsistent spacing and sizing hurt the first impression.
Flat storytelling
The content had all the right sections, but no visual variety or pacing, so nothing guided the reader through it.
No emotional weight
No video testimonials, no real stories, just text. The experience read as generic rather than as a product people rely on.
We also found that the mobile experience lacked hierarchy, that important guarantees like refunds and grade improvement were hidden in the footer, and that the difference between Astra AI and a general chatbot was shown with a single graph.
(04) THE VISUAL LANGUAGE
The visual language
We dropped everything that was styling for its own sake.
Typography
- A modern sans-serif system with a clear hierarchy.
- Large, accessible headings, in place of crowded blocks.
- Calls to action set in bold caps, with generous padding and contrast.
Colour
- The same black base with blue and yellow accents, with the brand gradient pushed to be more vibrant.
- Blue and the gradient reserved for trust, callouts and action: buttons, guarantees and performance figures. Nothing else competes for them.
Icons and mockups
- Google Material Symbols, so the icons are recognised rather than decoded.
- Mockups refined with consistent status and search bars, so they read as real screenshots instead of illustrations.
(05) NAVIGATION AND CALLS TO ACTION
Navigation and calls to action
- Two calls to action above the fold.
- A button every few sections, so the next step is never far away.
- Sticky navigation carrying a Try Free button.
- Top navigation cut from seven links to four, with the rarely used ones moved into a dropdown, so the menu still works on a small screen.
Stronger trust signals. Real user stories, a clean interface and guarantees that are visible rather than buried.
Better engagement with the calls to action. Frequent, benefits-led, and easy to find.
(06) HANDOVER AND BUILD
Handover and build
The design was implemented in close sync with Astra's own developers.
- Figma components with usage documentation.
- Mobile and desktop breakpoints in detail.
- Scroll animation logic, written up in the Figma dev notes.
We stayed on through staging, helping with QA during development and advising on page speed, including lazy loading the testimonials section.
The team at Conversion Design helped us create a website for Astra AI that is not only visually appealing but also incredibly user-friendly. They excel at designing clear navigation and communicating complex ideas simply. The team was always responsive and ready to help. Working with them was smooth from start to finish. We're satisfied with the outcome.
(07) RESULTS
What changed
- Stronger trust. Better visual clarity, guarantees placed where they matter, and testimonials doing the heavy lifting.
- Better mobile experience. Hierarchy, buttons sized for thumbs, and a clear scroll logic.
- Improved perception. The site now reads as a serious, polished product rather than a side project.
(08) YOUR TURN
Do you want a website like this?
If you’re thinking about building something similar, let’s talk. Tell us what you have in mind and we’ll help you figure out the best approach.
Not ready to reach out yet? No problem. You can start with a free audit and see what we find.