RH&TD

RH&TD

Drupal 8 | Bootstrap 3

Overview

RH&TD Consultores helps you in the complete digital transformation process to redefine business models, innovate and optimize costs, times and decisions. We apply innovative solutions to traditional problems, opening new horizons in the era of digital transformation for companies.

Context & Challenge

The objective of this website was to showcase important information about the company.

Process & Insight

All the displayed information was better perceived by the users if animated.

UI & UX

I started by focusing on figuring out layout and content placement, and solving navigation and functionality problems in a format that is easy to adjust.

graphic design

The design I did for them was important because it impacts how their audience perceives their brand.

Web Development

I developed the theme using Drupal 8 and responsive CSS based on the framework Bootstrap 3. The animations and interactions were built using jQuery.

Solution

The result was a well Designed and Functional Website.

Easy to Use.
Optimized for Mobile.
Fresh, Quality Content.
Readily accessible contact and location.
Clear calls to action.
Optimized for Search and the Social Web.
YOU CAN SCROLL ME!

Typography

Arial is an extremely versatile family of typefaces which can be used with equal success for text setting in reports, presentations, magazines etc., and for display use in newspapers, advertising and promotions.

I used this typeface because it is web safe and loads faster given that is installed in the computers by default. UX studies have shown that with every 100ms delay to their website load time, companies lose 1% in sales. So using this font we make sure that the website loads faster.

Color Palette

The colour palette is selected from the branding guidelines.

The blue is used for circles and titles backgrounds.
The white is used to give a visual rest to the user.
The dark gray is used in the background of the main menu
The light gray is used in the background of the fixed nav.
The orange is used in the background of the titles in the Nosotros section.
  • #001966
  • #afafbb
  • #dbdbea
  • #ffc926

Results