Después de un tiempo diseñando la web de Kodyto e implementando ese diseño en el sitio, hemos llegado a la conclusión de este proyecto. Y lo hacemos con la creación de la nueva Home, o página de inicio. Esta ha mantenido las mismas secciones definidas desde un inicio. Como en algunas de estas secciones no ha habido ningún cambio de cara al diseño, os muestro las que sí han sufrido alguna modificación: hero-section, proyectos y testimonios. En esencia, los elementos de estas secciones definidos en el diseño no han cambiado, pero hay algunos detalles que han sido añadidos en la implementación. Detallamos estos cambios uno por uno.
Hero-section
Como ya he dicho antes, es muy importante que la hero-section de una web esté bien diseñada. Entre otras cosas debe comunicar al usuario que es lo que vendes, orientarlo hacia el siguiente paso que debe dar en la web y mostrar eficazmente la estética de la marca. Y es en esto último en lo que tuve más dificultades, ya que en el diseño no se podía distinguir claramente cuál era el color primario de la web.
Lo que hice fue cambiar el color de una de las flores de la imagen a bermellón y añadir un gradiente del mismo color muy sutil al fondo. Aún así, no terminaba de convencer, por lo que me decidí a cambiar el color de acento también a bermellón y de esa forma sí que se notaba cual era el color principal. De esta forma, el color rojo quedó reservado exclusivamente para los enlaces.
Proyectos
He aquí el cambio más grande: la sección de proyectos. Al principio tenía la idea de instalar un plugin de slider con la funcionalidad que yo quería; es decir, dos capas por slide. Sin embargo, por mucho que busqué no encontré nada así, por lo que tuve que programar yo mismo el slider. El código del slider está alojado en mi repositorio de Github; también hay un archivo con todo el código unificado para Elementor. Si buscas algo similar para tu sitio o tienes curiosidad visita el repositorio de este proyecto en el siguiente enlace: https://github.com/xXOsielXx/simple-layered-slider
Testimonios
Como puedes ver la apariencia de esta sección es considerablemente distinta de la que mostré en el diseño. Y eso es debido a un obstáculo importante con el que me topé al momento de implementar este widget. Veréis, para poder colocar la información de una reseña de Google en la web, es imprescindible por ley tener el consentimiento de la persona que hizo la reseña. Por eso, antes de poner nada en la página pregunto si puedo colocar la imagen, nombre y reseña en el sitio.
El problema es que las fotos de las reseñas en Google tiene una resolución muy muy baja. Así que maquetadas como en el diseño original no se iban a ver bien. Además, el widget que viene con Elementor para los testimonios tiene un buen diseño y nos evita este problema. Así que opté por usar ese mismo.
Rediseño a la web de Kodyto terminado
Por fin el proyecto de renovación a la web de Kodyto ha culminado. ¡Ahora sí, la web de Kodyto está alineada con ese espíritu joven y apasionado representado por el vibrante color bermellón! Y por supuesto, esta nueva web está diseñada para atraer a esas personas que buscan a alguien que les dé una mano en el cuidado de su sitio, a la vez que les muestra la importancia del mantenimiento web. El artículo de la próxima semana será un resumen del restyling que se ha llevado a cabo, el cual estará acompañado de imágenes de los recientes cambios.
