K·Factor

La web anterior abría con una presentación general de la empresa. Para la nueva web, K·Factor quería desarrollar el contenido de sus servicios y productos y renovar su imagen. Organicé y redacté ese contenido como base del diseño.

En las reuniones con el cliente revisamos las necesidades y referencias para la nueva web.

Revisé cómo otras consultoras tecnológicas y empresas de software presentaban sus servicios, soluciones y proyectos. Reuní en Figma referencias como Izertis, hiberus, Sngular, Plain Concepts y Thoughtworks.

Organicé las distintas líneas de oferta en páginas propias y di a cada solución SaaS un segundo nivel. El mapa recoge también los bloques de cada página, para trabajar la relación entre estructura y contenido antes del diseño visual.

Redacté todos los textos de la web y los trabajé dentro de los wireframes. Así podía revisar qué debía explicar cada página, en qué orden y con qué extensión.

No pasamos al diseño visual hasta tener aprobados los wireframes de baja fidelidad y los textos.

Rediseñé el logotipo que ya tenía K·Factor. Ajusté el espaciado entre las letras y acerqué la K al resto del nombre para que el conjunto se leyera como una sola marca.

Definí nuevos colores, tipografía, botones, navegación y componentes en Figma. El sistema debía mantener una imagen coherente en las páginas de la web y en el resto de materiales de marca.

Con los textos y wireframes aprobados, trabajé el diseño visual de las páginas a partir del sistema de K·Factor.

También me ocupé de contactar con el fotógrafo para incorporar fotografías reales a la web. Buscaba que la imagen de la empresa transmitiera más credibilidad.

El movimiento tenía un papel importante en la imagen que buscaba K·Factor. Preparé demos funcionales con Figma Make, Antigravity y Google AI Studio para poder ver y probar el comportamiento de las piezas.

Además de Metodología y Valor diferencial, preparé la animación del hero y el fondo de la sección de equipo. Entregarlas con su código facilitó el trabajo de desarrollo, que se encargó de integrarlas en la web.

El trabajo reunió la arquitectura, los textos, la identidad, las pantallas para escritorio y móvil y las animaciones con su código. El cliente fue aprobando las propuestas durante el proceso; trabajé en coordinación con desarrollo para preparar la entrega y su integración en la web.