Inicio / Proyectos / La web
Proyecto 03La web
Un sitio que reúne, muestra y protege el trabajo del semillero. También es un proyecto de investigación y diseño, hecho por el propio semillero.
Plataforma de divulgación
Entre los objetivos del semillero está aplicar metodologías de diseño e investigación en la creación de productos editoriales y plataformas web orientadas a la divulgación del conocimiento y el impacto social. Este sitio es esa plataforma.
Aquí viven Grafiè y Kronos, cada uno con su identidad, además de la historia y el equipo de SUNA.
Qué incluye
Lectura protegida
Las revistas y los periódicos se leen en línea, página por página, sin descargar ni imprimir, para cuidar el trabajo de quienes los hicieron.
Objetivos del proyecto
Objetivo general
Generar un espacio digital para visibilizar los proyectos creados por el semillero de investigación SUNA del Programa de Diseño Gráfico, ante la comunidad educativa y sangileña.
Objetivos específicos
- Determinar el alojamiento en la nube, junto con un dominio de búsqueda para el tráfico de usuarios en la web.
- Definir la arquitectura de la información y los contenidos relevantes a comunicar.
- Prototipar el sitio web mediante las herramientas de WordPress y Hostinger.
Una web en dos tiempos
Primera versión
El proyecto nació con Marco, Nicole y Johan, con el apoyo de colaboradores externos. En esa etapa se eligió dónde alojar el sitio, se definió la arquitectura de la información y se hizo el primer prototipo, que se presentó al semillero.
Versión final
Johan terminó la web junto con dos colaboradores externos, Danyxia y Giigari. El sitio quedó con la identidad propia de cada proyecto, animaciones, un visor de lectura protegido y una versión para PC, tablet y celular.
Quiénes la hicieron
2026-1 · Primera versión
2026-2 · Versión final
Con el apoyo de los colaboradores externos Danyxia y Giigari.
Agradecimiento especial
Detrás de esta web hubo manos que prefirieron quedarse en la sombra. Colaboradores externos que nos regalaron su talento y su tiempo, y que decidieron ser reconocidos solo por sus nicks, manteniendo su anonimato. Este es nuestro respeto y nuestro gracias, con el nombre que ellos eligieron.
Dificultades del proyecto
Elección de hosting
Había que decidir dónde alojar el sitio. Wix ofrecía unos 20 a 30 GB de almacenamiento en la nube; WordPress, casi cinco a seis veces más. Con revistas y periódicos en alta calidad, la capacidad fue un factor clave en la comparación.
Fallo en animación
En el prototipo, una de las animaciones fallaba y no mostraba bien las revistas. Se documentó el error con evidencias para poder resolverlo.
Jerarquizar la información
Cómo mostrar la cara principal de la página, en cada sección y en la general: marca del proyecto, foto de grupo y bloque de texto, para destacar la nueva edición, los trabajos realizados y los objetivos del proyecto.
Flujo de trabajo en el programa
Se trabajó por capas: capa principal, capa secundaria y botones. Las capas secundarias podían pasar a principales según la carga de trabajo, y los botones podían cambiar de rol para guardar información.
Así lo presentamos en 2026-1
Láminas de la presentación del proyecto. Toca una para verla grande.
La regla 60 · 30 · 10
Todo el sitio sigue la misma proporción: 60% base negra o en escala de grises, 30% el color emblemático de cada proyecto y 10% un color de contraste.
SUNA
Base
Proyecto
Contraste
Grafiè
Base
Proyecto
Contraste
Kronos
Base
Proyecto
Contraste
Tres lenguajes, una familia
Aa
Bodoni Moda y DM Sans. Elegancia editorial en blanco y negro, como el logotipo.
Aa
Fredoka y Sora. Formas redondeadas y color vivo, en la línea de la marca.
AA
Anton, EB Garamond y Caveat. Titulares de prensa, papel y trazo a mano.
Cómo se hizo
Bocetos
Wireframes a mano en tablero: home, proyectos, nosotros y contacto.
Contenidos
Textos, logos, portadas, caras y videos recopilados por el equipo.
Diseño
Regla 60/30/10, tres identidades y animaciones pensadas para diseñadores.
Desarrollo
Sitio responsivo para PC, tablet y celular, con visor de revistas protegido.
Cuéntanos qué piensas
Este proyecto sigue creciendo. Tus ideas y comentarios nos ayudan a mejorarlo.