SkyMed es una HealthTech AI-first enfocada en optimizar la gestión clínica, operativa y financiera de instituciones de salud mediante procesos, tecnología e inteligencia aplicada. La empresa nace como un spin-off de Skytel, ampliando su ecosistema de servicios hacia el sector salud. El objetivo fue desarrollar una identidad visual coherente con la marca madre pero con una diferenciación clara para esta nueva unidad de negocio. El proyecto incluyó el desarrollo de un sub-branding derivado del sistema visual de Skytel, junto con el diseño y desarrollo de una landing page que presenta el modelo AI-first de la empresa, sus soluciones y casos de uso dentro del sistema de salud.
SkyMed es una HealthTech AI-first enfocada en optimizar la gestión clínica, operativa y financiera de instituciones de salud mediante procesos, tecnología e inteligencia aplicada. La empresa nace como un spin-off de Skytel, ampliando su ecosistema de servicios hacia el sector salud. El objetivo fue desarrollar una identidad visual coherente con la marca madre pero con una diferenciación clara para esta nueva unidad de negocio. El proyecto incluyó el desarrollo de un sub-branding derivado del sistema visual de Skytel, junto con el diseño y desarrollo de una landing page que presenta el modelo AI-first de la empresa, sus soluciones y casos de uso dentro del sistema de salud.
EL DESAFÍO
Identificando los puntos de dolor
Identifying Key
Pain Points
1
SkyMed necesitaba construir una identidad propia que le permitiera posicionarse como una empresa independiente dentro del sector HealthTech, sin perder la relación visual con Skytel como marca madre.
2
La nueva unidad de negocio debía diferenciarse claramente dentro del ecosistema de Skytel, comunicando su enfoque específico en soluciones tecnológicas para el sector salud.
2
La nueva unidad de negocio debía diferenciarse claramente dentro del ecosistema de Skytel, comunicando su enfoque específico en soluciones tecnológicas para el sector salud.
3
La empresa necesitaba una presencia digital clara y profesional, capaz de explicar de forma simple su propuesta de valor y su enfoque AI-first para instituciones de salud.
3
La empresa necesitaba una presencia digital clara y profesional, capaz de explicar de forma simple su propuesta de valor y su enfoque AI-first para instituciones de salud.
4
El sitio web debía desarrollarse en un plazo muy corto, por lo que el proceso de diseño y desarrollo se organizó priorizando rapidez de implementación sin comprometer la calidad del diseño.
PRIMER SOLUCIÓN
Rebranding
REBRANDING AND
new LANDING PAGE
Dado que SkyMed nace como un spin-off de Skytel, el objetivo fue desarrollar una identidad propia que mantuviera coherencia con la marca madre pero permitiera diferenciar claramente esta nueva unidad de negocio. Para lograrlo se trabajó a partir del sistema visual existente de Skytel, manteniendo su estética tecnológica y sus principios gráficos, pero introduciendo un color verde agua como elemento distintivo de la marca. Esta adaptación permitió construir un sub-branding consistente dentro del ecosistema visual de Skytel, al mismo tiempo que posiciona a SkyMed con una identidad clara dentro del sector HealthTech.
Contenido del Mini Brandbook entregado al cliente:
Contenido del Mini Brandbook entregado al cliente:
SEGUNDA SOLUCIÓN
Diseño y Desarrollo de Sitio Web
A partir del sistema visual desarrollado se diseñó y desarrolló una landing page orientada a comunicar de manera clara la propuesta de valor de SkyMed y su enfoque AI-first aplicado al sector salud. El diseño priorizó una estructura simple y una jerarquía de información que permitiera explicar el modelo de servicio, sus beneficios y su enfoque tecnológico. El sitio fue diseñado y desarrollado en Framer, optimizando la experiencia responsive y las interacciones para generar una presencia digital moderna y alineada con la identidad visual de la marca.
1. Definición Estratégica
Replanteando los fundamentos de la marca
El proyecto comenzó con una etapa de estrategia orientada a redefinir los fundamentos de la marca. Se trabajó en la reformulación de la propuesta de valor, la definición del tono de voz y la construcción de perfiles de buyer persona para alinear la comunicación de Skytel con un posicionamiento más tecnológico e innovador. Esta etapa permitió establecer un marco claro que guiaría todas las decisiones posteriores de identidad visual y experiencia digital.
2. Investigación y Dirección Creativa
Exploración visual para definir la dirección estética
Con la estrategia definida, se realizó una investigación visual del sector tecnológico para identificar referencias alineadas con conceptos de conectividad, innovación y sistemas digitales. Esta exploración permitió establecer la dirección estética general del proyecto y sentar las bases del sistema visual.
3. Sistema Cromático
Definición de la paleta de color
Se exploraron diferentes combinaciones cromáticas hasta definir una paleta basada principalmente en tonos azules, asociados a confianza, estabilidad e innovación. La selección de color buscó reforzar el posicionamiento tecnológico de la marca y aportar coherencia a todo el ecosistema visual.
4. Construcción del Sistema de Identidad
Desarrollo de los componentes visuales de la marca
A partir de la dirección creativa se desarrollaron los elementos que conforman el sistema visual de la marca, incluyendo tipografía, iconografía, estilos gráficos y lineamientos de diseño. Este sistema permite mantener consistencia en todas las aplicaciones y facilita la escalabilidad de la identidad.
5. Exploración de Recursos Visuales con IA
Generación de iconografía y recursos gráficos
Para complementar el sistema visual se exploró el uso de inteligencia artificial para la generación de iconografía y algunos recursos gráficos utilizando Gemini. Las piezas generadas fueron posteriormente refinadas y adaptadas para integrarse de forma coherente dentro del sistema de identidad.
6. Brand Book Estratégico
Documentación de la estrategia y el sistema de marca
Se desarrolló un Brand Book completo que documenta tanto la estrategia como la identidad visual de la marca. El manual se organizó en tres secciones principales: Estrategia de marca, Identidad visual, y Usos y aplicaciones Esto permite asegurar consistencia en futuras implementaciones y facilitar la escalabilidad de la marca.
7. Arquitectura del Sitio Web
Definición de la estructura y experiencia de usuario
Antes del diseño visual se desarrollaron wireframes para organizar la arquitectura de información del sitio web, priorizando la claridad en la presentación de servicios y la comunicación de la propuesta de valor.
8. Diseño de Interfaz (UI)
Construcción de la experiencia visual del sitio
Se diseñó la interfaz final del sitio alineada con el sistema visual desarrollado. Se trabajó especialmente en la jerarquía de la información, la legibilidad y la consistencia visual para lograr una experiencia clara y profesional.
9. Motion y Recursos Animados
Incorporación de movimiento dentro de la identidad digital
Se desarrollaron animaciones basadas en la “S” del logotipo para la sección hero del sitio web. Algunas exploraciones iniciales se realizaron utilizando Adobe Firefly, generando variaciones visuales que aportan dinamismo y refuerzan el carácter tecnológico de la marca.
10. Desarrollo e Implementación
Construcción y optimización del sitio web
El sitio fue desarrollado en Framer, integrando animaciones, optimizando el diseño responsive y ajustando las interacciones para lograr una experiencia digital fluida y contemporánea.
1. Definición Estratégica
Replanteando los fundamentos de la marca
El proyecto comenzó con una etapa de estrategia orientada a redefinir los fundamentos de la marca. Se trabajó en la reformulación de la propuesta de valor, la definición del tono de voz y la construcción de perfiles de buyer persona para alinear la comunicación de Skytel con un posicionamiento más tecnológico e innovador. Esta etapa permitió establecer un marco claro que guiaría todas las decisiones posteriores de identidad visual y experiencia digital.
2. Investigación y Dirección Creativa
Exploración visual para definir la dirección estética
Con la estrategia definida, se realizó una investigación visual del sector tecnológico para identificar referencias alineadas con conceptos de conectividad, innovación y sistemas digitales. Esta exploración permitió establecer la dirección estética general del proyecto y sentar las bases del sistema visual.
3. Sistema Cromático
Definición de la paleta de color
Se exploraron diferentes combinaciones cromáticas hasta definir una paleta basada principalmente en tonos azules, asociados a confianza, estabilidad e innovación. La selección de color buscó reforzar el posicionamiento tecnológico de la marca y aportar coherencia a todo el ecosistema visual.
4. Construcción del Sistema de Identidad
Desarrollo de los componentes visuales de la marca
A partir de la dirección creativa se desarrollaron los elementos que conforman el sistema visual de la marca, incluyendo tipografía, iconografía, estilos gráficos y lineamientos de diseño. Este sistema permite mantener consistencia en todas las aplicaciones y facilita la escalabilidad de la identidad.
5. Exploración de Recursos Visuales con IA
Generación de iconografía y recursos gráficos
Para complementar el sistema visual se exploró el uso de inteligencia artificial para la generación de iconografía y algunos recursos gráficos utilizando Gemini. Las piezas generadas fueron posteriormente refinadas y adaptadas para integrarse de forma coherente dentro del sistema de identidad.
6. Brand Book Estratégico
Documentación de la estrategia y el sistema de marca
Se desarrolló un Brand Book completo que documenta tanto la estrategia como la identidad visual de la marca. El manual se organizó en tres secciones principales: Estrategia de marca, Identidad visual, y Usos y aplicaciones Esto permite asegurar consistencia en futuras implementaciones y facilitar la escalabilidad de la marca.
7. Arquitectura del Sitio Web
Definición de la estructura y experiencia de usuario
Antes del diseño visual se desarrollaron wireframes para organizar la arquitectura de información del sitio web, priorizando la claridad en la presentación de servicios y la comunicación de la propuesta de valor.
8. Diseño de Interfaz (UI)
Construcción de la experiencia visual del sitio
Se diseñó la interfaz final del sitio alineada con el sistema visual desarrollado. Se trabajó especialmente en la jerarquía de la información, la legibilidad y la consistencia visual para lograr una experiencia clara y profesional.
9. Motion y Recursos Animados
Incorporación de movimiento dentro de la identidad digital
Se desarrollaron animaciones basadas en la “S” del logotipo para la sección hero del sitio web. Algunas exploraciones iniciales se realizaron utilizando Adobe Firefly, generando variaciones visuales que aportan dinamismo y refuerzan el carácter tecnológico de la marca.
10. Desarrollo e Implementación
Construcción y optimización del sitio web
El sitio fue desarrollado en Framer, integrando animaciones, optimizando el diseño responsive y ajustando las interacciones para lograr una experiencia digital fluida y contemporánea.
1. Definición Estratégica
Replanteando los fundamentos de la marca
El proyecto comenzó con una etapa de estrategia orientada a redefinir los fundamentos de la marca. Se trabajó en la reformulación de la propuesta de valor, la definición del tono de voz y la construcción de perfiles de buyer persona para alinear la comunicación de Skytel con un posicionamiento más tecnológico e innovador. Esta etapa permitió establecer un marco claro que guiaría todas las decisiones posteriores de identidad visual y experiencia digital.
2. Investigación y Dirección Creativa
Exploración visual para definir la dirección estética
Con la estrategia definida, se realizó una investigación visual del sector tecnológico para identificar referencias alineadas con conceptos de conectividad, innovación y sistemas digitales. Esta exploración permitió establecer la dirección estética general del proyecto y sentar las bases del sistema visual.
3. Sistema Cromático
Definición de la paleta de color
Se exploraron diferentes combinaciones cromáticas hasta definir una paleta basada principalmente en tonos azules, asociados a confianza, estabilidad e innovación. La selección de color buscó reforzar el posicionamiento tecnológico de la marca y aportar coherencia a todo el ecosistema visual.
4. Construcción del Sistema de Identidad
Desarrollo de los componentes visuales de la marca
A partir de la dirección creativa se desarrollaron los elementos que conforman el sistema visual de la marca, incluyendo tipografía, iconografía, estilos gráficos y lineamientos de diseño. Este sistema permite mantener consistencia en todas las aplicaciones y facilita la escalabilidad de la identidad.
5. Exploración de Recursos Visuales con IA
Generación de iconografía y recursos gráficos
Para complementar el sistema visual se exploró el uso de inteligencia artificial para la generación de iconografía y algunos recursos gráficos utilizando Gemini. Las piezas generadas fueron posteriormente refinadas y adaptadas para integrarse de forma coherente dentro del sistema de identidad.
6. Brand Book Estratégico
Documentación de la estrategia y el sistema de marca
Se desarrolló un Brand Book completo que documenta tanto la estrategia como la identidad visual de la marca. El manual se organizó en tres secciones principales: Estrategia de marca, Identidad visual, y Usos y aplicaciones Esto permite asegurar consistencia en futuras implementaciones y facilitar la escalabilidad de la marca.
7. Arquitectura del Sitio Web
Definición de la estructura y experiencia de usuario
Antes del diseño visual se desarrollaron wireframes para organizar la arquitectura de información del sitio web, priorizando la claridad en la presentación de servicios y la comunicación de la propuesta de valor.
8. Diseño de Interfaz (UI)
Construcción de la experiencia visual del sitio
Se diseñó la interfaz final del sitio alineada con el sistema visual desarrollado. Se trabajó especialmente en la jerarquía de la información, la legibilidad y la consistencia visual para lograr una experiencia clara y profesional.
9. Motion y Recursos Animados
Incorporación de movimiento dentro de la identidad digital
Se desarrollaron animaciones basadas en la “S” del logotipo para la sección hero del sitio web. Algunas exploraciones iniciales se realizaron utilizando Adobe Firefly, generando variaciones visuales que aportan dinamismo y refuerzan el carácter tecnológico de la marca.
10. Desarrollo e Implementación
Construcción y optimización del sitio web
El sitio fue desarrollado en Framer, integrando animaciones, optimizando el diseño responsive y ajustando las interacciones para lograr una experiencia digital fluida y contemporánea.
1. Definición Estratégica
Replanteando los fundamentos de la marca
El proyecto comenzó con una etapa de estrategia orientada a redefinir los fundamentos de la marca. Se trabajó en la reformulación de la propuesta de valor, la definición del tono de voz y la construcción de perfiles de buyer persona para alinear la comunicación de Skytel con un posicionamiento más tecnológico e innovador. Esta etapa permitió establecer un marco claro que guiaría todas las decisiones posteriores de identidad visual y experiencia digital.
2. Investigación y Dirección Creativa
Exploración visual para definir la dirección estética
Con la estrategia definida, se realizó una investigación visual del sector tecnológico para identificar referencias alineadas con conceptos de conectividad, innovación y sistemas digitales. Esta exploración permitió establecer la dirección estética general del proyecto y sentar las bases del sistema visual.
3. Sistema Cromático
Definición de la paleta de color
Se exploraron diferentes combinaciones cromáticas hasta definir una paleta basada principalmente en tonos azules, asociados a confianza, estabilidad e innovación. La selección de color buscó reforzar el posicionamiento tecnológico de la marca y aportar coherencia a todo el ecosistema visual.
4. Construcción del Sistema de Identidad
Desarrollo de los componentes visuales de la marca
A partir de la dirección creativa se desarrollaron los elementos que conforman el sistema visual de la marca, incluyendo tipografía, iconografía, estilos gráficos y lineamientos de diseño. Este sistema permite mantener consistencia en todas las aplicaciones y facilita la escalabilidad de la identidad.
5. Exploración de Recursos Visuales con IA
Generación de iconografía y recursos gráficos
Para complementar el sistema visual se exploró el uso de inteligencia artificial para la generación de iconografía y algunos recursos gráficos utilizando Gemini. Las piezas generadas fueron posteriormente refinadas y adaptadas para integrarse de forma coherente dentro del sistema de identidad.
6. Brand Book Estratégico
Documentación de la estrategia y el sistema de marca
Se desarrolló un Brand Book completo que documenta tanto la estrategia como la identidad visual de la marca. El manual se organizó en tres secciones principales: Estrategia de marca, Identidad visual, y Usos y aplicaciones Esto permite asegurar consistencia en futuras implementaciones y facilitar la escalabilidad de la marca.
7. Arquitectura del Sitio Web
Definición de la estructura y experiencia de usuario
Antes del diseño visual se desarrollaron wireframes para organizar la arquitectura de información del sitio web, priorizando la claridad en la presentación de servicios y la comunicación de la propuesta de valor.
8. Diseño de Interfaz (UI)
Construcción de la experiencia visual del sitio
Se diseñó la interfaz final del sitio alineada con el sistema visual desarrollado. Se trabajó especialmente en la jerarquía de la información, la legibilidad y la consistencia visual para lograr una experiencia clara y profesional.
9. Motion y Recursos Animados
Incorporación de movimiento dentro de la identidad digital
Se desarrollaron animaciones basadas en la “S” del logotipo para la sección hero del sitio web. Algunas exploraciones iniciales se realizaron utilizando Adobe Firefly, generando variaciones visuales que aportan dinamismo y refuerzan el carácter tecnológico de la marca.
10. Desarrollo e Implementación
Construcción y optimización del sitio web
El sitio fue desarrollado en Framer, integrando animaciones, optimizando el diseño responsive y ajustando las interacciones para lograr una experiencia digital fluida y contemporánea.
EL PROCESO
CAMINO HACIA LOS RESULTADOS
1. Definición Estratégica
Replanteando los fundamentos de la marca
El proyecto comenzó con una etapa de estrategia orientada a redefinir los fundamentos de la marca. Se trabajó en la reformulación de la propuesta de valor, la definición del tono de voz y la construcción de perfiles de buyer persona para alinear la comunicación de Skytel con un posicionamiento más tecnológico e innovador. Esta etapa permitió establecer un marco claro que guiaría todas las decisiones posteriores de identidad visual y experiencia digital.
2. Investigación y Dirección Creativa
Exploración visual para definir la dirección estética
Con la estrategia definida, se realizó una investigación visual del sector tecnológico para identificar referencias alineadas con conceptos de conectividad, innovación y sistemas digitales. Esta exploración permitió establecer la dirección estética general del proyecto y sentar las bases del sistema visual.
3. Sistema Cromático
Definición de la paleta de color
Se exploraron diferentes combinaciones cromáticas hasta definir una paleta basada principalmente en tonos azules, asociados a confianza, estabilidad e innovación. La selección de color buscó reforzar el posicionamiento tecnológico de la marca y aportar coherencia a todo el ecosistema visual.
4. Construcción del Sistema de Identidad
Desarrollo de los componentes visuales de la marca
A partir de la dirección creativa se desarrollaron los elementos que conforman el sistema visual de la marca, incluyendo tipografía, iconografía, estilos gráficos y lineamientos de diseño. Este sistema permite mantener consistencia en todas las aplicaciones y facilita la escalabilidad de la identidad.
5. Exploración de Recursos Visuales con IA
Generación de iconografía y recursos gráficos
Para complementar el sistema visual se exploró el uso de inteligencia artificial para la generación de iconografía y algunos recursos gráficos utilizando Gemini. Las piezas generadas fueron posteriormente refinadas y adaptadas para integrarse de forma coherente dentro del sistema de identidad.
6. Brand Book Estratégico
Documentación de la estrategia y el sistema de marca
Se desarrolló un Brand Book completo que documenta tanto la estrategia como la identidad visual de la marca. El manual se organizó en tres secciones principales: Estrategia de marca, Identidad visual, y Usos y aplicaciones Esto permite asegurar consistencia en futuras implementaciones y facilitar la escalabilidad de la marca.
7. Arquitectura del Sitio Web
Definición de la estructura y experiencia de usuario
Antes del diseño visual se desarrollaron wireframes para organizar la arquitectura de información del sitio web, priorizando la claridad en la presentación de servicios y la comunicación de la propuesta de valor.
8. Diseño de Interfaz (UI)
Construcción de la experiencia visual del sitio
Se diseñó la interfaz final del sitio alineada con el sistema visual desarrollado. Se trabajó especialmente en la jerarquía de la información, la legibilidad y la consistencia visual para lograr una experiencia clara y profesional.
9. Motion y Recursos Animados
Incorporación de movimiento dentro de la identidad digital
Se desarrollaron animaciones basadas en la “S” del logotipo para la sección hero del sitio web. Algunas exploraciones iniciales se realizaron utilizando Adobe Firefly, generando variaciones visuales que aportan dinamismo y refuerzan el carácter tecnológico de la marca.
10. Desarrollo e Implementación
Construcción y optimización del sitio web
El sitio fue desarrollado en Framer, integrando animaciones, optimizando el diseño responsive y ajustando las interacciones para lograr una experiencia digital fluida y contemporánea.
1. Definición Estratégica
Replanteando los fundamentos de la marca
El proyecto comenzó con una etapa de estrategia orientada a redefinir los fundamentos de la marca. Se trabajó en la reformulación de la propuesta de valor, la definición del tono de voz y la construcción de perfiles de buyer persona para alinear la comunicación de Skytel con un posicionamiento más tecnológico e innovador. Esta etapa permitió establecer un marco claro que guiaría todas las decisiones posteriores de identidad visual y experiencia digital.
2. Investigación y Dirección Creativa
Exploración visual para definir la dirección estética
Con la estrategia definida, se realizó una investigación visual del sector tecnológico para identificar referencias alineadas con conceptos de conectividad, innovación y sistemas digitales. Esta exploración permitió establecer la dirección estética general del proyecto y sentar las bases del sistema visual.
3. Sistema Cromático
Definición de la paleta de color
Se exploraron diferentes combinaciones cromáticas hasta definir una paleta basada principalmente en tonos azules, asociados a confianza, estabilidad e innovación. La selección de color buscó reforzar el posicionamiento tecnológico de la marca y aportar coherencia a todo el ecosistema visual.
4. Construcción del Sistema de Identidad
Desarrollo de los componentes visuales de la marca
A partir de la dirección creativa se desarrollaron los elementos que conforman el sistema visual de la marca, incluyendo tipografía, iconografía, estilos gráficos y lineamientos de diseño. Este sistema permite mantener consistencia en todas las aplicaciones y facilita la escalabilidad de la identidad.
5. Exploración de Recursos Visuales con IA
Generación de iconografía y recursos gráficos
Para complementar el sistema visual se exploró el uso de inteligencia artificial para la generación de iconografía y algunos recursos gráficos utilizando Gemini. Las piezas generadas fueron posteriormente refinadas y adaptadas para integrarse de forma coherente dentro del sistema de identidad.
6. Brand Book Estratégico
Documentación de la estrategia y el sistema de marca
Se desarrolló un Brand Book completo que documenta tanto la estrategia como la identidad visual de la marca. El manual se organizó en tres secciones principales: Estrategia de marca, Identidad visual, y Usos y aplicaciones Esto permite asegurar consistencia en futuras implementaciones y facilitar la escalabilidad de la marca.
7. Arquitectura del Sitio Web
Definición de la estructura y experiencia de usuario
Antes del diseño visual se desarrollaron wireframes para organizar la arquitectura de información del sitio web, priorizando la claridad en la presentación de servicios y la comunicación de la propuesta de valor.
8. Diseño de Interfaz (UI)
Construcción de la experiencia visual del sitio
Se diseñó la interfaz final del sitio alineada con el sistema visual desarrollado. Se trabajó especialmente en la jerarquía de la información, la legibilidad y la consistencia visual para lograr una experiencia clara y profesional.
9. Motion y Recursos Animados
Incorporación de movimiento dentro de la identidad digital
Se desarrollaron animaciones basadas en la “S” del logotipo para la sección hero del sitio web. Algunas exploraciones iniciales se realizaron utilizando Adobe Firefly, generando variaciones visuales que aportan dinamismo y refuerzan el carácter tecnológico de la marca.
10. Desarrollo e Implementación
Construcción y optimización del sitio web
El sitio fue desarrollado en Framer, integrando animaciones, optimizando el diseño responsive y ajustando las interacciones para lograr una experiencia digital fluida y contemporánea.
1. Definición Estratégica
Replanteando los fundamentos de la marca
El proyecto comenzó con una etapa de estrategia orientada a redefinir los fundamentos de la marca. Se trabajó en la reformulación de la propuesta de valor, la definición del tono de voz y la construcción de perfiles de buyer persona para alinear la comunicación de Skytel con un posicionamiento más tecnológico e innovador. Esta etapa permitió establecer un marco claro que guiaría todas las decisiones posteriores de identidad visual y experiencia digital.
2. Investigación y Dirección Creativa
Exploración visual para definir la dirección estética
Con la estrategia definida, se realizó una investigación visual del sector tecnológico para identificar referencias alineadas con conceptos de conectividad, innovación y sistemas digitales. Esta exploración permitió establecer la dirección estética general del proyecto y sentar las bases del sistema visual.
3. Sistema Cromático
Definición de la paleta de color
Se exploraron diferentes combinaciones cromáticas hasta definir una paleta basada principalmente en tonos azules, asociados a confianza, estabilidad e innovación. La selección de color buscó reforzar el posicionamiento tecnológico de la marca y aportar coherencia a todo el ecosistema visual.
4. Construcción del Sistema de Identidad
Desarrollo de los componentes visuales de la marca
A partir de la dirección creativa se desarrollaron los elementos que conforman el sistema visual de la marca, incluyendo tipografía, iconografía, estilos gráficos y lineamientos de diseño. Este sistema permite mantener consistencia en todas las aplicaciones y facilita la escalabilidad de la identidad.
5. Exploración de Recursos Visuales con IA
Generación de iconografía y recursos gráficos
Para complementar el sistema visual se exploró el uso de inteligencia artificial para la generación de iconografía y algunos recursos gráficos utilizando Gemini. Las piezas generadas fueron posteriormente refinadas y adaptadas para integrarse de forma coherente dentro del sistema de identidad.
6. Brand Book Estratégico
Documentación de la estrategia y el sistema de marca
Se desarrolló un Brand Book completo que documenta tanto la estrategia como la identidad visual de la marca. El manual se organizó en tres secciones principales: Estrategia de marca, Identidad visual, y Usos y aplicaciones Esto permite asegurar consistencia en futuras implementaciones y facilitar la escalabilidad de la marca.
7. Arquitectura del Sitio Web
Definición de la estructura y experiencia de usuario
Antes del diseño visual se desarrollaron wireframes para organizar la arquitectura de información del sitio web, priorizando la claridad en la presentación de servicios y la comunicación de la propuesta de valor.
8. Diseño de Interfaz (UI)
Construcción de la experiencia visual del sitio
Se diseñó la interfaz final del sitio alineada con el sistema visual desarrollado. Se trabajó especialmente en la jerarquía de la información, la legibilidad y la consistencia visual para lograr una experiencia clara y profesional.
9. Motion y Recursos Animados
Incorporación de movimiento dentro de la identidad digital
Se desarrollaron animaciones basadas en la “S” del logotipo para la sección hero del sitio web. Algunas exploraciones iniciales se realizaron utilizando Adobe Firefly, generando variaciones visuales que aportan dinamismo y refuerzan el carácter tecnológico de la marca.
10. Desarrollo e Implementación
Construcción y optimización del sitio web
El sitio fue desarrollado en Framer, integrando animaciones, optimizando el diseño responsive y ajustando las interacciones para lograr una experiencia digital fluida y contemporánea.
1. Definición Estratégica
Replanteando los fundamentos de la marca
El proyecto comenzó con una etapa de estrategia orientada a redefinir los fundamentos de la marca. Se trabajó en la reformulación de la propuesta de valor, la definición del tono de voz y la construcción de perfiles de buyer persona para alinear la comunicación de Skytel con un posicionamiento más tecnológico e innovador. Esta etapa permitió establecer un marco claro que guiaría todas las decisiones posteriores de identidad visual y experiencia digital.
2. Investigación y Dirección Creativa
Exploración visual para definir la dirección estética
Con la estrategia definida, se realizó una investigación visual del sector tecnológico para identificar referencias alineadas con conceptos de conectividad, innovación y sistemas digitales. Esta exploración permitió establecer la dirección estética general del proyecto y sentar las bases del sistema visual.
3. Sistema Cromático
Definición de la paleta de color
Se exploraron diferentes combinaciones cromáticas hasta definir una paleta basada principalmente en tonos azules, asociados a confianza, estabilidad e innovación. La selección de color buscó reforzar el posicionamiento tecnológico de la marca y aportar coherencia a todo el ecosistema visual.
4. Construcción del Sistema de Identidad
Desarrollo de los componentes visuales de la marca
A partir de la dirección creativa se desarrollaron los elementos que conforman el sistema visual de la marca, incluyendo tipografía, iconografía, estilos gráficos y lineamientos de diseño. Este sistema permite mantener consistencia en todas las aplicaciones y facilita la escalabilidad de la identidad.
5. Exploración de Recursos Visuales con IA
Generación de iconografía y recursos gráficos
Para complementar el sistema visual se exploró el uso de inteligencia artificial para la generación de iconografía y algunos recursos gráficos utilizando Gemini. Las piezas generadas fueron posteriormente refinadas y adaptadas para integrarse de forma coherente dentro del sistema de identidad.
6. Brand Book Estratégico
Documentación de la estrategia y el sistema de marca
Se desarrolló un Brand Book completo que documenta tanto la estrategia como la identidad visual de la marca. El manual se organizó en tres secciones principales: Estrategia de marca, Identidad visual, y Usos y aplicaciones Esto permite asegurar consistencia en futuras implementaciones y facilitar la escalabilidad de la marca.
7. Arquitectura del Sitio Web
Definición de la estructura y experiencia de usuario
Antes del diseño visual se desarrollaron wireframes para organizar la arquitectura de información del sitio web, priorizando la claridad en la presentación de servicios y la comunicación de la propuesta de valor.
8. Diseño de Interfaz (UI)
Construcción de la experiencia visual del sitio
Se diseñó la interfaz final del sitio alineada con el sistema visual desarrollado. Se trabajó especialmente en la jerarquía de la información, la legibilidad y la consistencia visual para lograr una experiencia clara y profesional.
9. Motion y Recursos Animados
Incorporación de movimiento dentro de la identidad digital
Se desarrollaron animaciones basadas en la “S” del logotipo para la sección hero del sitio web. Algunas exploraciones iniciales se realizaron utilizando Adobe Firefly, generando variaciones visuales que aportan dinamismo y refuerzan el carácter tecnológico de la marca.
10. Desarrollo e Implementación
Construcción y optimización del sitio web
El sitio fue desarrollado en Framer, integrando animaciones, optimizando el diseño responsive y ajustando las interacciones para lograr una experiencia digital fluida y contemporánea.
SKYMED
DETALLES DEL PROYECTO
INDUSTRIA
HealthTech / Inteligencia Artificial / Tecnología
DESCRIPCIÓN DEL PRODUCTO
Desarrollo de sub-branding para un spin-off de Skytel y diseño y desarrollo de una landing page para presentar la propuesta de valor de SkyMed dentro del sector HealthTech.
SERVICIOS ADQUIRIDOS
Sub-Branding - Diseño y Desarrollo Web
AÑO
2025
PAÍS
Argentina
HERRAMIENTAS
Illustrator - Figma - Framer - Adobe Firefly - Gemini Ai
