Galería
Descripción
Sitio web corporativo para Red Impacto S.A.S, una firma de consultoría empresarial. Se construyó en HTML, CSS y JavaScript sin dependencias ni proceso de compilación, a partir de dos insumos del cliente: el documento con la estructura y los textos de cada módulo, y el manual de identidad corporativa.
Todo el sistema de diseño (los nueve colores de marca, la tipografía, la iconografía SVG y los motivos gráficos) se tradujo a variables CSS siguiendo el manual, de modo que la marca queda aplicada de forma consistente en las cinco páginas.
El sitio está publicado y en producción en redimpactosas.com, con los datos de contacto y el formulario de asesoría en funcionamiento.
Problema que Resuelve
La empresa tenía su identidad corporativa y el contenido definidos en documentos (un .docx con los módulos de la página y un PDF con el manual de marca), pero no tenía presencia web ni una forma de captar asesorías en línea.
Solución Implementada
Se desarrolló un sitio estático de cinco páginas que traslada literalmente los textos del insumo y aplica el manual de marca como sistema de diseño en CSS: paleta de nueve colores, tipografías sustitutas equivalentes, iconos SVG lineales y los motivos gráficos oficiales. Incluye diseño responsive, animaciones respetuosas con "reducir movimiento", formulario validado en español con trampa antispam, accesibilidad (foco visible, aria-labels, alto contraste) y SEO básico con Open Graph y datos estructurados.
Arquitectura
sitio-web/
├── index.html Inicio (hero, soluciones, método, testimonios, CTA)
├── ecosistema.html Quiénes somos, propósito y los 7 pilares
├── soluciones.html Las 4 líneas de servicio en detalle
├── recursos.html Caja de herramientas para el emprendedor
├── contacto.html Formulario "Agenda una asesoría"
└── assets/
├── css/styles.css Sistema de diseño (tokens, componentes, responsive)
├── js/iconos.js Sprite SVG de iconos compartido
├── js/main.js Menú, header, animaciones y validación
└── img/ Logo, fotografías y motivos de marcaSitio Web Red Impacto S.A.S
Sitio corporativo para Red Impacto S.A.S, construido sobre su manual de identidad y publicado en redimpactosas.com.
Tecnologías
Características
- Cinco páginas estáticas sin dependencias ni proceso de compilación
- Sistema de diseño derivado del manual de identidad (paleta de 9 colores en variables CSS)
- Iconografía SVG lineal propia, servida como sprite compartido
- Diseño responsive con menú desplegable y header que se compacta al hacer scroll
- Animaciones de aparición que se desactivan con "reducir movimiento"
- Formulario de asesoría con validación en español y trampa antispam
- Accesibilidad: saltar al contenido, foco visible, aria-labels y alto contraste
- SEO por página con Open Graph y datos estructurados Organization
Proyectos Relacionados
Sitio Web SANAR M&C S.A.S.
Sitio web de SANAR M&C S.A.S.: servicios de psicología y neurociencias, talleres, podcast, blog y la Red de Apoyo Psicológico por Colombia.
Ver proyecto
Página Web AGL Comunicaciones
Landing page corporativa para empresa de seguridad electrónica con más de 35 años en Colombia.
Ver proyecto