El projecte
Editor Buhonea
L'estudi visual de Buhonea per a xarxes: formats correctes, plantilles de marca, llenç amb capes i exportació — pensat per a operar campanya a campanya, no per a un mock de tres pantalles.
El projecte
Buhonea necessita publicar molt i amb veu pròpia: gestors a TikTok/Reels, associacions a LinkedIn, mosaics de perfil, carrusels. L'Editor naix com a peça privada de l'ecosistema perquè l'equip cree peces amb mesures reals, identitat Buhonea i flux guardar → exportar, sense dependre d'una eina aliena que no coneix el producte.
Què volia aconseguir
Donar a Buhonea un editor de creativitats per a xarxes: formats per xarxa, plantilles amb marca, llenç editable, biblioteca d'elements i exportació a arxiu — amb sessió controlada i projectes guardats al servidor.
El repte
Deixar d'improvisar en editors genèrics. Tindre Instagram 1:1 i 9:16, TikTok, Facebook, LinkedIn i mosaic de perfil; plantilles destacades; llista de projectes amb obrir/duplicar/eliminar; historial d'exportacions descarregables; i un llenç seriós (plantilles, capes, biblioteca, elements, zoom, guardar, exportar).
La nostra solució
Vam muntar Editor Buhonea com a app PHP amb login i tancament de sessió per inactivitat. Tres zones clares: hub de projectes + últimes exportacions; selector de format i plantilles (més pestanya «Ajuda xarxes» amb pla setmanal gestor / Panel Madre); i el canvas amb panells Plantilles / Capes / Biblioteca / Elements, canvi de format al vol i export JPG/PNG.
Com està muntat
Tres zones del mateix editor: on viuen els dissenys, com s'arranca un format, i on es munta i exporta la peça.
Els meus projectes — hub i exportacions
Llistat de dissenys guardats amb preview, xarxa i tipus (publicació, història, mosaic…). Obrir, duplicar o eliminar. Davall, «Últimes exportacions» amb descàrrega i neteja. L'escriptori operatiu: no es perd un carrusel ni un export de fa dues setmanes.
Nou disseny — formats, plantilles i ajuda
Tria format amb mesura real: Instagram publicació 1080×1080, història 1080×1920, TikTok, Facebook 1200×630, LinkedIn, mosaic perfil 3240×2880. Plantilles destacades (titular, story, TikTok, carrusel…). Pestanya «Ajuda xarxes»: de la idea a la publicació en 3 passos, línies gestor vs Panel Madre, pla setmanal i textos llestos — l'editor també educa qui publica.
Llenç — capes, biblioteca i export
Canvas a mida de xarxa: canviar format sense eixir, zoom i ajustar, panells Plantilles / Capes / Biblioteca / Elements (iconografia de categories del mapa), propietats en seleccionar, guardar, guardar com a plantilla i exportar. Ací es tanca la peça amb identitat Buhonea llesta per a la xarxa.
Paleta de colors
Ink violeta fosc a la barra, magenta d'acció (Nou disseny, Exportar), violeta de suport als botons secundaris, boira clara de fons i paper blanc a les targetes. Eina de marca: sòbria, enfocada, alineada amb la resta de l'ecosistema.
-
Ink editor
#1a1630 -
Magenta acció
#c4458a -
Violeta
#7c5cff -
Boira
#eef0f6 -
Paper
#ffffff
Tipografia
Dosis: UI llegible en jornades llargues de disseny — títols clars, panells densos però ordenats, zero decoració que distraiga del llenç.
- Aa Dosis Textos d'interfície, títols i lectura
Tecnologia usada
PHP al servidor (login, projectes, exports), HTML/CSS/JS al canvas i panells, plantilles de marca, exportació a JPG/PNG. Encaixa a l'stack Buhonea: peça pròpia sota /editor-buhonea/, no un SaaS extern.
- PHP
- HTML5
- CSS3
- JavaScript
- Canvas / lienzo
- Export JPG/PNG
- Plantillas
Resultat
Buhonea pot crear i exportar creativitats de xarxa amb criteri de producte: formats correctes, marca coherent, projectes guardats i guia de contingut integrada. Una altra peça gran de l'ecosistema — junt a Email Studio, panels i cercador — muntada per SevenApps.