Moscú UTC+3
La primera pantalla de school.viton13.com en escritorio: la barra de VITON13 sobre el menú propio de la escuela con una píldora negra Enrol, el titular «Build the skills for what comes next.», una fila de habilidades de Semantics a A working system y, debajo, sobre un plano gris, el curso Artificial Intelligence con una píldora azul Explore the course y cuatro pestañas.

La landing de VITON13 SCHOOL, nuestra escuela de IA aplicada, diseño con IA y SEO: rehecha el 25 de sept. de 2026 en cinco idiomas, con una lección en HTML real en un portátil generado con IA.

Etiquetas
Interno Un producto propio de VITON13
Año
2026
Disciplinas
Webs, Diseño
Estudio
by VITON13
Idiomas
inglés, ruso, español, francés, hindi

Contexto

VITON13 SCHOOL es la escuela online del ecosistema VITON13, en school.viton13.com. Enseña tres programas aplicados —Inteligencia Artificial, Diseño en Inteligencia Artificial y SEO del sitio— con precios en rublos: 1300, 2600 y 3900 ₽. La escuela necesitaba una portada que explicara tres cursos y un solo método sin gritar, que enseñara cómo es una lección antes de pagar y que contara los mismos datos en inglés, ruso, español, francés e hindi.

  • 3

    programas —IA, diseño con IA y SEO— a 1300, 2600 y 3900 ₽

    Fuente: Datos de los cursos y sitio publicado, 27 sept 2026

  • 5

    ediciones de idioma: EN, RU, ES, FR, HI

    Fuente: Sitio publicado y hreflang, 27 sept 2026

  • 93

    rendimiento en Lighthouse en móvil, mediana de 3 pasadas (escritorio 100)

    Fuente: Lighthouse 13.4, 27 sept 2026

  • 100

    SEO y buenas prácticas en Lighthouse, móvil y escritorio (accesibilidad 97)

    Fuente: Lighthouse 13.4, 27 sept 2026

Enfoque

Rehicimos la landing el 25 de septiembre de 2026 en el género de las webs de producto de IA serenas, como sanalabs.com: una sola grotesca, Inter Tight, casi siempre en peso 400; botones negros en forma de píldora; amplios planos grises; un gran bodegón por curso. La página avanza como una secuencia: una portada con un ticker de las trece habilidades de la escuela, tres escaparates de cursos con una tarjeta del manifiesto entre ellos, contadores, tarjetas de cursos con precios y botones de compra, el método en cuatro pasos, un asistente de tres preguntas para elegir curso, admisión, noticias, guías, preguntas frecuentes y un formulario de lista de espera.

Las fotografías están generadas con IA: seis imágenes hechas con GPT Image 2.5 en Higgsfield, bodegones escenificados y personas que no son alumnos ni profesores de VITON13. En el escaparate de Inteligencia Artificial, la pantalla del portátil no forma parte de la imagen: medimos su posición sobre un original con croma verde y colocamos encima una lección en HTML real, con la lista de módulos, el paso actual, una línea para preguntar al mentor y una barra de progreso. Cuatro pestañas cambian lo que muestra la pantalla: avanzan cada 6,5 segundos mientras la sección está a la vista, se detienen en cuanto alguien elige una y no se mueven con movimiento reducido. Los escaparates de diseño y SEO muestran el mismo tipo de paso en un panel flotante.

La landing forma parte de la aplicación Next.js de VITON13 y tiene su propio subdominio con cinco ediciones: inglés sin prefijo y después /ru, /es, /fr y /hi, enlazadas con hreflang. Los nombres, precios y módulos de los cursos salen de un único archivo de datos, así que contadores, tarjetas, menús y pie de página muestran las mismas cifras; los precios se formatean para cada idioma, y la letra pequeña aclara que no se cobra nada antes de que la escuela confirme el inicio con el alumno.

Resultados

La landing está publicada en school.viton13.com. El 27 de septiembre de 2026 las cinco ediciones respondían con código 200 y el sitemap de la escuela listaba 30 URL: en cada idioma, la landing, la página de noticias, el índice de guías y tres guías.

Ese día pasamos Lighthouse 13.4 tres veces por la portada en cada formato. En un móvil simulado, el rendimiento fue 87, 93 y 93 (mediana 93), con el mayor elemento pintado a los 3,1 s, 20 ms de bloqueo total y ningún desplazamiento de diseño. En escritorio, el rendimiento fue 100 en todas las pasadas y el mayor elemento apareció a los 0,8 s. Accesibilidad 97, buenas prácticas 100 y SEO 100 en ambos.

La página completa, con fotografías, pesa unos 0,8 MB en móvil y 1,0 MB en escritorio.

Lo que esto no demuestra

Es la escuela propia de VITON13, no un proyecto para un cliente. El caso muestra cómo está hecha la página y lo rápido que carga, no cómo funciona con alumnos: no damos cifras de matrículas, inscripciones en la lista de espera, ventas ni tráfico.

Las fotografías están generadas con IA y escenificadas: nadie en ellas es alumno, profesor ni cliente de VITON13, y la lección de la pantalla es contenido de ejemplo, no el trabajo de un alumno. En la landing las imágenes tienen texto alternativo descriptivo, pero todavía no una etiqueta visible de IA, por eso lo decimos aquí. Las tres tarjetas de guías de más abajo usan fotos con licencia de Unsplash, que no aparecen en estas capturas.

Lighthouse es una prueba de laboratorio hecha desde un MacBook con Chrome sin interfaz, en un solo día y con limitación simulada en el móvil; no son datos de campo de visitantes reales. La accesibilidad es 97 y no 100 porque algunos textos pequeños en gris claro (#8a8a88 sobre blanco, 3,45:1) no llegan al contraste WCAG AA, una corrección que aún no hemos publicado. El diseño sigue un género marcado por la web de producto de otra empresa; los textos, las fotos y el código son nuestros.

¿Planeas algo parecido? Nuestro fundador, Tarasov Vitalii, lee cada mensaje personalmente.

Todos los trabajos

Siguiente proyecto

HYPERSOLIDWeb conceptual inmersiva en WebGL Concepto2026 Todos los trabajos (23)