Si alguna vez has buscado un vestido de comunión o ceremonia seguramente comprendas lo complicado que resulta encontrar la prenda ideal. Una que te guste a ti, a la madrina, pero también al protagonista de un día tan especial: el niño o la niña en cuestión.

En un mundo cada vez más digitalizado, estar presentes de forma online es esencial para llegar al público y hacerlo de manera efectiva. Este fue el caso de DelaDosalaDoce, una empresa gallega nacida en 2005 dedicada a la confección de ropa de comunión, complementos y prendas para las ocasiones especiales.

En este blog te contamos cuál fue el desafío que tuvimos que encarar y qué hicimos para llegar a un resultado que, a nosotros, nos encanta. ¡Te lo contamos!

El reto

En DelaDosalaDoce el reto al que nos enfrentamos fue crear una identidad visual de marca acorde con los valores de la misma y, posteriormente, trasladar todo ese trabajo a su ecommerce. Parece sencillo, pero no lo es, y menos en un sector en el que el apartado visual cobra tanta importancia. Cuando compramos este tipo de ropa, tan especial, nos guiamos por las fotos que vemos en Internet y las llevamos al punto de venta indicado, buscando lo mismo o algo similar.

La presentación y el diseño de la ropa tienen un impacto inmediato, captando así la atención de potenciales clientes. Por este motivo era crucial crear una identidad visual que conectara con nuestro público objetivo y lo atrajera tanto visual como emocionalmente.

Servicios, procesos y herramientas

Investigación y análisis 

En Audax no comprendemos la construcción de un producto digital sin la fase de investigación, por eso siempre es el primer paso en todos nuestros proyectos. En el caso de DelaDosalaDoce, y como sucede en algunas ocasiones, tuvimos pequeñas limitaciones a la hora de realizar nuestro trabajo. Aún así, nosotros siempre ponemos todo de nuestra parte para conseguir recabar la mayor información posible y obtener los mejores resultados.

Benchmark y UX Benchmark

Como sabíamos que la fase de investigación iba a estar limitada analizamos un total de 19 competidores. Evaluamos su estrategia, su página web, sus productos y servicios e identificamos fortalezas, debilidades, oportunidades y amenazas, obteniendo insights para mejorar la posición competitiva de DelaDosalaDoce.

Entrevistas con stakeholders

Después pasamos a la fase de entrevistas, en este caso con stakeholders, que fueron cruciales para comprender de manera profunda las necesidades, expectativas y objetivos de la marca. Durante estas entrevistas extrajimos insights e información muy interesante, consiguiendo alinearnos con el cliente y creando sinergias que nos ayudaron durante el proceso.

Diseño y rebranding

El diseño y rebranding de una marca es un proceso estratégico fundamental que busca revitalizar la identidad de una empresa. El proceso creativo para el rebranding de DelaDosalaDoce fue muy completo, ya que diseñamos el logotipo, la tipografía y la paleta de colores, alineando los valores de la marca con su identidad visual y el público objetivo, con la intención de generar una conexión más profunda y significativa entre DelaDosalaDoce y sus clientes.

Además, y como más tarde explicaremos, se trabajó y definió una nueva web con cambios y mejoras significativas que supusieron un salto cualitativo en el ecosistema digital de DelaDosalaDoce.

Moodboard

Un moodboard, también conocido como tablero de inspiración, es una herramienta visual que consiste en una colección de imágenes, texturas, colores, tipografías y cualquier otro elemento visual relevante que refleje el estilo, la atmósfera o la dirección estética de un proyecto en particular.

El objetivo que perseguimos con la creación de un moodboard es conseguir transmitir una sensación o concepto de forma rápida y efectiva, que ayuda a establecer una referencia visual compartida entre los miembros del equipo y los clientes. Gracias a esta herramienta se generan ideas y se exploran diferentes enfoques, que ayudan a tomar decisiones durante el proceso de diseño.

En DelaDosalaDoce este recurso nos sirvió de punto de partida para conocer la opinión del cliente y construir una base sobre la cual desarrollaríamos el rebranding de la marca y el posterior producto digital.

Logotipo

Para el diseño del logotipo nos centramos en representar elegancia, calma, minimalismo y equilibrio, diseñando las variaciones de color, el simbolo, las disposiciones de marca y su aplicación para diferentes soportes, incluidas las redes sociales. 

Consta de una destacada letra “D” con un ramo de hojas, junto al nombre de la marca y la palabra “Atelier”, que es francesa y se utiliza para describir el lugar donde se lleva a cabo la creación y producción de obras o productos, un espacio dedicado a la creatividad y la expresión artística.

Manual de identidad corporativa

El manual de identidad corporativa, además de incluir el logotipo cuenta también con los colores de la marca y la tipografía. Los colores representativos de una marca (cromatismo)  son muy importantes porque permiten reconocerla y la diferencian del resto. Mediante nuestra elección quisimos seguir la línea de la calma y el equilibrio, provocando esas emociones en el público objetivo. 

La tipografía es capaz de darle carácter a una marca, siendo clave la forma en que las letras, números y símbolos combinan. Para DelaDosalaDoce elegimos una tipografía que se ajustara a sus valores y la MADE Mirage era perfecta para la ocasión. Esta familia de fuentes serif moderna y elegante pensada para diseños lujosos, minimalistas y modernos, combinaba con la familia tipográfica Mulish, escogida para los cuerpos de texto. 

