Content Studio

Investigación y posicionamiento

Antes del logotipo está la decisión de qué lugar ocupa la marca. Entrevistamos al equipo, leemos al cliente y a la competencia, y dejamos un posicionamiento que se puede defender en una reunión de directorio.

Qué incluye

• Entrevistas a dirección, comercial y operación: qué promete la marca hoy, qué cumple y dónde se contradice.
• Auditoría de piezas vigentes (web, redes, propuestas, papelería) con un inventario de inconsistencias.
• Mapa de competencia directa e indirecta: mensaje, prueba, precio y canal.
• Públicos prioritarios y el trabajo concreto que la marca debe resolver para cada uno.
• Territorio de marca: promesa, prueba, personalidad y lo que la marca no dice.
• Documento de posicionamiento de una página, listo para usarse como brief de diseño, pauta y ventas.

Arquitectura de marca y naming

Ordenamos marca madre, líneas de negocio y submarcas para que cada una tenga personalidad sin romper el conjunto.

Qué incluye

• Mapa de arquitectura: marca madre, endoso, submarcas y productos.
• Criterios de extensión: cuándo una línea hereda la identidad y cuándo se diferencia.
• Naming: generación de nombres, filtro de pronunciación en español, dominio y disponibilidad básica.
• Descriptor y tagline alineados al posicionamiento, con variantes cortas para redes y firma.
• Jerarquía verbal para web, propuesta comercial y anuncios.
• Reglas de convivencia cuando la marca aparece junto a un aliado o a una marca del grupo.

Identidad visual

El símbolo, el color y la tipografía salen con reglas de uso, no como un archivo suelto.

Qué incluye

• Logotipo principal, versión horizontal, isotipo y versiones sobre claro y oscuro, con zona de protección.
• Paleta con roles (fondo, texto, acento, estado) y contraste mínimo AA para texto.
• Tipografía de titulares y de lectura, con licencia y tamaños de uso en web e impreso.
• Retícula, iconografía y criterio fotográfico o ilustrado.
• Principios de movimiento: cómo entra la marca, sin un reel aislado del sistema.
• Archivos fuente en vector, exportes para web y un paquete para que el equipo no redibuje el logo.

Tono de voz y narrativa

La marca también se reconoce por cómo escribe. Dejamos principios, ejemplos y un banco de frases que ventas y redes pueden usar.

Qué incluye

• Principios de voz con ejemplos de sí y de no, escritos con frases reales del sector.
• Mensaje central y mensajes por audiencia (cliente, talento, inversionista, prensa).
• Léxico propio y lista de palabras que la marca no usa.
• Estructura de relato para la home, el pitch y la bio de redes.
• Guía corta de redacción para el equipo interno: longitud, persona gramatical y llamadas a la acción.
• Banco de aperturas, cierres y respuestas frecuentes para comercial y comunidad.

Sistema y gobierno de marca

El manual sirve si alguien que no estuvo en el proyecto puede armar una pieza correcta. Por eso el entregable es operativo.

Qué incluye

• Brand book con reglas aplicables: logo, color, tipo, fotografía, voz y ejemplos reales.
• Plantillas base de presentación, post, firma de correo y papelería.
• Reglas de co-branding y de uso por proveedores o franquicias.
• Checklist de aprobación antes de publicar o imprimir.
• Sesión de traspaso con marketing, ventas y quien produce contenido.
• Criterio de versión viva: qué se actualiza, cada cuánto y quién custodia los archivos.

Dirección de arte

Definimos el concepto visual de una campaña o un lanzamiento antes de producir piezas sueltas.

Qué incluye

• Concepto visual con una idea central y los recursos que la sostienen.
• Aplicación de paleta, encuadre y estilo de imagen tomados del sistema de marca.
• Referencias y descartes documentados, para que la decisión quede por escrito.
• Key visual y sus adaptaciones por formato (feed, story, anuncio, portada, impreso).
• Revisión de consistencia entre digital, impreso y presentación.
• Criterio de aprobación contra el manual antes de pasar a producción.

Diseño de interfaz

Dibujamos las pantallas que el negocio necesita, con estados reales y un handoff que desarrollo puede construir.

Qué incluye

• Wireframes de los flujos que importan: llegada, exploración, conversión y confirmación.
• UI de alta fidelidad sobre los tokens de la marca (color, tipo, espacio, radio).
• Componentes: navegación, botones, cards, formularios, tablas y avisos.
• Diseño responsive en móvil, tablet y escritorio, no una versión encogida.
• Estados vacíos, carga, error, éxito y deshabilitado.
• Handoff con medidas, tokens y notas de comportamiento para desarrollo.

Piezas para redes y campañas

Un sistema de plantillas para que el mensaje se lea en un segundo y el equipo no rediseñe desde cero cada semana.

Qué incluye

• Plantillas por red: feed, story, carrusel, portada y anuncio.
• Jerarquía de lectura: una idea, una prueba, una acción.
• Piezas estáticas y piezas con movimiento corto, exportadas al peso de cada plataforma.
• Adaptación del mismo mensaje a orgánico y a pauta, sin duplicar el concepto.
• Versiones por formato de anuncio (1:1, 4:5, 9:16, 16:9).
• Archivos editables y una guía de una página para quien publica.

