Caso 01/Sitio web
Torio Web
El sitio del estudio: marketing en español e inglés, export estático, modo oscuro, calculadora y un camino claro a WhatsApp.
Estudio de desarrollo web en México
Sitios yaplicacionesweb, hechos conoficio.
Estimación
Un rango, no una cotización
Sitio corporativo
$18,000 – $45,000 MXN
Es un rango, no una cotización cerrada.
torioweb.com
+52 442 825 3951
wa.me/524428253951
01
El encargo
Torio Web necesitaba el sitio del propio estudio: una página de marketing que se pudiera publicar en un hosting de archivos y que mostrara, con nombre, cómo se ve el trabajo. No había un cliente que prestar. El encargo fue este sitio.
02
Qué tenía que lograr
- Explicar el oficio sin una presentación larga.
- Dejar español e inglés listos sobre la misma estructura.
- Ofrecer un rango en pesos antes de la cotización cerrada.
- Que el siguiente paso sea WhatsApp o correo, visible en el celular.
03
Con qué está hecho
- Next.js
- App Router y export estático. Se publica la carpeta del build, sin un servidor de Node.
- Español e inglés
- Español de México en la raíz. Inglés en /en, con los mismos encargos.
- Modo oscuro
- El sitio abre en oscuro. El claro es una elección que se guarda.
- Calculadora
- Un rango en pesos mexicanos para orientar la plática. No es una cotización.
- Movimiento en CSS
- Atmósfera, marquesina y revelados. Se apagan si el sistema pide menos animación.
- La llamada a la acción abre el chat del estudio. El formulario no guarda datos.
04
Decisiones de diseño
Oscuro de origen
El tema de llegada es el oscuro. El claro no sigue el sistema: se elige y se recuerda en el navegador.
Wordmark
Torio en serif y Web en versalitas. El mismo signo va en la cabecera, el pie y los marcos de este caso.
Dos idiomas, una estructura
Las rutas se espejan. Los slugs de proyecto se quedan en español para no partir el portafolio en dos.
Sin prueba prestada
Si un proyecto no es un cliente, la ficha lo dice. Este caso es el estudio, no un testimonio ajeno.
05
Búsqueda
Cada página lleva título, descripción y canónico. Español de México e inglés se declaran como alternates. Hay Open Graph, sitemap y datos del estudio en schema.org. Nada de eso inventa reseñas ni clientes.
06
Rendimiento
El build es HTML estático, listo para un hosting de archivos. El movimiento vive en CSS y respeta la preferencia de menos animación. No hay un panel que se quede abierto ni un formulario que guarde lo que escribes: el correo se arma en tu programa.
07
Qué cambia
Queda publicado el sitio de marketing del estudio. Se puede leer, estimar un rango y escribir por WhatsApp.
- Next.js
- ES / EN
- Estático