Example project
Interactive website assistant with spotlight guidance
For the Velvionix website we built a voluntary assistant that guides visitors step by step through core service areas, demos and references - with spotlight highlighting, a multi-page tour and guidance that can be switched off at any time.
Starting Point and Goal
-
Starting Point
The Velvionix website bundles many service areas, demos and content. Visitors could explore freely but had no guided entry into the most important areas.
-
Goal
Visitors should be guided through core content voluntarily - without disruptive pop-ups, without a permanent chat window and without generic help that does not fit the website.
-
Implementation
Velvionix built a website assistant with an animated robot head that highlights important areas step by step and guides visitors across several pages - from the homepage through web services to references.
-
Value
Visitors get orientation without losing control. Content stays visible and findable while the assistant draws attention to relevant areas.
Solution in Detail
- Usability
Voluntary guidance instead of pressure
While the assistant is active, its head stays visible at the bottom left. It politely asks whether it should guide the visitor through the website. Visitors can agree, hide the question or switch the assistant off completely at any time.
- Interaction
Spotlight on what matters
Instead of dimming the whole page, exactly the area being explained is highlighted - for example a video, a demo, a pricing package or an interactive element. The rest stays visible so context is preserved.
- Navigation
Multi-page discovery tour
The tour spans eight pages and more than twenty stops. Visitors see services and demos in an order that helps understanding - not in random navigation order.
- Design
Animated robot companion
An animated robot head accompanies the tour discreetly. Its eyes follow the mouse, it blinks, and the head floats gently - matching the website color scheme. It feels friendly and attentive, not like a rigid pop-up.
- Usability
Hide text, keep the head reachable
Hiding closes only the speech panel with the text - the robot head stays visible and can be opened again at any time. The assistant can be switched off during the tour or at the end.
- Navigation
Back on track when you drift off
If someone leaves the intended area during the tour, the assistant hides temporarily. When the visitor returns or opens another suitable page, a hint reminds them and Continue leads back to the current step.
- Quality
User-friendly and considerate
The tour can be closed with the Escape key. Text is announced for screen readers. Visitors who prefer less motion in their system settings get fewer scroll animations - the content remains fully usable.
- Content
An add-on to the website, not a replacement
All website text stays normally readable and findable - including for search engines. The assistant complements the website but does not replace clear content, navigation or FAQ.
- Care
Grows with new content
When the website grows - new services, demos or pages - tour copy and stops can be updated too. Guidance stays current without rebuilding the entire website.
- Privacy
Privacy-friendly
The assistant remembers only in the visitor browser whether it is active and where the tour left off. No tour data is sent to servers and usage is not analysed.
Result
The website assistant makes extensive content easier to access and shows how a website can guide visitors actively without patronising them. The pattern suits service providers, practices, consultancies and businesses with many services, interactive demos or offers that need explanation. It is not a chatbot solution or a substitute for clear page content, but an optional extension for better orientation.
- 21+
- Stops
- 8+
- Pages
- Voluntary
- Guidance
Matching service areas
Opens the homepage - the robot appears bottom left with a tour invitation while the assistant is enabled.
Want to extend your website with interactive guidance or assistants?
Discuss your website project ->