InMotion Hosting rediseña el sitio web de Trester Demolition

El equipo de diseño web de InMotion Hosting Hosting tiene el placer de servir a muchos tipos de empresas en diferentes etapas de su viaje hacia la presencia en la web. El experimentado equipo, formado por diseñadores web sénior, desarrolladores front-end sénior y asesores dedicados al éxito de los proyectos, ha creado hermosos y modernos diseños para empresas que buscan establecer un sitio totalmente nuevo o dar un nuevo aspecto a un sitio existente. 

Las tendencias del diseño web cambian constantemente. Aunque no necesitas renovar tu sitio web cada año, debes asegurarte de que mantiene un aspecto fresco y contemporáneo. Si tu sitio web se diseñó hace un par de años, puede que sea más fácil simplemente rediseñarlo para que cumpla los estándares web modernos. 

Cuando se encarga un rediseño, es importante que los diseñadores apliquen los últimos estilos sin perder el espíritu original de la marca. Los rediseños son diferentes de los sitios nuevos porque quieres que la esencia del negocio siga siendo reconocible. Los lectores y clientes fieles deben seguir reconociendo el negocio cuando se cargue el sitio web. 

A continuación se muestra un ejemplo de un cliente que muestra el antes y el después del proceso de diseño, y cómo nuestro equipo de diseño web tiene en cuenta la marca al rediseñar un sitio web.

Trester Demolition & Concrete Cutting necesitaba un nuevo diseño y no quería que le trajeran nada del antiguo sitio web. La diseñadora, Barbara D., utilizó sus años de experiencia en diseño para darles un aspecto fresco que siguiera siendo fiel a su marca y a su negocio. 

El rediseño de Trester Demolición y Corte de Hormigón

Antes de que comience el proceso de diseño, los clientes de diseño web rellenan primero un formulario de entrevista que les permite enumerar sus objetivos, deseos y necesidades para su nuevo sitio web. También completan una entrevista telefónica, con un asesor dedicado al éxito del proyecto, que les explica el proceso de diseño web y lo que pueden esperar según sus objetivos.

Tras la llamada telefónica, el diseñador web senior crea una comp, que es una imagen de alta fidelidad, de su página de inicio. La comp muestra al cliente el aspecto que tendrá su página una vez codificada, y da al equipo de diseño la libertad de hacer cambios importantes fácilmente sin necesidad de recodificar todo el sitio. 

Visión general del diseño

Al principio del proceso, Trester Demolition & Concrete Cutting proporcionó un nuevo y maravilloso logotipo que impulsó muchas de las decisiones durante la fase de diseño. El diseñador utilizó los azules, grises y negros del logotipo en todo el diseño, y añadió imágenes y patrones similares a los que se veían en el logotipo. 

También proporcionaron contenido específico para la página de inicio y, siguiendo sus directrices de contenido, la diseñadora creó un diseño utilizando fondos de ancho completo para cada sección que bajaba por la página de inicio, añadiendo algo de textura con un patrón de hormigón a dos de las secciones y un degradado horizontal gris para hacer eco del degradado del logotipo en la sección central. Separó las secciones con líneas divisorias azules de 12 píxeles de grosor como separadores visuales y acentos de color.

El diseñador desplazó la imagen principal de gran tamaño (o imagen principal) del diseño de la página de inicio a la parte superior de la página y añadió un encabezado blanco transparente encima de la imagen, con el logotipo bien visible a la izquierda. Para la imagen principal, la diseñadora eligió una imagen de archivo que ya tenía un efecto de viñeta y añadió un filtro blanco y negro para eliminar el tono azul de la imagen original. También añadió una ligera sombra paralela para crear profundidad visual. La imagen principal grande tendrá un efecto de paralaje una vez codificada. 

Consideraciones sobre las fuentes

El texto de navegación es negro, pero el diseñador utilizó el azul del logotipo como color para los elementos del menú de navegación y como acento en todo el diseño. Como se indica en la imagen posterior, el color de navegación es el color al que cambian los elementos del menú cuando el usuario final pasa el ratón por encima del elemento del menú. 

El equipo de diseño utiliza fuentes web seguras de Google en sus diseños. Las fuentes seguras para la web garantizan que la fuente elegida será vista por el usuario final independientemente del dispositivo o navegador. La fuente utilizada en el logotipo no es una fuente segura de Google, por lo que eligió la moderna y limpia sin gracias IBM Plex Sans, utilizando pesos medios y regulares entre las etiquetas de encabezamiento y el cuerpo del texto. 

Destacando Servicios

Bajando por la página, en la sección "Qué hacemos", la diseñadora empezó con dos imágenes de archivo. Más adelante en el proceso, los clientes le proporcionaron dos imágenes para que las utilizara. A continuación, añadió una superposición oscura como efecto hover a la imagen y también hizo azul el estado hover del texto para que coincidiera con el logotipo. Las imágenes están colocadas sobre un patrón de hormigón de tono gris medio.

En la siguiente sección, que enumera los distintos tipos de demolición que realizan, el diseñador utilizó un fondo degradado y añadió dos filas de iconos con leyendas que comunican sus servicios de demolición. 

La última sección destaca sus servicios de aserrado. Para mantener el equilibrio, la diseñadora repitió el patrón de fondo de hormigón y las fuentes blancas utilizadas en la sección "Qué hacemos". También encontró una colección de iconos de stock de hojas de sierra de distintas formas, perfecta para el tema, y utilizó una superposición de blanco para darle coherencia.

Para el pie de página, el diseñador creó una capa base utilizando un gris más profundo con un ligero tono azul y añadiendo texto blanco e iconos azules de redes sociales. Bajo esta capa, la franja de copyright es negra con texto blanco, formando el borde visual inferior del sitio web.

Servicios de diseño web

Utilizando las tendencias web y años de experiencia profesional, el diseñador pudo crear un diseño moderno e intuitivo para el cliente que seguía captando la esencia del negocio y la marca. A medida que cambian las tendencias web, es importante presentar un sitio web fácil de usar, moderno y limpio. Los rediseños pueden ser difíciles, pero trabajar con un equipo de diseño web experimentado puede ahorrarte tiempo, dinero y ayudar a la promoción continua de tu negocio. 

Si estás pensando en rediseñar tu sitio web, considera los Servicios de Diseño Web de InMotion. Nuestro equipo profesional de diseñadores web y desarrolladores frontend crearán un sitio web personalizado y bonito que atraiga a tus usuarios finales y ayude al crecimiento de tu negocio.