Desarrollo de la web corporativa de Cycloid

Drupal 8    •    Programación a medida    •    Bootstrap

Desarrollo de la web de Cycloid

El proyecto consistió en varias fases, la primera de ellas fue replicar la web de Cycloid existente pero utilizando el CMS Drupal para poder gestionar los contenidos de forma sencilla.

En esta primera fase también se realizó la integración de la web con herramientas como Hubstpot o Salesforce.

Más tarde se decidió cambiar el diseño completamente tarea que se realizó en base a unos diseños proporcionados por el cliente.

Visitar la web
  • ClienteCycloid
  • IndustriaSaaS
  • TecnologíasDrupal 8, Bootstrap, javascript, sass
  • Inicio Proyecto Septiembre 2019
  • Entrega Fase I Noviembre 2019
  • Entrega Fase II Abril 2020
Mockup cycloid
Sobre el proyecto
Desarrollo del proyecto

A finales de 2019 Cycloid nos encarga la migración de su sitio web a otro con el mismo aspecto visual pero utilizando el gestor de contenidos Drupal para poder administrar la web de forma sencilla.

Se realiza el trabajo y se despliega en producción a finales de 2019.

En marzo de 2020 deciden cambiar completamente el aspecto visual del sitio pidiéndonos cambiar el aspecto del sitio basándonos en los diseños gráficos que nos proporcionaron.

Estos diseños incluían varias cosas especiales, como por ejemplo un vídeo con fondo transparente o unas formas paralelas a la imagen de la cabecera.

Actualmente nos seguimos encargando del mantenimiento de este sittio web con las correspondientes actualizaciones de Drupal y algunas modificaciones.

Detalle
Formas

En algunas páginas como por ejemplo en la portada, para pantallas grandes se ven 2 fondos verdes paralelos a la imagen.

Estas formas son dos svg programados dinámicamente mediante javascript para mantener el paralelismo a la imagen de la cabecera en cualquier tamaño de pantalla

Slider con vídeo transparente
Formas paralelas a la imagen de la cabecera
Detalle
Vídeo transparente

En la portada hay un slider que tiene con tres slides. Cada uno de ellos tiene un vídeo transparente sobre el fondo degradado. Esto no está muy soportado por los navegadores web, sobre todo safari por lo que la implementación de la visualización se realiza mediante javascript.

¡Nos encantaría trabajar contigo!