Proyecto Sitio Web Onepage – Bebida Energética
Introducción
En esta etapa del curso, los estudiantes trabajarán en duplas para desarrollar un sitio web tipo Onepage sobre una bebida energética a elección. El objetivo principal del proyecto es investigar, analizar y organizar información visual y conceptual que permita posteriormente diseñar y desarrollar una interfaz web coherente, atractiva y funcional.
El trabajo deberá realizarse utilizando plataformas colaborativas como Miro o Canvas formato pizarra, permitiendo construir un espacio visual de trabajo con estructura libre y lienzo infinito. Esta metodología facilitará la organización de referencias, conceptos visuales y planificación del proyecto web.
Desarrollo
Etapa Uno: Investigación y Recopilación de Información
Cada dupla deberá seleccionar una marca de bebida energética y desarrollar una investigación visual y conceptual que contenga la siguiente información:
Fundador y/o dueños de la marca
Historia de la empresa
Tres patrocinados relacionados con la marca
Modelos, sabores y ediciones especiales
Logotipos utilizados por la marca
Paleta de colores corporativa
Imágenes de campañas publicitarias:
Impresas
Digitales
Redes sociales
Spots publicitarios
Eventos
Toda la información deberá organizarse visualmente dentro del tablero Miro o Canvas, manteniendo claridad, jerarquía visual y orden gráfico.
Etapa Dos: Análisis Visual y Planificación Web
Luego de la investigación, cada dupla deberá desarrollar los siguientes apartados:
Público Objetivo
Identificar y describir:
Edad aproximada
Intereses
Estilo de vida
Deportes o actividades relacionadas
Perfil del consumidor
El objetivo es comprender a qué tipo de usuario estará dirigida la propuesta visual y comunicacional del sitio web.
Moodboard
Desarrollar un panel visual que incluya:
Referencias gráficas
Tipografías
Estilo fotográfico
Interfaces similares
Inspiración visual
Colores predominantes
Elementos gráficos relacionados con la marca
El moodboard permitirá definir el estilo visual y la identidad gráfica del proyecto.
Diseño de Wireframe o Layout
Diseñar la estructura inicial del sitio web onepage considerando:
Menú de navegación
Banner principal
Distribución de secciones solicitadas
Galerías
Gadgets solicitados
Footer
El wireframe deberá representar visualmente la organización del contenido antes del desarrollo del prototipo final.
Conclusión
Este proyecto permitirá que los estudiantes desarrollen competencias relacionadas con investigación visual, análisis de marcas, organización de información y planificación de interfaces web. A través del trabajo colaborativo y el uso de herramientas digitales profesionales, las duplas podrán construir una base sólida para el futuro desarrollo del sitio web onepage.
Además, la incorporación del análisis de público objetivo, moodboard y diseño de wireframe fortalecerá la toma de decisiones visuales y comunicacionales, permitiendo desarrollar propuestas más coherentes, atractivas y alineadas con los estándares actuales del diseño web y branding digital.