Esta tipografía se diferencia de otras sans serif en su uso de proporciones clásicas, sobre todo en mayúsculas, para dar a las letras formas armoniosas y de elegancia familiares. Los detalles semi-redondeados de las letras le dan a Lato una sensación de calidez, mientras que la estructura fuerte proporciona estabilidad y seriedad.

Diseño de la web corporativa

Una vez que establecimos la identidad corporativa y llevamos a cabo el rebranding comenzamos a trabajar en la construcción del producto digital. Cuando al inicio del proyecto analizamos la página web de DelaDosalaDoce encontramos 4 pain points, o puntos de dolor, de alta prioridad que queríamos abordar en el nuevo diseño. Estos fueron trabajados en los wireframes y son los siguientes:

Mejora de la navegación y las categorías del menú

Uno de los puntos de dolor que trabajamos y definimos en el diseño de la nueva web fue la mejora de la navegación y de las categorías del menú, que contribuyó a, entre otras cosas, optimizar la experiencia del usuario, aumentar su retención, mejorar la usabilidad, facilitar la organización del contenido y optimizar el SEO.

Una navegación clara y unas categorías bien definidas permiten a los usuarios encontrar más fácilmente lo que buscan en un sitio web, haciendo más probable que permanezcan en él durante más tiempo, incrementando así la tasa de retención. Por otro lado, una estructura de navegación organizada ayuda a posicionar el contenido de manera lógica y coherente, mejorando también el SEO.

Construcción de la nueva arquitectura de la información

En pocas palabras, la arquitectura de la información es la organización del contenido de un sitio web para que sea fácil de entender y navegar. En este caso construimos una nueva arquitectura de la información que facilitase la navegación y mejorase la experiencia del usuario, además de la usabilidad, el mantenimiento y la actualización.

Gracias a este cambio los usuarios experimentan una frustración menor, o incluso nula, ya que encuentran toda la información que buscan y acceden al contenido fácilmente. Al contar con una estructura organizada es más sencillo mantener y evolucionar el sitio web, adaptándonos rápidamente a las necesidades cambiantes de los usuarios.

Optimización de la ficha de producto

En cuanto a la ficha de producto, nuestro objetivo fue optimizarla para mejorar la visibilidad en los motores de búsqueda, atraer a los usuarios, mejorar la experiencia del cliente, resaltar las características del producto y aumentar las tasas de conversión. 

Cuando optimizamos una ficha de producto nos aseguramos de que proporcione la información necesaria, detallada y precisa, sobre el producto para ayudar a los usuarios a tomar decisiones de compra informadas. Además, destacamos las características y beneficios resaltando las características clave, ventajas o información importante a tener en cuenta. Este trabajo puede influir en la decisión de compra del usuario y puede conducir a un aumento en las tasas de conversión y en las ventas.

Redacción de nuevo copy para la web

El último punto, pero no por ello el menos importante, fue la redacción de copy para la nueva web. Un copy bien redactado comunica claramente los mensajes clave sobre el producto, sus características, beneficios o cualquier otra información relevante, además de generar confianza a los usuarios, transmitiendo credibilidad. 

Realizar un buen trabajo en este aspecto puede influir en la decisión del usuario, motivándolo a tomar acciones específicas que interesen a la marca mediante, por ejemplo, llamadas a la acción que impulsen la interacción del usuario. Para DelaDosalaDoce nos centramos también en redactar un copy que siguiera la línea de la nueva imagen, asegurando un tono y estilo coherentes con la personalidad de la marca y generando una conexión emocional con los usuarios. 

Como expertos en UX dimos un salto de calidad en este aspecto con UX copy, que además de todo lo que acabamos de contar, crea una experiencia más fluida y satisfactoria para los usuarios. Cada palabra que escribimos influye en la forma en que se interactúa con el producto digital, guiando a través del flujo de interacción y creando una experiencia completa. 

Diseño UI: la pincelada final

Para el diseño de la interfaz del usuario (UI) aprovechamos al máximo las fotografías profesionales de estudio con las que contábamos para mostrar de forma clara lo más importante: el producto, es decir, las prendas de ropa y los accesorios. 

Diseñamos un producto digital intuitivo y fácil de entender para los usuarios, centrado en sus necesidades y preferencias en base a la investigación previa. Implementamos la nueva paleta de colores, tipografías y logotipo en un diseño limpio y claro, que llamase la atención y no generase frustración en el usuario.

SEO y contenidos

Por último, realizamos una auditoría básica de SEO para identificar los problemas que existían y optimizar el contenido buscando oportunidades de enlaces y keywords.

Auditoría SEO

La auditoría que llevamos a cabo para DelaDosalaDoce tuvo, a grandes rasgos, los siguientes puntos clave, que nos ayudaron también a mejorar y optimizar el contenido al redactar el copy.

• Análisis de palabras clave identificando algunas relevantes para el sitio web.
• Evaluación de la URL y los enlaces internos, además de una revisión de la arquitectura de la información y la navegación.
• Optimización del contenido mediante palabras clave y recomendaciones para la creación de contenido nuevo y mejorado.
• Verificación del etiquetado HTML, evaluación de la indexación y rastreo de la web por parte de los motores de búsqueda y análisis del rendimiento del sitio.
• Identificación de enlaces rotos, análisis de la diversidad de fuentes de enlace y evaluación de su calidad y cantidad.
• Análisis de la competencia, comparando estrategias de SEO y posicionamiento e identificando oportunidades y áreas de mejora.
• Aprovechamiento del buen posicionamiento de ciertas palabras clave, como en el caso de DelaDosalaDoce con el producto lazada.

Si quieres ver el resultado de este magnífico proyecto puedes hacerlo en nuestro behance.