MoodboardBuilder_Shifta

MoodBoardBuilder (MBB)es una herramienta digital para crear tableros de inspiración visual (tipo Pinterest), que son muy utilizados en fotografía, diseño, y proyectos creativos

Objetivos

1. Ayudar a visualizar y organizar ideas para un proyecto
2. Reunir elementos visuales que inspiren o definan un estilo específico
3. Facilitar la comunicación de conceptos visuales con clientes o equipos
4. Interfaz intuitiva y fácil de usar: capacidad de organizar elementos de forma flexible
5. Posibilidad de compartir los moodboards fácilmente
6. Exportar en diferentes formatos

A quien va dirigido?

1. Diseñadores/fotógrafos que necesitan presentar el concepto visual de una proyecto a sus clientes
2. Equipos creativos que necesitan alinear visiones y estilos generales para un proyecto
3. Estudiantes que organizan referencias visuales para sus proyectos

Funcionalida des básicas

Interfaz simple donde los usuarios puedan

• SubirimágenesdesdeelordenadoA
• PoderAgregartextK
• ElegirentreunapaletadecolorespredefinidaparaelfondK N ArrastrarysoltarelementosparaorganizarloF
• Guardarelmoodboardcomoimáge7
• Exportarelmoodboardcomoimágen

Tecnologías sugeridas

• HTML5 y CSS3 para la estructura y estilo
• JavaScript parala interactividad�
• Una librerías imple de drag-and-drop como "Sortable.js"
• La API nativa de HTML5 para subir archivos
• LocalStorage para guardar los proyectos temporalmente
• Publicar el proyectoen Netlify

ALCANCE

• Funcionalidades ‘Core’;
• Sistema de subida y gestión de imágenes
• Interfaz drag & drop paraorganizar elementos
• Herramienta de texto básica
• Selector de color es para fondos
• Sistemadeguardadoloca
• Exportacióndelmoodboardfinal

LIMITACIONES

1. Almacenamiento local (sin base de datos)
2. Máximo de imágenes por moodboard (ej: 20 imágenes)
3. Tamaños de archivo limitadoE
4. Formatos de imagen específicos (jpg, png)
5. Sin sistema de usuarios

FASES

Fase 1

• Crearlaestructurabásicadelapágina (UX - WIREFRAMES)
• Crearunacuadrículasimpledonde colocarloselementos

Fase 2

• Implementarlasubidade imágenes
• Agregarlafuncionalidadde drag and drog
• Implementarlaadiciónde texto básio
• Crearelselectordecolores para el fondo

Fase 3

• Agregarlafuncióndeguardarel moodboar8
• Implementarelalmacenamientoloca<
• Pulirlainterfazdeusuario

Fase 4

• PublicarenNetlifyycompartircon el público