Skytel es una empresa especializada en soluciones de conectividad satelital y servicios de BPO. En los últimos años la compañía comenzó una transición estratégica hacia un modelo AI-first, incorporando inteligencia artificial en sus procesos y servicios para escalar su operación y posicionarse dentro de un mercado tecnológico más competitivo. La empresa ya contaba con una identidad visual, un manual de marca y un sitio web, pero estos elementos no reflejaban el nuevo posicionamiento ni el nivel de innovación que Skytel buscaba comunicar. El proyecto consistió en evolucionar su identidad visual existente, desarrollar un brandbook estratégico actualizado y rediseñar completamente el sitio web para construir una presencia digital más moderna, tecnológica y alineada con su nueva visión de crecimiento.
Skytel es una empresa especializada en soluciones de conectividad satelital y servicios de BPO. En los últimos años la compañía comenzó una transición estratégica hacia un modelo AI-first, incorporando inteligencia artificial en sus procesos y servicios para escalar su operación y posicionarse dentro de un mercado tecnológico más competitivo. La empresa ya contaba con una identidad visual, un manual de marca y un sitio web, pero estos elementos no reflejaban el nuevo posicionamiento ni el nivel de innovación que Skytel buscaba comunicar. El proyecto consistió en evolucionar su identidad visual existente, desarrollar un brandbook estratégico actualizado y rediseñar completamente el sitio web para construir una presencia digital más moderna, tecnológica y alineada con su nueva visión de crecimiento.
EL DESAFÍO
Identificando los puntos de dolor
Identifying Key
Pain Points
1
La marca no transmitía el nivel tecnológico y profesional que realmente ofrecía.
2
Falta de coherencia visual entre sus distintos materiales.
2
Falta de coherencia visual entre sus distintos materiales.
3
Necesidad de posicionarse como empresa innovadora dentro del sector telecomunicaciones.
4
El sitio web existente no reflejaba correctamente los servicios ni la propuesta de valor actual de Skytel.
PRIMER SOLUCIÓN
Rebranding
REBRANDING AND
new LANDING PAGE
Primero se trabajó en una evolución de la identidad visual existente, manteniendo el logotipo original pero desarrollando un sistema visual más moderno y coherente que acompañara el nuevo posicionamiento tecnológico de la empresa. Se definieron una nueva paleta cromática, tipografía, iconografía y recursos gráficos que permiten comunicar innovación, tecnología y escalabilidad. Como parte del proyecto también se desarrolló un brandbook estratégico actualizado, que no solo documenta la identidad visual sino también el posicionamiento de la marca y su dirección estratégica.
El manual se estructuró en tres secciones principales:
Estrategia de Marca
Definición del posicionamiento, valores, personalidad y dirección estratégica de Skytel en su transición hacia un enfoque AI-first.Identidad Visual
Sistema visual completo incluyendo paleta cromática, tipografía, iconografía y lineamientos gráficos.Usos y Aplicaciones
Guías de implementación del sistema de marca en distintos soportes y plataformas.
Contenido del nuevo Brandbook entregado al cliente:
Contenido del nuevo Brandbook entregado al cliente:
SEGUNDA SOLUCIÓN
Diseño y Desarrollo Web
Una vez definido el sistema visual, se diseñó y desarrolló el sitio web en Framer. Se trabajó en la arquitectura de la información, jerarquía visual y experiencia de usuario para garantizar una comunicación clara de los servicios de la empresa. El sitio fue pensado como una herramienta estratégica de presentación digital, combinando diseño moderno, estructura clara y una experiencia de navegación intuitiva.
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.
SKYTEL
DETALLES DEL PROYECTO
INDUSTRIA
Telecomunicaciones / BPO / Inteligencia Artificial
DESCRIPCIÓN DEL PRODUCTO
Rebranding y diseño web estratégico para modernizar la imagen corporativa de SkyTel
SERVICIOS ADQUIRIDOS
Rebranding - Diseño y Desarrollo Web
AÑO
2026
PAÍS
Argentina
HERRAMIENTAS
Illustrator - Figma - Framer - Adobe Firefly - Gemini Ai
