Transformación completa de una web Bootstrap de 2022 a una plataforma editorial a medida para un estudio jurídico fundado en 1968 con más de 4.000 casos resueltos.
El Estudio Viotti opera en Buenos Aires desde 1968 — un capital de trayectoria enorme que su web anterior no comunicaba. El sitio estaba construido sobre Bootstrap con CSS externo por área, sin sistema de diseño, sin identidad visual propia y con una estructura de header que apilaba logo, teléfonos y direcciones en una fila horizontal desordenada.
Un estudio con ese peso institucional merecía una presencia digital que lo reflejara: elegante, coherente, con sus credenciales en el centro de la narrativa desde el primer scroll.
Rediseñamos la web completa desde cero — cinco páginas interconectadas, CSS propio sin frameworks, variables globales basadas en la paleta cream/dorado del logotipo, y tipografía serif editorial. Cada decisión de diseño apunta a proyectar la solidez de 58 años sin parecer anticuado.
Pantalla de entrada animada sobre fondo cream que establece el tono editorial antes de que cargue el contenido principal.
Banda con tres contadores en JavaScript — 58 años de trayectoria, 4.000+ casos resueltos, 2 sedes — que impactan al hacer scroll.
Variables CSS globales compartidas en todas las páginas, reemplazando cuatro hojas de estilo separadas e inconsistentes.
Navbar transparente que adquiere fondo sólido al hacer scroll, reemplazando el header estático de dos filas.
Cada área de práctica cuenta con hero propio, sección de servicios con iconografía y formulario integrado.
Envío directo sin redirección, con modal de agradecimiento que confirma sin abandonar la página.
Cards diferenciadas para cada sede con mapas de Google embebidos — antes solo se mostraba una dirección sin mapa.
Google Tag Manager unificado en todas las páginas de área, asegurando tracking consistente en todo el sitio.
Estas son solo capturas estáticas — no transmiten las animaciones, la navegación real ni el detalle del sistema de diseño completo. La mejor forma de ver el trabajo terminado es recorriendo el sitio vos mismo.
VER EL SITIO EN VIVO
