Los Mejores Ejemplos de Sitios Web Corporativos

Estos son nuestros sitios web favoritos de empresas B2B: firmas de ingeniería, diseñadores de producto y los estudios que contratan.

Patrick Antinozzi

Compilado por Patrick Antinozzi

13+ años creando sitios web legendarios para pymes

Un sitio B2B tiene un público exigente: compradores que comparan tres proveedores, ingenieros que revisan capacidades y candidatos que lo evalúan, todos en la misma página de inicio. El sitio debe dirigir a cada uno sin hacer pensar a nadie. Eso es un problema de arquitectura de información antes que uno visual. Los sitios de empresas que fallan rara vez son feos: son desorganizados, con noticias donde deberían ir los servicios y una página de carreras que nadie encuentra.

Esta colección reúne 22 sitios web de empresas que lo hacen bien, desde firmas de ingeniería como NEI Electric Power Engineering y Carlson McCain hasta diseñadores de producto como Sherpa Design y estudios de diseño como Pentagram e IDEO. Lo que comparten no es un estilo: es disciplina. Navegación consistente, un solo sistema de diseño aplicado en todas partes y una página de inicio que dice qué hace la empresa en la primera pantalla. Esos fundamentos también funcionan para una firma de diez personas.

Beyond Design sitio web

Beyond Design

Una vista despiezada de un producto de mano, con las piezas flotando, muestra su capacidad de ingeniería de un vistazo, con un botón naranja de contacto bajo el titular.

Corporativo · Chicago

Carlson McCain sitio web

Carlson McCain

Un encabezado fijo deja Contacto a un clic, mientras el héroe nombra sus dos especialidades: ingeniería y medio ambiente.

Corporativo

CKC Structural Engineers sitio web

CKC Structural Engineers

Una torre residencial iluminada al anochecer enmarca el titular "Leaders in Buildable Design", con las oficinas de Seattle y Chicago nombradas justo debajo.

Corporativo · Bellevue

Delve sitio web

Delve

Un dispositivo real de un cliente, un escáner de oído, protagoniza la portada junto a "Unlocking the power of product innovation", y un botón naranja de contacto resalta en el menú.

Corporativo · Madison

IDEO sitio web

IDEO

Una foto real de un taller, no de archivo, bajo un tema de dos palabras, "Human-centered futures".

Corporativo

Intelligent Product Solutions sitio web

Intelligent Product Solutions

Dice exactamente qué hacen en el titular y luego ofrece un solo paso siguiente: reservar una consulta.

Corporativo

Interface Engineering sitio web

Interface Engineering

Un niño en bicicleta frente a un edificio bajo rodeado de vegetación ilustra la promesa "From Net Zero to Net Positive", con un enlace para ver su trabajo dentro del recuadro del titular.

Corporativo · Portland

Klugonyx sitio web

Klugonyx

Un panel azul lo dice sin rodeos, empresa de desarrollo de productos para marcas de consumo en crecimiento, junto a una foto de producto real y un botón amarillo para contratarlos.

Corporativo · Salt Lake City

Lam Partners sitio web

Lam Partners

Un vestíbulo iluminado en violeta hace literal el titular "Visionaries in Light", así la especialidad en diseño de iluminación se entiende con la foto, y el contacto está en el menú.

Corporativo · Cambridge

Landform sitio web

Landform

Cada estudio (planificación, residencial, comercial) tiene su propia tarjeta con una foto de proyecto en la página de inicio.

Corporativo

ME Engineers sitio web

ME Engineers

Un estadio de tenis lleno acompaña "Engineering the world's most iconic venues", una apuesta clara por los grandes recintos, con botones verdes para iniciar una conversación en el encabezado y en la portada.

Corporativo · Wheat Ridge

Nabih Youssef Associates sitio web

Nabih Youssef Associates

Se adueña de un nicho, la ingeniería estructural para hospitales, con una foto de un campus médico, un párrafo de apoyo y un botón hacia su práctica hospitalaria bajo el titular.

Corporativo · Los Angeles

NEI Electric Power Engineering sitio web

NEI Electric Power Engineering

Industrias y Servicios encabezan el menú, y un botón rojo de "Talk to Our Team" está arriba a la derecha.

Corporativo

NewDealDesign sitio web

NewDealDesign

Un titular con tipografía de máquina de escribir, "Be bold. Build wisely.", acompaña una foto de producto, y las palabras resaltadas explican su enfoque comercial y de consumo junto a un enlace de correo.

Corporativo · San Francisco

Pentagram sitio web

Pentagram

Cada diapositiva es un proyecto reciente con una línea de descripción, y un filtro en forma de frase ordena el trabajo por disciplina y sector.

Corporativo

Priority Designs sitio web

Priority Designs

Una tipografía serif grande presenta a Priority Designs como una firma de desarrollo de productos ágil sobre una foto tenue de taller, con un botón de contacto bajo la promesa.

Corporativo · Columbus

Punctuate Design sitio web

Punctuate Design

Una lámpara en penumbra acompaña "Purposeful Design" y una promesa de sostenibilidad, con cuatro servicios en la parte inferior y un botón negro "Let's Talk" que deja claro el siguiente paso.

Corporativo · Montreal

Reaveley Engineers sitio web

Reaveley Engineers

Una vista aérea de un edificio emblemático entre montañas acompaña "We are the strength behind your vision", con el proyecto identificado en una leyenda y "Engineers" en el logotipo.

Corporativo · Salt Lake City

Sherpa Design sitio web

Sherpa Design

El titular explica la oferta (diseño, ingeniería y maquinado bajo un mismo techo) antes de desplazarse.

Corporativo

Smart Design sitio web

Smart Design

Una sola frase clara sobre una textura azul pulverizada explica qué es Smart Design, con un botón de proyectos debajo y "Let's chat" en el menú.

Corporativo · New York

Steven Winter Associates sitio web

Steven Winter Associates

Un espacio limpio presenta "Start an Evolution" y una línea sobre consultoría en energía, sostenibilidad y accesibilidad, junto a un edificio nítido y un botón naranja de contacto.

Corporativo · Norwalk

Uzun+Case sitio web

Uzun+Case

Un gran proyecto hospitalario llena la imagen, y una franja naranja con "Structural Engineers + Creative Partners" resume el oficio y la actitud en una línea.

Corporativo · Atlanta

¿Qué hace excelente a un sitio web de corporativo?

Diga qué hace en la primera pantalla

Cuanto más grande la empresa, más vaga la página de inicio: resístase. Abra con lo que vende, no con 'potenciar soluciones globales'. Un visitante debería poder describir su negocio tras cinco segundos en la página.

Diseñe la navegación para gente de afuera

Su organigrama no es una arquitectura de información. Los visitantes piensan en productos, industrias y tareas, no en divisiones. Pruebe su menú con alguien que nunca ha oído de la empresa y observe dónde se atora.

Aplique el sistema de diseño en todas partes

El sitio de Pentagram funciona porque nada rompe el sistema: cada caso de estudio, cada biografía y cada página usa la misma retícula y escala tipográfica. La consistencia se lee como competencia; una sola página fuera de marca la erosiona.

Trate las carreras como un camino de conversión

Un buen candidato puede ser el visitante más valioso de toda la semana. La cultura, las historias reales de empleados y una postulación rápida merecen el pulido de una página de producto, no un enlace de recursos humanos en el pie de página.