Skytel llevaba años construyendo algo real: conectividad satelital, servicios BPO y una transición estratégica hacia un modelo AI-first. El problema era que su imagen contaba otra historia. La identidad visual, el brandbook y el sitio web hablaban de una empresa que ya no existía.
Cuando una empresa evoluciona más rápido que su imagen, empieza a perder oportunidades que no debería perder. Eso fue exactamente lo que resolvimos.
Skytel llevaba años construyendo algo real: conectividad satelital, servicios BPO y una transición estratégica hacia un modelo AI-first. El problema era que su imagen contaba otra historia. La identidad visual, el brandbook y el sitio web hablaban de una empresa que ya no existía.
Cuando una empresa evoluciona más rápido que su imagen, empieza a perder oportunidades que no debería perder. Eso fue exactamente lo que resolvimos.
EL DESAFÍO
Identificando los puntos de dolor
Identifying Key
Pain Points
1
Su imagen comunicaba una empresa genérica, no una empresa tecnológica en expansión.
2
Los materiales de marca no tenían coherencia entre sí. Cada touchpoint contaba una historia distinta.
2
Los materiales de marca no tenían coherencia entre sí. Cada touchpoint contaba una historia distinta.
3
En un sector donde la percepción importa tanto como el servicio, Skytel no se veía como el jugador innovador que era.
4
El sitio web no reflejaba sus servicios actuales ni su propuesta de valor real.
4
El sitio web no reflejaba sus servicios actuales ni su propuesta de valor real.
PRIMER SOLUCIÓN - REBRANDING
Una identidad construida desde el posicionamiento
REBRANDING AND
new LANDING PAGE
El logo se mantuvo, había equity acumulado en él y cambiarlo hubiera sido un costo innecesario. Lo que sí cambió fue todo el sistema que lo rodea. Se definió una nueva paleta cromática basada en azules: no fue una elección arbitraria sino semántica, porque el azul comunica confianza, estabilidad y precisión, exactamente los atributos que Skytel necesitaba proyectar en su transición AI-first.
La tipografía, la iconografía y los recursos gráficos se desarrollaron como un sistema, no como piezas sueltas, para que Skytel pueda crecer sin perder coherencia y sin depender de que siempre sea la misma persona diseñando. Todo quedó documentado en un brandbook estructurado en tres partes: estrategia de marca, identidad visual y guías de aplicación.
Contenido del Brandbook entregado al cliente
Contenido del Brandbook entregado al cliente
SEGUNDA SOLUCIÓN - DISEÑO Y DESARROLLO WEB
Un sitio que trabaja como herramienta de negocio
El punto de partida no fue el diseño visual sino la arquitectura de información: qué necesita entender un visitante y en qué orden. La jerarquía se construyó desde la propuesta de valor hacia afuera (primero el problema que resuelve Skytel, luego cómo lo hace, luego los detalles) porque ese orden imita el proceso mental de compra y reduce la fricción.
Cada elemento animado tiene una función: guiar la atención hacia lo importante, generar sensación de tecnología en movimiento o reducir la carga cognitiva del contenido. Si no cumplía alguna de esas funciones, no entró.
1. Estrategia de marca
Antes de abrir Figma: redefinición de propuesta de valor, tono de voz y buyer personas. Sin este paso, el diseño es decoración. Con él, es posicionamiento
2. Investigación y dirección creativa
Análisis de cómo comunican las empresas que Skytel quiere tener como pares, para entender el lenguaje visual del mercado y encontrar el espacio diferencial disponible.
3. Sistema cromático
Definición de paleta basada en azules. Cada tono tiene una función dentro del sistema: primario para presencia, secundario para énfasis, oscuros para profundidad y modernidad.
4. Sistema de Identidad
Desarrollo de tipografía, iconografía y lineamientos. Un sistema bien construido reduce la dependencia del criterio individual: cualquier pieza futura puede pertenecer a la misma marca.
5. Recursos visuales con IA
Generación de iconografía con Gemini, evaluada y refinada para que encaje dentro del sistema sin romper su coherencia.
6. Brand Book Estratégico
Documentación de estrategia, identidad y guías de aplicación. Un brandbook útil le permite a alguien que nunca vio el proyecto tomar decisiones alineadas con la marca.
7. Arquitectura web
Wireframes resueltos en escala de grises a propósito: el color en esta etapa distrae. Lo que importa es si la estructura comunica bien y si el flujo tiene lógica.
8. Diseño de interfaz (UI)
Cada decisión tipográfica y de espaciado se tomó pensando en cómo se lee el contenido en pantalla, no en cómo se ve en una presentación.
9. Motion y Recursos Animados
El motion fue lo último en definirse. Primero la estructura, después el diseño visual, después el movimiento. Nunca al revés.
10. Desarrollo e implementación
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. Estrategia de marca
Antes de abrir Figma: redefinición de propuesta de valor, tono de voz y buyer personas. Sin este paso, el diseño es decoración. Con él, es posicionamiento
2. Investigación y dirección creativa
Análisis de cómo comunican las empresas que Skytel quiere tener como pares, para entender el lenguaje visual del mercado y encontrar el espacio diferencial disponible.
3. Sistema cromático
Definición de paleta basada en azules. Cada tono tiene una función dentro del sistema: primario para presencia, secundario para énfasis, oscuros para profundidad y modernidad.
4. Sistema de Identidad
Desarrollo de tipografía, iconografía y lineamientos. Un sistema bien construido reduce la dependencia del criterio individual: cualquier pieza futura puede pertenecer a la misma marca.
5. Recursos visuales con IA
Generación de iconografía con Gemini, evaluada y refinada para que encaje dentro del sistema sin romper su coherencia.
6. Brand Book Estratégico
Documentación de estrategia, identidad y guías de aplicación. Un brandbook útil le permite a alguien que nunca vio el proyecto tomar decisiones alineadas con la marca.
7. Arquitectura web
Wireframes resueltos en escala de grises a propósito: el color en esta etapa distrae. Lo que importa es si la estructura comunica bien y si el flujo tiene lógica.
8. Diseño de interfaz (UI)
Cada decisión tipográfica y de espaciado se tomó pensando en cómo se lee el contenido en pantalla, no en cómo se ve en una presentación.
9. Motion y Recursos Animados
El motion fue lo último en definirse. Primero la estructura, después el diseño visual, después el movimiento. Nunca al revés.
10. Desarrollo e implementación
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. Estrategia de marca
Antes de abrir Figma: redefinición de propuesta de valor, tono de voz y buyer personas. Sin este paso, el diseño es decoración. Con él, es posicionamiento
2. Investigación y dirección creativa
Análisis de cómo comunican las empresas que Skytel quiere tener como pares, para entender el lenguaje visual del mercado y encontrar el espacio diferencial disponible.
3. Sistema cromático
Definición de paleta basada en azules. Cada tono tiene una función dentro del sistema: primario para presencia, secundario para énfasis, oscuros para profundidad y modernidad.
4. Sistema de Identidad
Desarrollo de tipografía, iconografía y lineamientos. Un sistema bien construido reduce la dependencia del criterio individual: cualquier pieza futura puede pertenecer a la misma marca.
5. Recursos visuales con IA
Generación de iconografía con Gemini, evaluada y refinada para que encaje dentro del sistema sin romper su coherencia.
6. Brand Book Estratégico
Documentación de estrategia, identidad y guías de aplicación. Un brandbook útil le permite a alguien que nunca vio el proyecto tomar decisiones alineadas con la marca.
7. Arquitectura web
Wireframes resueltos en escala de grises a propósito: el color en esta etapa distrae. Lo que importa es si la estructura comunica bien y si el flujo tiene lógica.
8. Diseño de interfaz (UI)
Cada decisión tipográfica y de espaciado se tomó pensando en cómo se lee el contenido en pantalla, no en cómo se ve en una presentación.
9. Motion y Recursos Animados
El motion fue lo último en definirse. Primero la estructura, después el diseño visual, después el movimiento. Nunca al revés.
10. Desarrollo e implementación
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. Estrategia de marca
Antes de abrir Figma: redefinición de propuesta de valor, tono de voz y buyer personas. Sin este paso, el diseño es decoración. Con él, es posicionamiento
2. Investigación y dirección creativa
Análisis de cómo comunican las empresas que Skytel quiere tener como pares, para entender el lenguaje visual del mercado y encontrar el espacio diferencial disponible.
3. Sistema cromático
Definición de paleta basada en azules. Cada tono tiene una función dentro del sistema: primario para presencia, secundario para énfasis, oscuros para profundidad y modernidad.
4. Sistema de Identidad
Desarrollo de tipografía, iconografía y lineamientos. Un sistema bien construido reduce la dependencia del criterio individual: cualquier pieza futura puede pertenecer a la misma marca.
5. Recursos visuales con IA
Generación de iconografía con Gemini, evaluada y refinada para que encaje dentro del sistema sin romper su coherencia.
6. Brand Book Estratégico
Documentación de estrategia, identidad y guías de aplicación. Un brandbook útil le permite a alguien que nunca vio el proyecto tomar decisiones alineadas con la marca.
7. Arquitectura web
Wireframes resueltos en escala de grises a propósito: el color en esta etapa distrae. Lo que importa es si la estructura comunica bien y si el flujo tiene lógica.
8. Diseño de interfaz (UI)
Cada decisión tipográfica y de espaciado se tomó pensando en cómo se lee el contenido en pantalla, no en cómo se ve en una presentación.
9. Motion y Recursos Animados
El motion fue lo último en definirse. Primero la estructura, después el diseño visual, después el movimiento. Nunca al revés.
10. Desarrollo e implementación
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
Cómo se trabajó
1. Estrategia de marca
Antes de abrir Figma: redefinición de propuesta de valor, tono de voz y buyer personas. Sin este paso, el diseño es decoración. Con él, es posicionamiento
2. Investigación y dirección creativa
Análisis de cómo comunican las empresas que Skytel quiere tener como pares, para entender el lenguaje visual del mercado y encontrar el espacio diferencial disponible.
3. Sistema cromático
Definición de paleta basada en azules. Cada tono tiene una función dentro del sistema: primario para presencia, secundario para énfasis, oscuros para profundidad y modernidad.
4. Sistema de Identidad
Desarrollo de tipografía, iconografía y lineamientos. Un sistema bien construido reduce la dependencia del criterio individual: cualquier pieza futura puede pertenecer a la misma marca.
5. Recursos visuales con IA
Generación de iconografía con Gemini, evaluada y refinada para que encaje dentro del sistema sin romper su coherencia.
6. Brand Book Estratégico
Documentación de estrategia, identidad y guías de aplicación. Un brandbook útil le permite a alguien que nunca vio el proyecto tomar decisiones alineadas con la marca.
7. Arquitectura web
Wireframes resueltos en escala de grises a propósito: el color en esta etapa distrae. Lo que importa es si la estructura comunica bien y si el flujo tiene lógica.
8. Diseño de interfaz (UI)
Cada decisión tipográfica y de espaciado se tomó pensando en cómo se lee el contenido en pantalla, no en cómo se ve en una presentación.
9. Motion y Recursos Animados
El motion fue lo último en definirse. Primero la estructura, después el diseño visual, después el movimiento. Nunca al revés.
10. Desarrollo e implementación
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. Estrategia de marca
Antes de abrir Figma: redefinición de propuesta de valor, tono de voz y buyer personas. Sin este paso, el diseño es decoración. Con él, es posicionamiento
2. Investigación y dirección creativa
Análisis de cómo comunican las empresas que Skytel quiere tener como pares, para entender el lenguaje visual del mercado y encontrar el espacio diferencial disponible.
3. Sistema cromático
Definición de paleta basada en azules. Cada tono tiene una función dentro del sistema: primario para presencia, secundario para énfasis, oscuros para profundidad y modernidad.
4. Sistema de Identidad
Desarrollo de tipografía, iconografía y lineamientos. Un sistema bien construido reduce la dependencia del criterio individual: cualquier pieza futura puede pertenecer a la misma marca.
5. Recursos visuales con IA
Generación de iconografía con Gemini, evaluada y refinada para que encaje dentro del sistema sin romper su coherencia.
6. Brand Book Estratégico
Documentación de estrategia, identidad y guías de aplicación. Un brandbook útil le permite a alguien que nunca vio el proyecto tomar decisiones alineadas con la marca.
7. Arquitectura web
Wireframes resueltos en escala de grises a propósito: el color en esta etapa distrae. Lo que importa es si la estructura comunica bien y si el flujo tiene lógica.
8. Diseño de interfaz (UI)
Cada decisión tipográfica y de espaciado se tomó pensando en cómo se lee el contenido en pantalla, no en cómo se ve en una presentación.
9. Motion y Recursos Animados
El motion fue lo último en definirse. Primero la estructura, después el diseño visual, después el movimiento. Nunca al revés.
10. Desarrollo e implementación
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. Estrategia de marca
Antes de abrir Figma: redefinición de propuesta de valor, tono de voz y buyer personas. Sin este paso, el diseño es decoración. Con él, es posicionamiento
2. Investigación y dirección creativa
Análisis de cómo comunican las empresas que Skytel quiere tener como pares, para entender el lenguaje visual del mercado y encontrar el espacio diferencial disponible.
3. Sistema cromático
Definición de paleta basada en azules. Cada tono tiene una función dentro del sistema: primario para presencia, secundario para énfasis, oscuros para profundidad y modernidad.
4. Sistema de Identidad
Desarrollo de tipografía, iconografía y lineamientos. Un sistema bien construido reduce la dependencia del criterio individual: cualquier pieza futura puede pertenecer a la misma marca.
5. Recursos visuales con IA
Generación de iconografía con Gemini, evaluada y refinada para que encaje dentro del sistema sin romper su coherencia.
6. Brand Book Estratégico
Documentación de estrategia, identidad y guías de aplicación. Un brandbook útil le permite a alguien que nunca vio el proyecto tomar decisiones alineadas con la marca.
7. Arquitectura web
Wireframes resueltos en escala de grises a propósito: el color en esta etapa distrae. Lo que importa es si la estructura comunica bien y si el flujo tiene lógica.
8. Diseño de interfaz (UI)
Cada decisión tipográfica y de espaciado se tomó pensando en cómo se lee el contenido en pantalla, no en cómo se ve en una presentación.
9. Motion y Recursos Animados
El motion fue lo último en definirse. Primero la estructura, después el diseño visual, después el movimiento. Nunca al revés.
10. Desarrollo e implementación
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. Estrategia de marca
Antes de abrir Figma: redefinición de propuesta de valor, tono de voz y buyer personas. Sin este paso, el diseño es decoración. Con él, es posicionamiento
2. Investigación y dirección creativa
Análisis de cómo comunican las empresas que Skytel quiere tener como pares, para entender el lenguaje visual del mercado y encontrar el espacio diferencial disponible.
3. Sistema cromático
Definición de paleta basada en azules. Cada tono tiene una función dentro del sistema: primario para presencia, secundario para énfasis, oscuros para profundidad y modernidad.
4. Sistema de Identidad
Desarrollo de tipografía, iconografía y lineamientos. Un sistema bien construido reduce la dependencia del criterio individual: cualquier pieza futura puede pertenecer a la misma marca.
5. Recursos visuales con IA
Generación de iconografía con Gemini, evaluada y refinada para que encaje dentro del sistema sin romper su coherencia.
6. Brand Book Estratégico
Documentación de estrategia, identidad y guías de aplicación. Un brandbook útil le permite a alguien que nunca vio el proyecto tomar decisiones alineadas con la marca.
7. Arquitectura web
Wireframes resueltos en escala de grises a propósito: el color en esta etapa distrae. Lo que importa es si la estructura comunica bien y si el flujo tiene lógica.
8. Diseño de interfaz (UI)
Cada decisión tipográfica y de espaciado se tomó pensando en cómo se lee el contenido en pantalla, no en cómo se ve en una presentación.
9. Motion y Recursos Animados
El motion fue lo último en definirse. Primero la estructura, después el diseño visual, después el movimiento. Nunca al revés.
10. Desarrollo e implementación
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 RÁPIDOS DEL PROYECTO
INDUSTRIA
Telecomunicaciones / BPO / Tecnología / Inteligencia Artificial
BREVE DESCRIPCIÓN
Empresa de conectividad satelital y servicios BPO en transición hacia modelo AI-first
SERVICIO CONTRATADO
Rebranding & Identidad Visual / Diseño y Desarrollo Web
AÑO
2026
PAÍS
Argentina
HERRAMIENTAS
Illustrator - Figma - Framer - Adobe Firefly - Gemini Ai - Jitter
