← AI projects FILE 14 / 14

AI · CONVERSATIONAL ASSISTANT · WEBGL

ATLAS

An AI conversational assistant that welcomes visitors, guides them through the portfolio and answers their questions in Spanish and English, out loud.

Inicio del portafolio con el orbe 3D de ATLASATLAS · 14 / 14
Type
Own project · this portfolio
Year
2026
Role
Concept, design, development and content
Technology
JavaScript · Three.js · Web Speech API

// 01 · THE MISSION

A portfolio that talks

A traditional portfolio waits for visitors to find what they need; ATLAS comes to meet them. She is a conversational assistant living in a 3D orb: she welcomes visitors, explains each page as they explore it and answers questions about projects, services, experience and contact, in Spanish or English and out loud. She runs entirely in the browser, with no server, and her architecture is ready to connect to an AI model.

Ask me anything you need.

The orb responds to what ATLAS is doing: it breathes while waiting, speeds up while thinking, pulses as she speaks and lights up when she listens through the microphone. It is built with custom shaders, particles and rings in WebGL.

On the other tabs, ATLAS becomes a floating orb that comments on each section and opens a chat when tapped, so help is always one click away.

// WHAT WAS BUILT

02

What she does

  • "Start system" boot that enables the voice
  • Answers about projects, services, experience and contact
  • Detects whether the question comes in Spanish or English
  • Speaks out loud and understands questions by microphone
  • Comments on each page and leads to the right section
03

How she is built

  • 3D orb with Three.js and custom GLSL shaders
  • Intent engine with weighted keywords
  • A comment queue that avoids interruptions
  • Serverless: everything runs in the browser
  • Ready to connect to an AI model
04

Designed for everyone

  • The voice can be turned off while text remains
  • Respects the reduced-motion preference
  • The whole site in Spanish and English
  • Keyboard navigable

MISSION ACCOMPLISHED

Results and impact

Want an assistant like this for your website?

I build chatbots and assistants that serve your customers around the clock and take them to what they need.