La colaboración con Imado fue muy eficaz.
Arte y diseño
Estelle Gassmann
Cómo convertir un diseño original de Figma en una web de WordPress lista para su puesta en marcha
Sobre el cliente
Estelle Gassmann es una diseñadora y artista afincada en Zúrich que crea vajillas, piezas de porcelana, textiles y objetos únicos. Su página web sirve tanto para mostrar su trabajo como para ofrecer una tienda online donde los clientes pueden comprar piezas sueltas y colecciones.
Para la nueva página web, la agencia de diseño Resort Studio, con sede en Zúrich, creó el concepto visual y los diseños en Figma. Resort se especializa en comunicación visual, imagen de marca y diseño digital, con un enfoque especial en sistemas visuales precisos y distintivos.
IMADO se unió al proyecto como socio de desarrollo de WordPress, encargándose de convertir los diseños que nos mandaron en una web que funcionara.
El reto
El proyecto no se limitaba a reproducir diseños estáticos de Figma.
El diseño tenía que mantener su estilo visual en diferentes tamaños de pantalla y, al mismo tiempo, convertirse en una página web práctica de WordPress capaz de dar cabida a la creciente colección de productos, objetos, exposiciones y contenido editorial de Estelle Gassmann.
Al mismo tiempo, la implementación tenía que incorporar funcionalidades de comercio electrónico sin que los patrones típicos de las tiendas online acabaran dominando el diseño, que se había pensado con mucho cuidado.
WooCommerce sin el aspecto típico de WooCommerce
La web también funciona como tienda online, con productos individuales, precios, categorías, información sobre los productos, la función de carrito de la compra e información sobre envíos.
En lugar de dejar que la plataforma de comercio electrónico subyacente dictara la experiencia de usuario, la funcionalidad de la tienda se integró en el diseño creado por Resort Studio.
Esto es especialmente importante en los proyectos centrados en el diseño: WooCommerce debería proporcionar la infraestructura de comercio sin que todas las páginas web de WooCommerce acaben pareciendo una tienda online convencional.
De Figma a WordPress
Partiendo directamente de los diseños de Resort Studio, desarrollamos la web en WordPress y adaptamos el sistema visual a componentes front-end reutilizables.
El trabajo se centró en:
- reproducir fielmente los diseños de Figma proporcionados;
- adaptar los diseños de escritorio a distintos tamaños de pantalla;
- crear componentes reutilizables de WordPress para distintos tipos de contenido;
- integrar las funciones de producto y compra en la interfaz a medida;
- mantener la coherencia de la tipografía, los espaciados y los patrones de interacción;
- facilitar la gestión de contenidos desde el panel de administración de WordPress;
- resolver los aspectos técnicos necesarios para convertir el prototipo de diseño en un sitio web listo para producción.
El resultado es una web en la que el contenido editorial, la obra artística de Estelle Gassmann y la parte comercial conviven dentro de un mismo sistema visual.
Colaboración entre agencias
El proyecto también es un buen ejemplo de cómo colaboramos con estudios de diseño y agencias creativas.
Resort Studio se encargó de la dirección creativa y el diseño visual, mientras que IMADO se ocupó de la implementación técnica en WordPress.
Esta división permite a las agencias de diseño mantener el control sobre el proceso creativo y, al mismo tiempo, contar con un equipo de desarrollo de WordPress con experiencia para la implementación.
El resultado
La web ya terminada plasma la línea visual de Resort Studio en una experiencia adaptativa de WordPress y comercio electrónico, a la vez que le ofrece a Estelle Gassmann una plataforma práctica para presentar y vender su trabajo.
Actualmente, la web reúne productos, objetos únicos, exposiciones, encargos, puntos de venta, noticias e información sobre el artista en una única experiencia digital coherente.
Últimos trabajos
Una selección de proyectos recientes en los que hemos ayudado a varias marcas a crear plataformas de WordPress rápidas, escalables y fáciles de gestionar.
AirHop
Descubre cómo IMADO consolidó varias marcas de ocio en una única plataforma WordPress Multisite con contenido compartido, funciones personalizadas y una gestión más rápida.
Vincents
Descubre cómo IMADO apoya a Vincents con desarrollo WordPress escalable, integraciones API, mejoras de rendimiento y desarrollo continuo de la plataforma.
JUMP House
Descubre cómo IMADO reconstruyó el sitio web de JUMP House con bloques Gutenberg personalizados, mayor rendimiento y una UX enfocada en la conversión para una destacada marca alemana de ocio.
Rush
Descubre cómo IMADO creó para Rush una plataforma WordPress escalable para múltiples países, con Gutenberg, flexibilidad local, alto rendimiento e integración con Roller.
Spadiora
Descubre cómo IMADO desarrolló y optimizó la tienda WooCommerce multilingüe de Spadiora con un proceso de pago personalizado, promociones y experiencias de compra adaptadas.
GeminiAMPM
Descubre cómo IMADO rediseñó el sitio web de Gemini AMPM para mejorar la estructura SEO, generar confianza y aumentar la captación de clientes potenciales con un rediseño de WordPress enfocado en la conversión.