El proyecto
Editor Buhonea
El estudio visual de Buhonea para redes: formatos correctos, plantillas de marca, lienzo con capas y exportación — pensado para operar campaña a campaña, no para un mock de tres pantallas.
El proyecto
Buhonea necesita publicar mucho y con voz propia: gestores en TikTok/Reels, asociaciones en LinkedIn, mosaicos de perfil, carruseles. El Editor nace como pieza privada del ecosistema para que el equipo (y quien opere la marca) cree piezas con medidas reales, identidad Buhonea y flujo guardar → exportar, sin depender de una herramienta ajena que no conoce el producto.
Qué quería conseguir
Dar a Buhonea un editor de creatividades para redes: formatos por red, plantillas con marca, lienzo editable, biblioteca de elementos y exportación a archivo — con sesión controlada y proyectos guardados en servidor.
El reto
Dejar de improvisar en editores genéricos. Tener Instagram 1:1 y 9:16, TikTok, Facebook, LinkedIn y mosaico de perfil; plantillas destacadas; lista de proyectos con abrir/duplicar/eliminar; historial de exportaciones descargables; y un lienzo serio (plantillas, capas, biblioteca, elementos, zoom, guardar, exportar).
Nuestra solución
Montamos Editor Buhonea como app PHP con login y cierre de sesión por inactividad. Tres zonas claras: hub de proyectos + últimas exportaciones; selector de formato y plantillas (más pestaña «Ayuda redes» con plan semanal gestor / Panel Madre); y el canvas con paneles Plantillas / Capas / Biblioteca / Elementos, cambio de formato al vuelo y export JPG/PNG.
Cómo está montado
Tres zonas del mismo editor: dónde viven los diseños, cómo se arranca un formato, y dónde se monta y exporta la pieza.
Mis proyectos — hub y exportaciones
Listado de diseños guardados con preview, red y tipo (publicación, historia, mosaico…). Abrir, duplicar o eliminar. Debajo, «Últimas exportaciones» con descarga y limpieza. Es el escritorio operativo: no se pierde un carrusel ni un export de hace dos semanas.
Nuevo diseño — formatos, plantillas y ayuda
Elige formato con medida real: Instagram publicación 1080×1080, historia 1080×1920, TikTok, Facebook 1200×630, LinkedIn, mosaico perfil 3240×2880. Plantillas destacadas (titular, story, TikTok, carrusel…). Pestaña «Ayuda redes»: de la idea a la publicación en 3 pasos, líneas gestor vs Panel Madre, plan semanal y textos listos — el editor también educa a quien publica.
Lienzo — capas, biblioteca y export
Canvas a tamaño de red: cambiar formato sin salir, zoom y ajustar, paneles Plantillas / Capas / Biblioteca / Elementos (iconografía de categorías del mapa), propiedades al seleccionar, guardar, guardar como plantilla y exportar. Aquí se termina la pieza con identidad Buhonea lista para la red.
Paleta de colores
Ink violeta oscuro en la barra, magenta de acción (Nuevo diseño, Exportar), violeta de apoyo en botones secundarios, niebla clara de fondo y papel blanco en tarjetas. Herramienta de marca: sobria, enfocada, alineada con el resto del ecosistema.
-
Ink editor
#1a1630 -
Magenta acción
#c4458a -
Violeta
#7c5cff -
Niebla
#eef0f6 -
Papel
#ffffff
Tipografía
Dosis: UI legible en jornadas largas de diseño — títulos claros, paneles densos pero ordenados, cero decoración que distraiga del lienzo.
- Aa Dosis Textos de interfaz, títulos y lectura
Tecnología usada
PHP en servidor (login, proyectos, exports), HTML/CSS/JS en el canvas y paneles, plantillas de marca, exportación a JPG/PNG. Encaja en el stack Buhonea: pieza propia bajo /editor-buhonea/, no un SaaS externo.
- PHP
- HTML5
- CSS3
- JavaScript
- Canvas / lienzo
- Export JPG/PNG
- Plantillas
Resultado
Buhonea puede crear y exportar creatividades de red con criterio de producto: formatos correctos, marca coherente, proyectos guardados y guía de contenido integrada. Otra pieza grande del ecosistema — junto a Email Studio, paneles y buscador — montada por SevenApps.