Rediseño de marca 2023
Artefolk Mística
Un rediseño de marca que reposicionó Artefolk hacia una oferta holística, y la experiencia e-commerce construida sobre la nueva identidad.
- Cliente
- Artefolk Mística
- Año
- 2023
- Rol
- Diseñador de marca, Director de arte, Diseñador web, Desarrollador frontend y backend
- Disciplinas
- Desarrollo backend, Desarrollo frontend, Dirección de arte, Diseño web, E-commerce, Identidad de marca
- Sitio en línea
- artefolk.cl (se abre en una pestaña nueva)
Identidad original
Reposicionamiento
De complementos artesanales a una oferta holística enfocada.
Nueva identidad · 2023
Mi aporte
- Diseño visual
- Diseñador principal
- Front-end
- Desarrollador principal
- Back-end y sistemas
- Desarrollador principal
Rediseño de identidad de marca · Simbología visual · Dirección tipográfica y cromática · Manual de marca · Dirección de arte fotográfica · Diseño web · Desarrollo frontend · Desarrollo backend.
01 · La identidad original
Una marca lista para evolucionar.
Artefolk expresaba originalmente su personalidad a través de una pluma colorida, tipografía hecha a mano y una identidad visual expresiva.
A medida que su oferta de productos evolucionó, la marca necesitó un lenguaje visual más enfocado, que reflejara mejor su dirección holística.
02 · El desafío de diseño
Cambiar el lenguaje visual, no solo el logo.
El desafío era desarrollar una identidad que comunicara armonía, naturaleza y bienestar personal, alejándose de las convenciones visuales habituales en los productos místicos.
El rediseño debía establecer un lenguaje coherente que funcionara en aplicaciones de marca, fotografía y comercio digital.
03 · La nueva identidad
Encontrar la armonía a través de la simbología.
La nueva identidad introdujo un sistema visual simbólico inspirado en el ciclo lunar y la Flor de Venus.
Su tipografía, proporciones, marcas secundarias y aplicaciones de color quedaron documentadas para mantener la coherencia en distintos contextos.
-
Manual de marca: concepto, armonía. Moodboard en torno a la flor de Venus. Imágenes de stock usadas como referencia en el manual para definir la dirección — no producidas para la marca. -
Logo principal, tamaño mínimo (100 px de alto) y zona de seguridad. -
Marcas secundarias: horizontal, símbolo, símbolo en círculo, texto y logo sin lema. -
Aplicaciones de color de la marca a un solo color. -
Usos incorrectos: no rotar, deformar, cambiar colores, aplicar efectos ni combinar marcas. -
Manual de marca: logo sobre imágenes, con fondos tranquilos o desenfocados y overlays cuando hace falta. Imágenes de stock usadas como referencia en el manual para definir la dirección — no producidas para la marca.
04 · Dirección de arte
Un lenguaje visual más allá del logo.
La identidad se extendió a la tipografía, el color y la dirección fotográfica.
Se eligieron verdes suaves, morados apagados y tonos cálidos para una expresión natural y cercana. Los títulos usan Playfair Display y los textos Poppins — ambas Google Fonts, elegidas para facilitar el paso a lo digital —, con #333 en lugar del negro puro.
Las pautas fotográficas privilegian situaciones auténticas, luz natural y productos en contexto, por sobre poses forzadas, estereotipos místicos oscuros o efectos excesivamente artificiales.
Paletas documentadas
Primaria
Fondos para comunicaciones, títulos grandes, banners informativos.
-
#C8D3B5 -
#C1B3D5 -
#EFCCB9
Secundaria
Combinada con la primaria o por separado, para dar profundidad y puntos de interés.
-
#8C9E8B -
#8E849C -
#D7A6AA
Valores según el manual de marca 2023.
Pautas — tipografía y fotografía
-
Tipografía: Playfair Display y Poppins; #333 en lugar del negro puro. -
Manual de marca: fotografía de personas, natural y sin poses. Imágenes de stock usadas como referencia en el manual para definir la dirección — no producidas para la marca. -
Manual de marca: evitar tonos oscuros u ocultistas, clichés, fotos de estudio, sonrisas forzadas y efectos fantasiosos. Imágenes de stock usadas como referencia en el manual para definir la dirección — no producidas para la marca. -
Manual de marca: productos en entornos reales, con poca profundidad de campo. Imágenes de stock usadas como referencia en el manual para definir la dirección — no producidas para la marca.
05 · De la marca al e-commerce
Llevar la identidad a la experiencia de compra.
La identidad rediseñada se convirtió en la base de la experiencia de comercio digital de Artefolk.
Traduje el sistema visual a una tienda responsiva, integrando la comunicación de marca, el descubrimiento de productos y la funcionalidad e-commerce.
-
Listado de productos con filtros por categoría. -
Ficha de producto — fotografía de producto tal como se publica en la tienda. -
Ficha de producto — móvil.
06 · Desarrollo
Diseño y tecnología trabajando juntos.
Más allá del diseño visual, implementé la experiencia e-commerce con WordPress y WooCommerce: un tema a medida y plugins propios para las necesidades operativas de la tienda — mejoras del checkout con estimación de envío, una integración de envíos con Paket, un control para compras internacionales, una regla que limita PayPal a pedidos internacionales y la generación de datos estructurados para productos.