02 Mar Rediseño Completo a la Web de Kodyto: Nuevas Secciones de “Servicios”, “Contacto” y el Pie de Página.

Volvemos esta semana con nuevos cambios que se han hecho como parte del rediseño de la nueva web de Kodyto. La última vez os mostramos la nueva hero-section. En esta ocasión han sido tres secciones las que han sufrido cambios: la sección de servicios, la sección de contacto y el pie de página; que no es tanto una sección como un componente de la web, pero lo meto en el mismo saco. Os hablaré sobre cada una de estas secciones, pero antes os mostraré la paleta de colores escogida para el sitio.

Nueva Paleta de Colores

En la web actual el color predominante es un rojo intenso, que se utiliza tanto como color principal como de acento. Para el fondo se utiliza un blanco neutro, para el contenido un negro neutro, para los enlaces un gris neutro y los enlaces seleccionados toman un color naranja.

Para el nuevo diseño he decidido escoger un color primario y en base a ese obtener los demás. El nuevo color primario es el bermellón, un rojo anaranjado vibrante (aunque para mí es más naranja que rojo). El resto de los colores son complementarios de este bermellón. El color de acento es un rojo vivo que llama la atención y a la vez encaja muy bien con el color predominante. El color de fondo es blanco. También hay un color de fondo alternativo que es un blanco con una tonalidad un ligeramente más oscura. Luego tenemos el color de los encabezados, marrón oscuro. El color del contenido es un marrón un poco más claro. El color del contenido alternativo, como no podía ser de otra manera, es blanco. El color de los enlaces será rosa; la idea al seleccionarlos es que aparezca la raya inferior. Por último, el color del fondo del pie de página es marrón claro, aunque distinto a los demás.

Estos son los colores que posiblemente sean utilizados. Y digo posiblemente porque aquí nada es definitivo, sino que está propenso a cambios. Dicho esto, aquí están los susodichos colores:

Nueva Sección de Servicios

Esta nueva sección no cambia mucho con respecto a la que está actualmente, más allá de los nuevos colores y tipografías. Lo que sí que he cambiado un poco el contenido de la misma y he cambiado también los iconos. Los nuevos servicios son: actualizaciones, backups, optimización, supervisión, corrección de errores, mitigación de ataques. Estos son los servicios más importantes que considero que el usuario debe ver en primera instancia.

Nueva Sección de Contacto

Aquí el formato de formulario + imagen lo mantengo. Mi intención con esto es darle un poco de calidez a esta sección que por lo general es fría. La imagen muestra lo típico en estos casos; un ordenador de escritorio, que transmite “servicios informáticos”, y unos cascos, que representan el “soporte técnico”. Por otro lado, no quería desviarme del hilo de la página; así que incluí una pequeña plantita en el escritorio, que hace referencia a la analogía que he tocado en el resto de la web.

El formulario contiene los campos básicos: nombre, correo electrónico y mensaje. Pero además he añadido un pequeño texto encima que anima al cliente a escribirnos un mensaje contándonos sobre las necesidades que tiene su negocio, con la promesa de ofrecerle un plan ajustado a sus necesidades.

Nuevo Pie de Página

Por último pero no menos importante tenemos el footer, o pie de página para los hispanohablantes. Este sencillo diseño es el que considero más apropiado para el footer de la web porque de momento no hay más datos que mostrar salvo los ya presentes. Y siempre lo mejor será eliminar todos los elementos innecesarios, ya que sólo son ruido para el usuario.

Como el fondo es oscuro, aquí he usado la versión en negro con transparencia del logo de Kodyto. Además, he puesto los logotipos de las redes sociales de Kodyto: LinkedIn, X, Instagram y el correo electrónico. Debajo del todo está el texto copyright. Nada más, no hay por qué complicar las cosas.

Lo que Queda del Diseño

Las secciones de “Proyectos” y “Testimonios” las he dejado como estaban en su estado original. El acabado se hará directamente en WordPress, ya sea con la ayuda de un plugin o codificando los componentes de estas secciones. Y así el diseño de la página Home está terminado. Sólo queda diseñar el blog. Una vez hecho se pasará a la implementación en WordPress. ¡No te pierdas los próximos artículos!