PRECIOS
No tenemos precios fijos, pero si que te podemos dar un precio mínimo y un tiempo de desarrollo orientativos según el tipo de web o servicio que requieras.
Servicio
Tiempo mín.
Precio mín.
Renovación de tienda online y escalado de proyecto en el que hemos desarrollado una imagen de marca, una tienda online, una estrategia de crecimiento y una experiencia de usuario que han dado un impulso a mimaar handmade.
- Fecha: 24-10-2020
- Autor: Xavi Garsi
- Duración: 2 años
- Cliente: Mimaar
- Ubicación: Castellar del vallès
- https://www.mimaarhandmade.com/
Estructura del proyecto Mimaar Handmade
branding
Elementos del sistema gráfico desarrollado en conjunto con el logotipo de mimaar.
Renovamos el diseño de la marca mimaar handmade tomando como pilar principal de la marca, su logotipo. Dejando atrás una marca con símbolo para adaptarla a los nuevos formatos digitales.
Los nuevos formatos se caracterizan por tener bastante flexibilidad en sus formas, es lo que llamamos, formatos líquidos. Su nombre viene por esa capacidad de amoldase sin perder la identidad.
En este caso usamos el logotipo como símbolo para usarlo en todos los formatos, ya sean digitales o impresos, ya que funciona bien en todos ellos en sus diferentes tamaños.
Hemos desarrollado un código de color principal y un código secundario que usaremos en acentos de color estratégicos, ya sean precio en la tienda, botón de carrito o elementos mínimos de resalte.
A nivel tipográfico hemos decidido usar una sola fuente en diferentes pesos, con una estética suave que se adapte a los tonos pastel y encaje bien en el sector en el que estamos (puericultura).
Hemos desarrollado también un sistema de iconos a usar en diferentes aplicaciones, tomando el iconos «simile» como aplicativo en «favicon» y como complemento en ciertas redes sociales.
mapa funcional
Listado general de las secciones de la web junto con su arquitectura funcional.
Inicialmente elaboramos un listado de las secciones que tenía que tener la web y teniendo en cuenta la relevancia para el negocio que tenían algunos productos, decidimos crear dos niveles de importancia (jerarquías).
Los productos más importantes se colocaron más cerca de la raíz de la web, prescindiendo de categoría y facilitando la accesibilidad.
Con una idea clara de todos los elementos de la web, desarrollamos un mapa funcional en el que detallamos todos los flujos de navegación, recogiendo todas las secciones que tenía que contener y las relaciones entre ellas.
wireframes
Los Wireframes, son planos estructurales de la página web.
Con una idea clara de cómo tenía que ser la página web de Mimaar, diseñamos la estructura de todos los elementos y secciones de la misma.
En la fase de wireframes, resolvimos dudas de cómo presentar los contenidos a los usuarios y debatimos aspectos clave que condicionarían la forma como se desarrollaría su programación.
En este punto no incidimos sobre los elementos estéticos, solamente diseñamos estructuras de bloques.
funcionalidades
Estudio de las funcionalidades desde la primera etapa y posterior realización "pixel-perfect".
Esta página web nos planteaba un reto como tienda online, ya que, no es una tienda con mucho catálogo de producto, pero sí que contiene productos clave con mucha complejidad.
Su producto principal contiene 5 grupos de atributos con más de 30 valores. La tecnología de «producto variable» de woocommerce no era una opción ya que tenía que procesar miles de posibles combinaciones, así que tuvimos que buscar alternativas más ligeras.
Finalmente encontramos una opción que nos permitía conseguir ese nivel de personalización y nos permitió crear diferentes plantillas de ficha diferentes para los 4 tipos de producto que tiene mimaar.
navegación
Las ventanas emergentes aportan una mejor experiencia de usuario, sobretodo en dispositivos móviles.
Optamos por simplificar los elementos al máximo para adaptarlo a la estética empleada en el sector puericultura, usando elementos con tonalidades suaves y visualmente potentes para facilitar la navegación.
Usamos un sistema de pestañas flotantes para abrir menús, carrito, formularios, videos, etc. La razón de esta idea es no perder la configuraciones que estén desarrollando los usuarios.
A nivel de videos decidimos que aunque la miniatura aparezca en las dimensiones reales, abra un video flotante al hacer clic, de este modo conseguimos cargar solo los elementos necesario y que puedan ver el video sin distracciones.
responsive
Combinado de imágenes de la página web en dispositivos móviles y tablets.
Al empezar a diseñar la web de mimaar, revisamos a fondo los datos de google anlaytics y nos dimos cuenta que más del 90% de las visitas procedían de la categoría «mobile» concretamente un 92%.
Esto de por si en 2022, ya es una tendencia, pero se veía incrementado ya que gran parte de su tráfico procedía se su cuenta de instagram, con lo que el escenario más común, sería, madre o padre que mira instagram y visita la página web de mimaar.
En este caso intentamos ajustar los contenidos para que fueran lo más acordes a esta situación, ofreciendo contenidos muy visuales y refuerzos en videos cortos para que no tuvieran que leer demasiado para comprender el producto.
video
Canal youtube mimaar handmade junto con los videos realizados.
El nicho en que se desarrolla mimaar, suele requerir de mucha información previamente a la compra, por lo que nos encontramos con la necesidad de comunicar mucha información de forma rápida y sencilla.
Si bien hemos reforzado la página con muchas imágenes de calidad, era necesario dar mucha más información sin saturar la página, de modo que optamos por insertar píldoras de video explicando cada producto y sus detalles.
Nuestra premisa fue explicar el producto como si un cliente entrara por la puerta de mimaar y Aurora (fundadora) les explicara al detalle, qué es y cómo funciona y tratara de tocar los temas que suelen preguntar más.
De ese modo no solo evitamos fricciones en la decisión de compra, sino que conseguimos humanizar al usuario en una etapa clave del «funnel», reduciendo muchísimo el porcentaje de rebote y abandono.
optimización
Listado de acciones de opitmización WPO (Web Performance Optimization).
Mimaar esta construida con el cms wordpress, woocommerce y elementor. De por si woocommerce y elementor suelen ralentizar y sobrecargar las páginas web, afectando negativamente a su rendimiento y en consecuencia a su posicionamiento web, pero…
Eso solo pasa si no se optimiza bien. En este caso conseguimos las mejores notas, siendo un 100/100 en versión «desktop» y un 96% en dispositivos móviles, aplicando un listado de más de 200 acciones que hemos detectado tras más de 10 años dedicando nuestros esfuerzos a optimizar wordpress.
Gracias a estas optimizaciones la web dispone de una base muy sólida para empezar a trabajar su posicionamiento web con plenas garatias de tener cubierta una de las «patas» del SEO.
El buen posicionamiento va a ser solo una consecuencia de una experiencia de usuario agradable, rápida y fluida.
Analítica y KPI
Informes mensuales de rendimiento y documento KPI anual con análisis de tendencias y patrones.
Analizamos mensualmente todos los aspectos clave de la tienda online que sean medibles. Para ello, marcamos unos indicadores clave que queremos medir y mensualmente revisamos los resultados, los comentamos con Aurora y tomamos decisiones sobre las próximas acciones a desarrollar.
Todos estos indicadores clave de los informes, los insertamos también en una hoja de cálculo como (KPI). Esto nos da la perspectiva para detectar tendencias, subidas y bajadas de ventas, tráfico, etc.
Es importante tener en cuenta estos factores para medir la eficacia de nuestras acciones y sobretodo para tener una base empírica sobre la que tomar decisiones en futuros períodos.
Máxima implicación, seriedad y eficacia. Siempre busca el modo de poder satisfacer nuestras necesidades y nuevas herramientas para mejorar y crecer. Una empresa actualizada constantemente, al día de los cambios y avances que necesitamos las ecommerce para no quedarnos atrás. Para nosotros Nordic Projects supuso un antes y un después muy positivo en nuestra trayectoria empresarial.
Aurora Mates
CEO Mimaar Handmade
En este proyecto hemos desarrollado los siguentes servicios de marketing digital y diseño web. Puedes ver más sobre cada servicio en su landing page.
Diseño tiendas online sabadell
Diseño de tiendas online exclusivas, desarrolladas 100% a medida Woocommerce en Sabadell.
Posicionamiento SEO Sabadell
Somos una agencia de marketing online especializada en posicionamiento SEO certificado por Google.
Google Ads SEM
Somos una agencia de marketing online especializada en posicionamiento SEM certificado por Google.
Analítica Web
Estamos especializados en análisis de datos web y ecommerce con herramientas de analítica web avanzada.
Proyectos relacionados con Mimaar Handmade
Renovación de tienda online de Prestashop a Woocommerce a medida. Estudiamos el mercado y diseñamos una tienda online a medida con una estrategia de escalada basada en generar contenido de valor y consolidar el canal orgánico para estabilizar la tienda online y conseguir un crecimiento sostenible.
- 27-03-2021
- Xavi García
- Cliente: Made in tribe
Growth Hacker
Hola Soy Xavi, creador de Nordic Projects y consultor de negocios online. Estoy especializado en la creación y dinamización de activos digitales. Diseño y programo páginas web y tiendas online. Planifico y superviso estrategias de marketing digital enfocadas al crecimiento.
- Diseñador Web Freelance
- Progamador Web Wordpress, php, html, css, js
- Consultor Marketing Digital y Ecommerce
- Experto Posicionamiento Web SEO
- Gestor Certificado Campañas Google Ads