Presentaciones corporativas

La presentación de ventas, de resultados o de directorio usa la misma retícula. Quien actualiza una cifra no rompe el diseño.

Qué incluye

• Plantilla maestra: portada, índice, argumento, dato, cita, diagrama y cierre.
• Piezas de venta, de resultados y de directorio a partir de esa plantilla.
• Diagramas y gráficos con la paleta de marca, legibles al proyectar.
• Versión para presentar y versión PDF para enviar.
• Notas del orador cuando el relato no cabe en la diapositiva.
• Archivo fuente con estilos, para que el equipo comercial actualice números.

Editorial, impresos y papelería

Lo impreso sale listo para imprenta y con su equivalente digital, para que la marca no cambie de tono al salir del papel.

Qué incluye

• Folletos, fichas de producto, one-pagers y piezas editoriales.
• Papelería: tarjetas, sobres, carpetas, hojas y firma de correo.
• Piezas de punto de venta y señalética básica cuando el negocio las necesita.
• Archivos de imprenta con sangre, resolución, tipografía trazada o embebida y perfil de color.
• Prueba de color y criterios de aprobación antes de tiraje.
• Versión digital equivalente de cada pieza impresa.

Motion y piezas de campaña

El movimiento sigue las mismas reglas que la pieza estática: duración, ratio y un sistema que se puede rearmar.

Qué incluye

• Principios de movimiento alineados a la personalidad de marca.
• Animaciones cortas para redes y anuncios, con storyboard previo.
• Intros, cierres y lower thirds reutilizables.
• Export por plataforma: duración, ratio, codec y peso máximo.
• Subtítulos cuando el video se ve sin sonido.
• Proyecto entregado para que una pieza nueva no empiece de cero.

Sitios y landing pages

La web institucional y las landings salen publicadas, medibles y editables. La web anterior no se pierde: las URLs viejas redirigen.

Qué incluye

• Arquitectura de información y mapa del sitio acordados antes de maquetar.
• Maquetación fiel al diseño, en móvil, tablet y escritorio.
• CMS para que marketing edite textos, imágenes y landings sin tocar código.
• Formularios con validación, anti-spam, aviso de privacidad y aviso al equipo comercial.
• SEO on-page: títulos, metas, datos estructurados, canonicals, sitemap y Open Graph.
• Salida a producción con dominio, SSL y redirecciones 301 de la web anterior.

Plataformas y producto digital

Cuando el entregable no es una web de contenidos, definimos la primera versión por flujos y por criterios de aceptación.

Qué incluye

• Alcance de la primera versión: qué entra, qué queda fuera y por qué.
• Flujos de usuario con estados de interfaz, incluidos error y vacío.
• Frontend componentizado, con los tokens de la marca.
• Autenticación, roles y permisos cuando el producto los exige.
• Panel para operar contenidos, usuarios o pedidos sin depender del equipo técnico.
• Criterios de aceptación por funcionalidad, escritos antes de construir.

Rendimiento y calidad de implementación

Core Web Vitals es requisito de salida. Medimos en las páginas que la gente usa, no solo en la home.

Qué incluye

• Presupuesto de peso por plantilla y revisión de LCP, INP y CLS.
• Imágenes en formato moderno, con tamaños reales y carga diferida fuera del primer pantallazo.
• CSS y JavaScript limitados a lo que la página usa.
• Tipografías autoalojadas, sin bloquear el primer render.
• Prueba en los navegadores y anchos del público del cliente.
• Contraste, foco visible y recorrido completo por teclado.

Sistema de componentes

La segunda página no se rediseña desde cero. Dejamos componentes con estados y una nota de cómo se usan.

Qué incluye

• Tokens de color, tipo, espacio y radio tomados de la marca.
• Componentes de navegación, botones, cards, formularios y bloques editoriales.
• Estados default, hover, foco, error, deshabilitado y vacío.
• Documentación corta de cuándo usar cada componente.
• Variantes por línea de negocio cuando la arquitectura de marca lo pide.
• Base reutilizable para la siguiente landing o sección.

Integraciones

Conectamos medición, pauta, CRM y pagos con un registro de qué dato viaja y con qué base.

Qué incluye

• GA4 con el plan de medición de marketing: eventos, parámetros y conversiones.
• Píxeles de pauta alineados a ese mismo plan, sin eventos duplicados.
• CRM, correo transaccional y automatizaciones que el equipo ya opera.
• Pasarela de pago cuando el negocio cobra en línea, con estados de pedido visibles.
• Buscador interno, mapas o contenidos externos vía API cuando hacen falta.
• Registro de datos personales: qué se recoge, dónde se guarda y cuál es la base legal.

Accesibilidad, seguridad y mantenimiento

Después del lanzamiento la web sigue en pie: formularios que envían, dependencias al día y un backlog de mejora.

Qué incluye

• WCAG 2.2 nivel AA en los flujos públicos: formularios, navegación y contenido.
• Etiquetas, errores de formulario y mensajes que se entienden sin ver el color.
• HTTPS, cabeceras de seguridad y protección de formularios contra envíos automáticos.
• Copias y actualización de dependencias con una ventana acordada.
• Monitoreo de caídas y de formularios que dejan de llegar.
• Bolsa de horas o sprint de mejora con backlog priorizado por negocio.