RH&TD

Drupal 8 | Bootstrap 3

Descripción general

RH&TD Consultores lo ayuda en el proceso completo de transformación digital para redefinir modelos de negocios, innovar y optimizar costos, tiempos y decisiones. Aplicamos soluciones innovadoras a problemas tradicionales, abriendo nuevos horizontes en la era de la transformación digital para las empresas.

Contexto & Desafío

El objetivo de este sitio web era mostrar información importante sobre la empresa.

Proceso y Visión

Toda la información mostrada fue mejor percibida por los usuarios si estaba animada.

Maquetas

Comencé concentrándome en averiguar el diseño y la ubicación del contenido, y en resolver problemas de navegación y funcionalidad en un formato que sea fácil de ajustar.

diseño gráfico

El diseño que hice para ellos fue importante porque impacta en cómo su audiencia percibe su marca.

desarrollo web

Desarrollé el tema usando Drupal 8 y CSS responsive basado en el framework Bootstrap 3. Las animaciones e interacciones se construyeron usando jQuery.

Solución



El resultado fue un sitio web bien diseñado y funcional.

Fácil de usar.
Optimizado para dispositivos móviles.
Contenido fresco y de calidad.
Contacto y ubicación fácilmente accesibles.
Llamadas a la acción claras.
Optimizado para búsqueda y la web social.
HAZME SCROLL

Tipografía

Arial

Arial es una familia de tipos de letra extremadamente versátil que se puede utilizar con el mismo éxito para la configuración de texto en informes, presentaciones, revistas, etc., y para uso de visualización en periódicos, publicidad y promociones.

Usé este tipo de letra porque es seguro para la web y se carga más rápido dado que está instalado en las computadoras de forma predeterminada. Los estudios de UX han demostrado que con cada retraso de 100 ms en el tiempo de carga de su sitio web, las empresas pierden un 1% en ventas. Entonces, al usar esta fuente, nos aseguramos de que el sitio web se cargue más rápido.

Paleta de colores

La paleta de colores se selecciona de las pautas de marca.

El azul se utiliza para fondos de círculos y títulos.
El blanco se utiliza para dar un descanso visual al usuario.
El gris oscuro se utiliza en el fondo del menú principal.
El gris claro se utiliza en el fondo de la navegación fija.
El naranja se usa en el fondo de los títulos en la sección Nosotros.
  • #001966
  • #afafbb
  • #dbdbea
  • #ffc926

Resultado