Ejemplos de sitios web de construcción - 5 sitios web que proyectan solidez

Descubre 5 excelentes ejemplos de sitios web de construcción, con reseñas para computadoras de escritorio y para dispositivos móviles.

Por Jorge Diaz, 2 sept 2024

Jorge Diaz se desempeña como copywriter en Zarla. Ha publicado artículos para blogs, periódicos y revistas en varios países de Latinoamérica, España y los Estados Unidos.

Ejemplo de un sitio web de construcción.

Crear un sitio web de construcción profesional requiere una combinación de diseño estético, funcionalidad y contenido informativo; asimismo, debe reflejar la calidad y experiencia de la empresa, destacando proyectos anteriores, servicios ofrecidos y testimonios de clientes satisfechos.

La inclusión de elementos visuales de alta calidad, como fotografías y videos de proyectos, junto con contenido bien redactado y optimizado para motores de búsqueda, contribuirá a mejorar la visibilidad y el alcance en línea. Utiliza nuestro creador de sitios web profesionales con IA para crear el tuyo en menos de un minuto.

Cómo evaluamos los sitios web:

Zarla comprueba que los sitios cumplen las normas web básicas para dispositivos móviles y de escritorio. También utilizamos PageSpeed Insights de Google y WAVE, un servicio que evalúa la accesibilidad para personas con discapacidad. Las puntuaciones de PageSpeed y la accesibilidad son factores importantes para las clasificaciones en los motores de búsqueda. Las puntuaciones PageSpeed pueden no coincidir con la experiencia del usuario y a menudo varían.

1. Ferrovial.
2. Roggio.
3. Odinsa.
4. Besalco.
5. Grupo Ruba.

Ferrovial

https://www.ferrovial.com/es/

Madrid, España.

Ferrovial es una empresa multinacional española dedicada a la construcción, gestión y operación de infraestructuras y ciudades. La compañía se especializa en proyectos de construcción, servicios, autopistas, aeropuertos y movilidad urbana, con un fuerte enfoque en la sostenibilidad y la innovación.

El diseño de su página de inicio se percibe profesional, por el uso de impactantes imágenes y contenido multimedia de sus megaobras, presentadas en dos banners rotativos que ocupan toda la pantalla. Además, cuenta con una interesante barra superior que contiene el botón “Global”, que dirige al usuario al sitio del país de su interés.

Pros y Contras

La página de inicio cuenta con el botón “Mejorar contraste” en la barra superior, lo que mejora considerablemente la legibilidad del sitio. Además, según el análisis de WAVE, el sitio web en general no tiene errores de contraste. Cuenta con espacios blancos entre las secciones, lo que supone un respiro visual para los usuarios.

La plataforma podría mejorar su servicio de atención al cliente en tiempo real, mediante la implementación de un chatbot o botón de mensajería instantánea. La gran cantidad de contenido y elementos gráficos puede afectar el tiempo de carga en conexiones más lentas.

Reseña de escritorio:

La página de inicio se ve imponente con sus imágenes de alta calidad, lo que transmite la idea de innovación y grandes proyectos a su público objetivo. Un detalle estético negativo, es que al navegar hacia abajo, la transición de la barra no permite ver el logo de la compañía por completo, lo que puede ser catalogado como un descuido no muy atractivo.

Al hablar de muchas imágenes grandes de alta resolución y contenido multimedia, es de esperarse que su rendimiento sea pobre, lo cual pude comprobar. Por lo que Google’s PageSpeed Insights, le dio una puntuación de 50/100.

Reseña de móvil

En dispositivos móviles, la página de inicio aumenta su longitud considerablemente, debido a que muchas de las imágenes ocupan grandes espacios, además de que el menú de color amarillo con los enlaces “AUTOPISTAS”, “AEROPUERTOS” y “CONSTRUCCIÓN”, entre otros, se colocan verticalmente, en lugar de usar un menú plegable.

Como era de esperarse, el rendimiento en pantallas más pequeñas muestra un desempeño aún más pobre que en la versión de escritorio, tanto en las pruebas que yo realicé, como en las que llevó a cabo Google’s PageSpeed Insights en la página de inicio, el cual le otorgó una puntuación de 35/100.

Roggio

https://www.roggio.com.ar/

Buenos Aires, Argentina.

Roggio es un conglomerado argentino con una larga trayectoria en la industria de la construcción y servicios relacionados. La empresa participa en múltiples sectores, incluyendo la construcción de infraestructura, transporte, servicios ambientales y gestión de concesiones.

El diseño de su página de inicio transmite la sensación de estar frente a una empresa de gran tamaño, por el inteligente manejo que dan sus imágenes e información, presentadas en todo lo ancho de la pantalla, y a la importancia que le dan en mostrar las cifras de los resultados de sus proyectos.