Ciberseguridad

Rediseño y desarrollo de la web en HubSpot CMS

Leer el caso en voz alta voz del navegador

Cliente: Whalebone
Sector: Ciberseguridad
Servicio: Rediseño de la web en HubSpot CMS
Estado: Fase principal terminada, la colaboración continúa
Tecnología: HubSpot CMSHubSpot CRMPower ProGoogle Tag ManagerGoogle Analytics

20+páginas diseñadas a partir del contenido facilitado por el cliente

50+iconos y gráficos a medida con el nuevo estilo de marca

Resumen

Whalebone, una empresa de seguridad, necesitaba una web nueva tras rediseñar su marca. Diseñamos más de 20 páginas, construimos la web en HubSpot CMS sobre la plantilla Power Pro con módulos a medida, creamos más de 50 recursos gráficos y rehicimos GTM. La web carga rápido, está conectada con HubSpot CRM y el seguimiento es claro.

Los elementos de diseño que la plantilla Power Pro no podía resolver se convirtieron en módulos a medida.
Más de 50 iconos e imágenes siguen el diseño de marca definido por B Tým.
Ordenamos el GTM antiguo y fijamos reglas de nomenclatura claras para etiquetas y eventos.

El reto

Whalebone empezó a trabajar en el nuevo rediseño manteniendo el logotipo original. La agencia responsable del rediseño preparó 3 páginas principales que sentaban la base del diseño, y nuestro trabajo consistía en:

Diseñar más de 20 páginas a partir del contenido facilitado por el cliente
Desarrollar la web en HubSpot CMS con una plantilla
Crear más de 50 imágenes e iconos a medida
Desarrollar a medida varios módulos web
Revisar el GTM antiguo y configurar uno nuevo

La solución

Paso a paso

Desarrollo en HubSpot CMS con plantilla

Whalebone eligió la plantilla de HubSpot CMS llamada Power Pro. Nuestra misión era conocer a fondo todos los módulos de la plantilla para crear de forma eficaz las nuevas páginas a partir del contenido del cliente.

Pronto vimos que algunos elementos de diseño facilitados por el cliente no se podían implementar con la plantilla, así que desarrollamos varios módulos y funcionalidades a medida para la nueva web. Esta combinación de desarrollo a medida y plantilla nos ahorró tiempo y garantizó que la funcionalidad y el diseño cumplieran las expectativas de Whalebone.

El único inconveniente es que quien quiera crear una página nueva tiene que aprender a moverse por la plantilla y sus módulos, lo que puede llevar bastante tiempo.
Creación de iconos e imágenes a medida

Siguiendo el nuevo diseño de marca definido por B Tým, creamos más de 50 recursos gráficos. Van desde iconos muy cuidados hasta imágenes detalladas que ayudan a los visitantes a orientarse fácilmente por la web.
Limpieza de GTM y nueva configuración

Tras años de uso de Google Tag Manager, muchos usuarios y agencias habían ido añadiendo etiquetas, y el resultado era un GTM desordenado, lleno de elementos cuyo propósito no estaba claro. El rediseño de la web era la ocasión perfecta para crear una estructura de GTM nueva y ordenada.

Nuestra tarea era migrar los elementos imprescindibles, definir una nueva estrategia y establecer reglas de nomenclatura claras para las etiquetas y los eventos de GA. Ahora cualquier persona nueva en el sistema lo entiende sin dificultad.

El resultado

Una gran web nunca está terminada del todo, pero hemos completado el rediseño y hecho varias mejoras. Estos son algunos de los principales beneficios:

Web que carga rápido
Web integrada con HubSpot CRM
Diseño nuevo, claro y moderno de la web y sus recursos
Google Tag Manager claro y bien estructurado

Conclusión

Nuestro equipo estaba formado por un desarrollador, varios diseñadores, un analista web, un experto en HubSpot, un especialista en contenidos y un project manager. Fue nuestro primer proyecto con Whalebone y, como los resultados encantaron al cliente, ahora colaboramos a una escala mucho mayor. Estamos orgullosos de la amplitud de servicios que podemos ofrecer, que consideramos nuestro mayor punto fuerte.

Preguntas frecuentes

¿Merece la pena construir una web en HubSpot CMS sobre una plantilla ya hecha?

Para Whalebone construimos la web sobre la plantilla Power Pro y desarrollamos módulos a medida para los elementos de diseño que la plantilla no podía resolver. Combinar plantilla y desarrollo a medida ahorró tiempo y cumplió las expectativas del cliente. La contrapartida es que el equipo tiene que aprender la plantilla y sus módulos para crear páginas nuevas.

¿Cómo se ordena un Google Tag Manager desordenado?

Durante el rediseño de la web de Whalebone migramos solo las etiquetas imprescindibles, definimos una nueva estrategia de seguimiento e introdujimos reglas de nomenclatura claras para las etiquetas y los eventos de GA. Ahora cualquier persona nueva se orienta sin problemas.

¿Qué incluye el rediseño de una web en HubSpot CMS?

En Whalebone incluyó el diseño de más de 20 páginas a partir del contenido facilitado, el desarrollo en HubSpot CMS con módulos a medida, más de 50 iconos y gráficos y una nueva configuración de GTM. La web está integrada con HubSpot CRM, y más adelante el cliente también nos encargó plantillas de email y más gráficos.

Más casos de éxito

Todos los casos de éxito →