Introducción
Este documento presenta el desarrollo del proyecto web Sun An Craft,
realizado como parte del curso de diseño gráfico digital. La propuesta
consiste en una página web que promueve las artesanías de la comunidad
Raizal del archipiélago de San Andrés, Providencia y Santa Catalina,
integrando elementos visuales, narrativos y técnicos que conectan el
diseño contemporáneo con la tradición cultural.
El objetivo principal de la página es visibilizar, valorizar y facilitar el acceso a
las artesanías Raizal mediante una plataforma digital accesible, atractiva y
funcional. Esta iniciativa busca aportar al fortalecimiento de la identidad
cultural, abrir oportunidades de comercialización justa y conectar a los
artesanos con un público urbano interesado en la sostenibilidad, el diseño y
la cultura.
A lo largo de este documento se describen los aspectos clave del diseño
web desarrollado: desde la estructura funcional, la tecnología utilizada y el
perfil del público objetivo, hasta las decisiones visuales (paleta de color,
tipografía e imágenes) y los principios de experiencia de usuario aplicados.
También se incluye una reflexión sobre las pruebas de usabilidad realizadas
y las posibles mejoras a futuro.
Funcionalidad General de la Página
Objetivos principales del sitio:
• Promover y preservar la identidad cultural Raizal a través del diseño.
• Comercializar artesanías mediante una tienda virtual funcional.
• Dar visibilidad a las historias detrás de cada producto y artesano.
• Fomentar el turismo cultural y el consumo consciente.
Estructura funcional por secciones:
• Inicio: Frase inspiradora, imágenes destacadas y accesos rápidos.
• Quiénes somos: Misión, visión y propósito del proyecto.
• Catálogo de artesanías: Visualización de productos con filtros por
categoría, con descripción y origen.
• Artesanos: Biografías breves de los creadores y el contexto de su
trabajo.
• Historias: Relatos visuales y escritos sobre la cultura y el proceso
artesanal.
• Contacto: Formulario, redes sociales y suscripción al boletín.
Tecnología utilizada
• HTML5, CSS3 y JavaScript puro.
• Diseño responsive (adaptable a móvil y PC).
• Formularios y botones interactivos con animaciones suaves.
Público Objetivo
Perfil demográfico:
Adultos entre 25 y 40 años, hombres y mujeres ubicados en zonas urbanas de Colombia.
Intereses comunes:
Diseño, cultura, sostenibilidad, productos artesanales, consumo ético.
Necesidades identificadas:
• Encontrar artesanías auténticas y sostenibles.
• Conectar con la cultura Raizal de manera significativa.
• Comprar productos con valor social y cultural.
Influencia directa en el diseño:
• Lenguaje cercano, auténtico y culturalmente respetuoso.
• Colores inspirados en el Caribe y elementos naturales.
• Navegación intuitiva con secciones limpias y botones visibles.
Conceptos de diseño visual
La propuesta visual de la página web de Sun An Craft está inspirada en la riqueza cultural, natural y artesanal
de la comunidad Raizal de Providencia, buscando transmitir una identidad auténtica, colorida y conectada
con sus raíces. El diseño se planteó como una forma de rendir homenaje a la herencia cultural de esta
comunidad, fusionando tradición y modernidad.
Tipografías
La identidad visual de Sun An Craft combina tipografías que reflejan tradición, creatividad y modernidad,
transmitiendo autenticidad y claridad en la comunicación.
Tipografías principales
Marathon II: Con estilo rústico y trazos irregulares, evoca lo hecho a mano y refleja la autenticidad de las
artesanías Raizales.
Magic Retro: Decorativa y expresiva, combina lo vintage con lo moderno, ideal para títulos creativos y con
personalidad.
Tipografías secundarias
Montserrat ExtraBold: Se usa en títulos destacados por su fuerza visual, reforzando conceptos clave como
identidad y sostenibilidad.
Montserrat Medium: Perfecta para textos informativos, por su legibilidad y estilo limpio que complementa el
diseño general.
Paleta de colores
Se eligieron colores cálidos y vibrantes como el amarillo sol, turquesa del mar, verde de la
vegetación y tonos tierra, que representan el entorno natural del archipiélago y los elementos
que componen la vida cotidiana Raizal. Esta paleta busca evocar calidez, alegría y una fuerte
conexión con la naturaleza.
HEX: #3d9ec4 HEX: #face12 HEX: #34b18b HEX: #e51d26 HEX: #000100
RGB: 61, 158, 196 RGB: 250, 206, 18 RGB: 52, 177, 139 RGB: 229, 29, 38 RGB: 0, 1, 0
CMYK: 61, 21, 15, 1 CMYK: 3, 18, 92, 0 CMYK: 73, 0, 56, 0 CMYK: 0, 96, 87, 0 CMYK: 91, 79, 62, 97
El mar Caribe, libertad El sol, alegría y Naturaleza, vida y Coral, pasión y Raíz africana,
y conexión espiritual. sabiduría ancestral. medicina tradicional. resistencia cultural. memoria y
espiritualidad.
Experiencia del usuario (UX) e interfaz (UI)
Facilidad de navegación
Se diseñó una navegación sencilla e intuitiva para que los usuarios puedan encontrar
fácilmente la información sobre la cultura y artesanías Raizales, sin complicaciones.
Claridad de la información
El contenido está organizado en secciones claras y con textos concisos, facilitando la
comprensión y evitando sobrecargar al usuario.
Usabilidad general
La página es responsive, adaptándose a dispositivos móviles y computadoras,
con botones visibles y accesibles para una interacción cómoda.
Diseño centrado en el usuario
Se aplicaron principios como consistencia visual, tipografías legibles y buen
contraste, asegurando una experiencia agradable que conecta con el interés
cultural del público.
Pruebas de usabilidad y mejoras
Pruebas aplicadas
Test con usuarios interesados en cultura y diseño.
Evaluación del tiempo de navegación y claridad del contenido.
Sugerencias de mejora identificadas:
Incluir videos cortos sobre procesos artesanales.
Activar chat directo vía WhatsApp para atención personalizada.
Añadir sección de noticias culturales y eventos.
Mejorar el contraste de texto en áreas con imágenes muy visuales.
Encuetas reales
Bocetos
