El sitio anterior de Valtec se veía algo desactualizado: usaba videos e imágenes de stock genéricas, e íconos de librerías distintas que no combinaban entre sí. La jerarquía de títulos estaba bien planteada, pero visualmente costaba percibirla, porque faltaban una tipografía que la acompañara y reglas claras de espaciado y color. Los casos de éxito tampoco ayudaban: usaban fotos de stock y no explicaban con claridad el problema de cada cliente ni cómo se había resuelto.
Empecé investigando qué secciones necesitaba el sitio, cuántas páginas hacían falta y qué objetivo cumplía cada una. De ahí salió el mapa completo del sitio: una página por servicio, una sección de casos de éxito, Sobre Nosotros, IA Lab Valtec y un blog. Con la estructura aprobada en wireframes, diseñé los prototipos en alta fidelidad para que el equipo de desarrollo de Valtec los llevara a producción.
El desafío
No era solo una cuestión estética. Valtec ya tenía una buena base, una jerarquía de contenido bien pensada, pero no se reflejaba visualmente. Sin una tipografía adecuada, sin reglas de espaciado y color, y con íconos de distintas librerías, el sitio se sentía disperso; además, las fotos y videos de stock le restaban la fuerza que una empresa de tecnología necesita transmitir.
El reto fue crear un sistema visual coherente desde cero (tipografía, espaciado, color e íconos) y aplicarlo a una arquitectura de información mucho más clara, sobre todo en los casos de éxito, que antes no explicaban bien el problema del cliente ni cómo Valtec lo había resuelto.
Home
Servicios
Casos de éxito
Blog
La página de inicio, con la nueva identidad visual (tipografía, colores e íconos consistentes) y acceso desde el menú a cualquier sección del sitio.
Cada servicio tiene ahora su propia página, en vez de aparecer como una simple lista sin desarrollar.
Cada proyecto real explica con claridad cuál era el problema del cliente y cómo Valtec lo resolvió, algo que antes no ocurría.
Un diseño pensado para la lectura, con categorías claras. Antes, la tipografía dificultaba leer el contenido.
Navegación clara
Todo el sitio se recorre desde el menú de la página de inicio, y cada página cumple un objetivo claro.
Identidad consistente
Tipografía, espaciado, color e íconos siguen ahora un mismo sistema, en lugar de mezclarse sin criterio.
Casos de éxito con contexto real
Cada proyecto explica el problema y la solución, lo que deja ver el verdadero valor del trabajo de Valtec.
Mejor posicionamiento
Una imagen más profesional y organizada ayuda a Valtec a competir mejor en su mercado.