¿Quién es Dianne Tho?


Dianne Tho es la marca de Diana Toma, una blogger e instagramer muy conocida en Málaga y que ahora se está abriendo paso como profesional en el mercado alemán. Además de hablar 5 idiomas y tener un talento natural para la cámara, es una persona muy muy mochi, es decir, molona y agradable. Hace tiempo a su blog le hacía falta un rediseño a su altura, así que le propusimos ser los autores del cambio. Sabíamos que el estilo de Diana iba a ser un reto para nosotros, porque no teníamos experiencia en su sector. Pero al final, el trabajo está resultando uno de los WordPress más completitos que hemos hecho, y que combina visualmente el estilo flower power de Diana con la usabilidad del framework foundation.

La BELLA web. Un tema de WordPress hecho a medida para blogueras.


Estamos acostumbrados a que el contenido es el rey. Pero en el sector de Diana, impera la ley de que una imagen vale más que mil palabras. Para que nos ayudara con esto, le pasamos un cuestionario mega completo sobre su marca, estilo, competencia, tendencias del sector… Tras una semana viendo blogs de moda, Instagrams coloridos, flores, acuarelas, y mil detalles más, nos hicimos una idea de lo que había que hacer. Cuestiones a solucionar: actualizar diseño y añadir usabilidad, mejorar navegación y localización de contenidos, potenciar su faceta viajera, superar en calidad gráfica a su competencia y añadir una buena capa de branding. Y todo ello en un tema de WordPress desarrollado por nosotros desde cero con código 100% Wondermochi basado en Foundation.

¿Cómo mejoramos el diseño y la usabilidad?


El tema que tenía instalado era de su estilo, sin embargo, estaba obsoleto de base y estructura. Decidimos que íbamos a hacer un nuevo tema diseñado y programado por nosotros, pero no queríamos perder de vista la estética de los detalles, que era lo que estaba bien. Nos hicimos con una colección de recursos gráficos como flores, acuarelas, y elementos tipográficos que procedían de su marca más reciente y los aplicamos al estilo plano de Foundation. Trabajamos mucho los espacios y los volúmenes, añadimos una tipografía clásica para los títulos y una más convencional para mejorar la legibilidad del post. Creamos una paleta de color muy simple con variaciones del rosa y dosificamos el color para que el blanco fuera el principal. Aumentamos los espacios para las imágenes, aumentando su impacto y añadimos multitud de detalles y filigranas que van con el estilo de Diana. Queríamos hacer algo especial con sus imágenes, por eso programamos estilos polaroid en código puro imitando la maravillosa costumbre de Diana de documentar todo y reunir pequeños detalles en diarios de su puño y letra.

¿Cómo mejoramos la navegación?


En primer lugar, convertimos el menú superior clásico en un megamenú de contenidos creado directamente dentro del tema sin plugins. Está construido solo con un walker menu personalizado y muchas capas de CSS, pero el resultado es eficiente y ligero. Esta herramienta solo funciona en dispositivos superiores a tablet para mejorar la funcionalidad. En segundo lugar, añadimos un menú off canvas que aparece al clicar en el icono toggle y que contiene toda la info del sitio, con un menú colapsable y responsive. También creamos espacios en el archivo de post, la home, la columna, etc… para que Diana pueda elegir los post recomendados de forma manual y sencilla desde el backend.

¿Cómo potenciamos su faceta viajera?


Creamos una categoría especial para esta temática directamente en el tema: travel guide. La idea era darle una mayor predominancia diferenciándolo en diseño (tanto en la home como dentro del archive) como en el menú. Por eso decidimos no crearlo como un CPT (custom post type), sino como una categoría ya que así sería mucho más cómodo y fácil de manejarla. Este tipo de contenido tiene su archive especial, en el que se muestran como lista todas las subcategorías para mejorar la navegación entre viajes.

¿Cómo superar en calidad gráfica a su competencia?


Un sector tan autogestionado como el Diana, está lleno de plantillas gratuitas de WordPress muy parecidas entre sí, de diseño sencillo y con contenido protagonista. La consecuencia es que el diseño web pasa a un segundo plano cuando las fotos y los textos ganan protagonismo. Nosotros partimos de esa base y nos limitamos a añadir detalles en torno al contenido para darle más personalidad. Nos dimos cuenta de que controlando y justificando los espacios y proporciones del tema ya estábamos ganando bastante. Pero eran los detalles los que estaban añadiendo ese punto Diana que nadie tiene en su propio blog en este sector, porque no son tan fáciles de crear.

¿Cómo mejoramos la presencia de Diana en su propia web?


Complementamos la sección About Dianne con un mega banner al final de home page y con uno más discreto en la columna del post. Además, aumentamos la inclusión del logo por toda la web. Pero lo que marca una mayor personalidad en el sitio es la personalización detallada de los contenidos estáticos. Dicha personalización también está programada por nosotros directamente en el tema usando el customizer de wordpress.

¿Quieres una web para ti?


Si quieres un tema personalizado para tu web, blogtienda online para tu proyecto, no te lo pienses dos veces. Ponte en contacto con nosotros y pide presupuesto sin compromiso o llámanos al 644 288 581.

Cómo adaptar tu negocio digital a la nueva RGPD

Cómo adaptar tu negocio digital a la nueva RGPD

Recopilamos todo lo que hemos estudiado para nosotros y te lo regalamos.

Centro de preferencias de privacidad

    Cookies de sesión

    Se utilizan para almacenar tu nombre, tu correo, IP y demás datos que puedas dejar en comentarios, contacto y accesos

    gdpr[consent_types], gdpr[allowed_cookies], wondermochi_cookie, gravatar, wevarnishpass
    __jid, disqus_unique, disqusauth, __qca, __utma, __utmb, __utmc, __utmt, __utmz

    Cookies de Marketing

    Estas cookies se utilizan para rastrear a los visitantes en la página web con la intención de mostrarles anuncios relevantes personalizados según sus intereses y la monitorización de la actividad de los suscriptores en la web para realizar acciones automatizadas de segmentación acordes a sus preferencias.

    r/collect
    fr, /tr
    _drip_client, _drip_visitor
    IDE, test_cookie

    Cookies de estadísticas

    Las cookies de estadística nos ayudan a entender cómo interactúan los usuarios con nuestra web, para que podamos optimizarla y mejorar tu experiencia de usuario.

    _ga, NID,
    _gid, __utmz, __utma, _gat_UA-106326964-1,
    smartlookCookie, SL_C_23361dd035530_SID, mp_80147247e362d7b1f3128d91c86a910a_mixpanel
    utk, __qca