Soluciona tus problemas de Marketing y Ventas con HubSpot

Agenda una llamada de 15 minutos con un especialista para revisar tu estrategia y encontrar soluciones con HubSpot Free
DFZ_montaje_02
back to blog arrow Volver al Blog

Manual de Marca y Desarrollo Web en HubSpot para Freightzy Caso de Éxito

Freightzy

Un rediseño del sitio web en HubSpot con un aspecto limpio y optimizado, para que el equipo de Freightzy lo actualice de manera regular y sencilla sin necesidad de ayuda técnica.

Acerca de Freightzy:

Freightzy es un proveedor de logística de fuente única con sede en Guelph, Ontario, Canadá. Las principales soluciones que ofrecen son: menos de un camión completo, un camión completo, urgente, intermodal, servicios administrados y comercio electrónico en toda América del Norte.

 

freightzy-servicios

 

Su proceso de envío es muy sencillo y consta de 3 pasos:

 

Paso uno - envio      Paso dos - envio       Paso tres - envio

 

Además, ofrecen a sus clientes un portal web y una aplicación móvil, donde pueden calificar, reservar y rastrear envíos sin instalar software ni costos de actualización. 

Portal del cliente

 

 

Proyecto y objetivos:

El proyecto tenía 2 desafíos principales:

  1. Un rediseño del sitio web de la compañía con un ambiente retro divertido y acogedor, pero siguiendo un aspecto limpio y aerodinámico.
  2. Desarrollar el sitio web íntegramente en HubSpot, para que el equipo lo actualice en cualquier momento sin necesidad de ayuda técnica.

El principal objetivo de Freightzy era transmitir su propósito en todo el sitio web: ser diferente, sencillo y divertido, al mismo tiempo que mostraba su firme convicción de que las empresas deberían servir a un propósito superior a través del apoyo a la comunidad, la inclusión y la igualdad de oportunidades.

 

En términos prácticos, esto significó para nosotros partir de la base y trabajar desde el manual de marca hasta la implementación del sitio web.

 

Antes de este proyecto, tenían un diseño de sitio web simple que contenía elementos no adaptables a dispositivos móviles con una arquitectura de información compleja.

Tuvimos diferentes sesiones con el cliente para conocer en profundidad su marca.

 

El primer paso fue un Bootcamp de Identidad de Marca que cubrió todo lo relacionado con la descripción general de la marca, la personalidad, los valores y el propósito principal. El objetivo de este bootcamp era recopilar toda la información necesaria para crear una propuesta de diseño que incluyera: 

  • Un moodboard y un análisis de su antiguo sitio web; lo que se debe mejorar y lo que se puede mantener.
  • Un sitio web comparativo con empresas relacionadas con la industria.
  • Una propuesta de paletas de colores, tipografías y visuales.
propuesta-de-diseño-de-sitio-web

Después de trabajar juntos en la propuesta de diseño, Freightzy la aprobó y comenzamos a trabajar en el manual de la marca. Estos son algunos ejemplos de las definiciones que podemos encontrar en el manual de la marca:

 

marca-manual-paleta-de-colores

marca-manual-iconografiamarca-manual-ilustracionmanual-de-marca-consejos-de-fotografia

 

Este manual de marca sentó las bases para lo que vino después: Taller de Investigación UX/UI. Los objetivos principales fueron revisar los problemas a resolver en términos de arquitectura de la información y definir el nuevo mapa del sitio y el enfoque. Con toda esta información pudimos crear el kit UX/UI:


UX-UI-kit-iconos


UX-UI-kit-pastillasUX-UI-kit-toggles

 

UX-UI-kit-conmutadores

 

UX-UI-kit-tarjetas

UX-UI-kit-encabezado

 

Este conjunto de activos nos ayudó a crear prototipos más rápidos y sencillos de manera uniforme y estructurada. Inmediatamente después de esto, tuvimos luz verde para comenzar a diseñar las pantallas reales, tanto en dispositivos móviles como de escritorio.

 

Mientras tanto, realizamos el último taller que fue el CMS Bootcamp. Su objetivo principal era revisar las características clave de HubSpot CMS, cómo trabajamos internamente con el CMS y, principalmente, discutir y alinear las necesidades y expectativas específicas del cliente.

En el futuro, nos reunimos semanalmente con el equipo de Freightzy para revisar los diseños de cada página y poder discutir cualquier comentario e iterar sobre los prototipos:

 

diseño-web-prototipos

 

Luego de la aprobación final de cada diseño, el equipo de desarrollo comenzó a trabajar en el desarrollo en HubSpot a través de su sistema de módulos, columnas flexibles y áreas de arrastrar y soltar:

 

hubspot-arrastrar y soltar

hubspot-módulo-sistema

 

También creamos un nuevo blog y migramos todas sus publicaciones de blog a HubSpot, agregando diferentes etiquetas para que el usuario pudiera filtrar fácilmente según su interés:

hubspot-blog-freightzy

Como última parte del proyecto CMS, también construimos la sección de la base de conocimiento de HubSpot y la integramos con el sitio web, adaptándola a las nuevas pautas del manual de la marca:

 

HubSpot-base-de-conocimiento-freightzy

 

Una vez que el trabajo de desarrollo estuvo listo, hicimos una fase de control de calidad y una ronda de comentarios del cliente. Y finalmente, una vez que todo estuvo listo para la implementación, configuramos los dominios y subdominios en HubSpot creando los registros DNS.


Desafios principales:

El principal desafío fue alinear las expectativas e ideas del cliente en los nuevos diseños. El proceso creativo siempre es desafiante ya que consta de muchos pasos; investigación, incubación, composición, clarificación, cambios, etc. Necesitábamos usar el tiempo adecuadamente entre los equipos internos y las revisiones de comentarios de los clientes.

 

Resultados y Conclusión:

Los resultados superaron las expectativas de los clientes no solo por la mejora significativa en la interfaz, sino también porque el sitio web ahora está bien estructurado, la información es consistente y fácil de entender, lo cual fue un desafío especial para la industria del transporte:

 

"Desde la primera reunión con Digifianz, supe que nuestra interacción sería positiva. Les di una larga lista de ideas y CUMPLIERON. Su equipo fue muy amigable y altamente organizado. Fue un placer trabajar con ellos". - Sean Freedman, presidente

 

Además, una ventaja clave es que el sitio web ahora es totalmente adaptable a tabletas y dispositivos móviles, lo que aumenta las oportunidades de participación y el tráfico del sitio web.

Continuidad del Proyecto

Si bien este primer proyecto ha finalizado, ya estamos planeando una segunda fase para conectar las estrategias de marketing y ventas con las funciones de CRM de HubSpot para que puedan aprovechar al máximo esta poderosa plataforma.

El sitio web de Freightzy fue un proyecto emocionante en el que trabajar, no solo porque podíamos brindar mucha información y ayudar al cliente a lograr sus objetivos principales, sino porque conocimos a una gran empresa con un increíble grupo de personas.