tarasovvitalii.com: el portafolio del fundador en cuatro idiomas, con chat a través de VITON ID

Antes de contratar a un estudio pequeño, un comprador a menudo busca a la persona que está detrás. Vitalii Tarasov, fundador de VITON¹³, necesitaba una dirección que respondiera a esa búsqueda: todo lo que ha hecho en un solo lugar, con los trabajos para clientes, los productos propios del estudio y los sitios conceptuales etiquetados según lo que son, y cada cifra con su fuente.

El sitio tenía que hablar los idiomas de sus clientes (inglés, ruso, español y chino) y servir para contactarlo. Quien vea un caso que le guste debe poder escribirle desde la misma página, con la cuenta VITON ID que se usa en todo viton13.com, o dejar su correo sin crear ninguna cuenta.

Ocho tipos de página en cada una de las cuatro ediciones: portada, índice de trabajos, una página para cada uno de los 21 trabajos, sobre mí, servicios, novedades, contacto y mensajes, además de una 404. En total son 116 archivos HTML; las 108 páginas pensadas para buscadores están en el sitemap, y mensajes y la 404 quedan fuera. El inglés está en la raíz y las demás ediciones, en /ru/, /es/ y /zh/.

Los 21 trabajos son un sitio de cliente, diez productos propios de VITON¹³ y diez conceptos. Ocho sitios conceptuales se abren además como demos en vivo en /demos/, todos con noindex. Cada página de caso muestra las cifras del proyecto con sus fuentes, una revisión SEO cuando se hizo y un bloque «Lo que esto no demuestra»; un filtro en el índice agrupa los trabajos en sitios web, SEO, diseño y marca, productos y vídeo.

La portada se abre con un bucle sin sonido de 20 segundos del showreel, y el botón de reproducción abre la película completa: 47,6 segundos en 1920×1080 a 60 fps. Los mensajes se abren en un panel sobre cualquier página: acceso o registro con VITON ID, una conversación privada con Vitalii, un formulario de correo para invitados y, para él, una bandeja con todas las conversaciones.

El sitio es HTML, CSS y JavaScript sin frameworks, producido por un generador estático escrito en Node: cada página se renderiza de antemano en cada idioma, así que un rastreador lee el texto completo sin ejecutar scripts. La animación usa GSAP con ScrollTrigger y el desplazamiento suave de Lenis, y se desactiva cuando el sistema del visitante pide reducir el movimiento. Las fuentes, los scripts y el SDK de Firebase se sirven desde el propio dominio, y la cabecera Content-Security-Policy no admite scripts ni fuentes de ningún otro.

Las cuentas y el chat funcionan con Firebase Auth y Firestore, en el mismo proyecto que VITON ID. Las reglas de Firestore del chat forman un bloque independiente, cubierto por pruebas en el emulador de Firebase, de modo que añadirlo a las reglas en producción no relaja nada más. Una pequeña API en Node recibe el formulario de invitados con un límite de 5 mensajes por hora y 20 al día desde una misma dirección, y solo acepta una solicitud de aviso con un token de identidad de Firebase válido.

El showreel es una página web con una función renderFrame(t): Chrome sin interfaz dibuja cada uno de sus 2856 fotogramas y ffmpeg los codifica en H.264 y VP9, con versiones de 720p y bucles sin cortes para la portada. Muestra portadas reales de los sitios y las cifras de Search Console de SB Excursions con su periodo y su fuente. El sitio funciona en Docker en nuestro propio servidor detrás de nginx; cada cambio de configuración se comprueba con nginx -t y se revierte si falla, y el certificado de Let’s Encrypt se emitió el 23 de septiembre de 2026.

tarasovvitalii.com está en línea en cuatro idiomas. El 24 de septiembre de 2026, Lighthouse 13 dio a la portada 99 en rendimiento y 100 en accesibilidad, buenas prácticas y SEO, tanto en móvil como en escritorio. En móvil la página carga con 25 solicitudes y 1,6 MB, todas a su propio dominio, con un LCP de 2,0 s, sin tiempo de bloqueo y sin desplazamientos de diseño.

Ese mismo día se renderizaron en Chrome, a 390 px, las 108 páginas del sitemap. Todas tienen un solo H1, una URL canónica que apunta a sí misma, hreflang a las cuatro ediciones y x-default, Open Graph y JSON-LD; las 872 imágenes tienen atributo alt (vacío en las miniaturas junto a su título), ninguna página se desplaza en horizontal y los 182 destinos de enlaces internos respondieron sin errores.

Es el sitio propio del fundador, hecho por VITON¹³ para sí mismo, no un proyecto de cliente. Está en línea desde el 23 de septiembre de 2026, así que aún no hay datos de tráfico, posiciones ni consultas, y este caso no afirma ninguno. Que una página esté en el sitemap es una invitación a rastrearla, no una prueba de que esté indexada.

Las puntuaciones de Lighthouse son pruebas de laboratorio de la portada en un solo día; una segunda prueba en escritorio, minutos después, dio 95 en rendimiento. No se ha comprobado el acceso desde China continental, y el chat depende de los servicios de Firebase de Google. Las cifras de búsqueda que aparecen en el showreel son del caso SB Excursions, no de este sitio.

Cómo revisar el portafolio de un estudio web →