Saltar al contenido

33 de los mejores diseños de sitios web para inspirarte en 2021

enero 26, 2022
web design ideas.jpgkeepProtocol

El viaje de inspiración de su sitio web comienza aquí.

Decidir crear una presencia en la web es una gran decisión, pero los mejores sitios web son la culminación de muchas pequeñas decisiones. Elegir el sistema de administración de contenido y el alojamiento web correctos, optar por una plantilla, refinar su contenido y seleccionar los mejores diseños para mostrar sus productos y servicios son solo algunos de los detalles que establecen la identidad en línea de su empresa.

Pero una decisión importante que requiere tiempo, diligencia y mucha inspiración es el diseño de su sitio web.

Descarga gratuita: 77 ejemplos de diseño web brillante

En este artículo, compartimos algunas docenas de los mejores diseños de sitios web que hemos visto. Haga clic en los enlaces a continuación para saltar y explorar los diseños de sitios web que lo aplastaron en los últimos años. También hemos incluido una sección adicional de diseños que son simplemente geniales, ¡así que échales un vistazo también!

Desde corporaciones familiares hasta pequeñas empresas y organizaciones internacionales, los siguientes sitios impulsan el statu quo en la web. Ya sea el diseño estético, la usabilidad, la interactividad, el diseño de sonido o el valor que brinda el sitio, cada uno es una obra maestra en su industria respectiva y algo a lo que aspirar.

No es sorprendente que existan muchas organizaciones para destacar estos sitios y las contribuciones que hacen a la web. Para ayudar a sacar a la luz algunos de los diseños más inspiradores, reuní a varios ganadores de premios que se abrieron camino a través de varias organizaciones de premios clave, incluidos Red Dot, Awwwards, UX Awards, The Webby Awards, SiteInspire, Best Website Gallery y FWA.

Mientras navega por la lista, sepa que cada sitio sobresale a su manera y busca cumplir un propósito único. Mientras que un sitio puede ser un excelente ejemplo de diseño visual, otro puede ser un excelente ejemplo de interactividad.

Esto significa que no todos estos sitios pueden ser «máquinas de conversión» o ideas de planos que puede copiar fácilmente en su sitio. Más bien, son excelentes formas de obtener algo de inspiración para el diseño de sitios web y ver el marketing de vanguardia que está ocurriendo en los diferentes rincones de la web.

Tenga en cuenta que los diseños web son fluidos y cambian con frecuencia. Algunos de los diseños de esta lista han cambiado desde que se otorgaron, pero hacemos todo lo posible para mantenerlos actualizados. Estamos seguros de que encontrará un diseño aquí que despierte su creatividad.

Lee mas: 77 Ejemplos de Diseños de Sitios Web Increíbles

ejemplos de diseño de sitios webDescarga esta guía gratuita para ver aún más ejemplos de diseños de blogs, páginas de inicio y páginas de destino de sitios web.

Hermosos sitios web galardonados

Y los premios son para…

Los mejores diseños de sitios web de 2014 a 2015

1. Virgen América

Premio: Evolución más significativa de la industria, Premios UX 2014

En un mundo donde se sabe que los sitios web de las aerolíneas están plagados de importantes problemas de usabilidad, virgen america tiene uno de los mejores sitios web que impulsa la usabilidad, la accesibilidad y el diseño receptivo.

Ganador del Premio Virgin America UX 2014Fuente de imagen

2. Alimentar

Premio: Sitio del día (6/6/2015), Awwwards

no solo es Alimentación un concepto interesante, pero también tiene una ejecución impresionante que desafía nuestra comprensión de lo que es posible en la web. A través de una combinación creativa de animación y video, el sitio sumerge al usuario en una experiencia atractiva. Como un sitio atípico, contiene varios elementos únicos de usabilidad, incluida la navegación que se duplica como una barra de progreso de desplazamiento.

Feed ganador del premio al mejor diseño de sitio web 2015Fuente de imagen

3. EQT

Premio: Sitio del día (19/05/2015), Awwwards

ETQ adopta un enfoque minimalista para el comercio electrónico con un sitio simplificado. Las imágenes grandes y atractivas de su producto se colocan sobre fondos simples y planos acompañados de una tipografía fuerte que mantiene el enfoque en exactamente lo que el usuario vino a ver: zapatos.

Ganador del premio ETQ al mejor diseño de sitio web 2015Fuente de imagen

4. Mikiya Kobayashi

Premio: Sitio del día (7/4/2015), Awwwards

Mikiya es un diseñador de productos con un portafolio minimalista que muestra su trabajo a través de fotografías sólidas y animaciones sutiles. Su sitio completo se creó originalmente en japonés y luego se tradujo al inglés, lo que ayudó a demostrar la escalabilidad internacional de su diseño.

Ganador del premio al mejor diseño de sitio web de Mikiya 2015Fuente de imagen

5. Revista tejida

Premio: Sitio del día (4/4/2015), Mejor galería de sitios web

tejido es una publicación en línea que celebra a artistas, artesanos y creadores por igual. Confirman que las publicaciones pueden (y deben) tener sitios hermosos y atractivos con contenido fácil de leer. Libre de distracciones como ventanas emergentes y anuncios intrusivos, este sitio tiene que ver con la experiencia del contenido en sí.

Ganador del premio al mejor diseño de sitio web JOHO Bean 2015

Fuente de imagen

6. El frijol de JOHO

Premio: FWA del día (8/7/2015), Premios de sitios web favoritos

El sitio web de JOHO’s Bean tiene imágenes increíbles, interactividad, narración de historias, diseño visual y, sobre todo, ingeniería de sonido. Todo esto se une para crear un sitio convincente, emotivo y atractivo que cuenta la historia del viaje de un grano de café.

1zdKfz9XqrYegqs668SIg8cZwzrOlnFuente de imagen

7. Mundo de SWISS

Premio: Mejor Interfaz de Usuario, Premios Webby 2015

¿Otra aerolínea? Sí. SUIZO Las aerolíneas crearon un sitio increíblemente inmersivo que cuenta la historia de cómo es volar con ellas, e hicieron un trabajo demasiado bueno para ser ignoradas. Fuertes elementos visuales y animaciones introducen al usuario a diferentes secciones del sitio que están llenas de información más allá del argumento habitual de ventas y marketing.

Ganador del premio al mejor diseño de sitio web de World of SWISS 2015Fuente de imagen

Los mejores diseños de sitios web de 2016

8. Guardianes de la selva tropical

Premio: Mejor sitio web de activismo, Premios Webby 2016

Guardianes de la selva tropical se convirtió en uno de los sitios web sin fines de lucro más inmersivos de 2016. Buscando crear conciencia sobre la deforestación, el sitio permite a los usuarios «visitar» los diversos pueblos, nativos y vías fluviales que conforman la selva amazónica. El sitio pone la interactividad en el centro de su experiencia de usuario: una buena elección si su objetivo es lograr que las personas se conecten con su causa y se conviertan en voluntarios.

Rainforest Guardians ganador del premio al mejor diseño de sitio web 2016

Fuente de imagen

9. Ropa deportiva de protesta

Premio: Sitio del Año (2016), Awwwards

Las llamadas de Awwwards Ropa deportiva de protesta un «lookbook de compras», y eso es exactamente lo que es este sitio. Como proveedor de prendas de vestir, esta empresa ha reinventado la forma en que comercializan sus productos: en lugar de promocionar prendas de vestir, Protest Sportswear promueve «aspectos». Esto hace que el producto de la empresa sea la parte más atractiva del sitio web en sí, utilizando un collage de estilos para diseñar una página de inicio que cambia tan a menudo como los estilos de sus clientes.

Ganador del premio al mejor diseño de sitio web de Protest Sportswear 2016

Fuente de imagen

10. El Gremio de Maestros

Premio: Mejor sitio web de asociación, Premios Webby 2016

El gremio de maestros es una comunidad profesional de educadores que aborda algunos de los desafíos más críticos de la educación. Lo que hace que este sitio web sea galardonado es cómo equilibra diversos tipos de contenido (programas, soluciones, enfoques y colaboraciones) sin abrumar a los visitantes. Las imágenes de fondo no solo se colocan de manera destacada, sino que también usan espacios en blanco para enfatizar las llamadas a la acción escritas en el centro, como se muestra en la captura de pantalla a continuación.

Ganador del premio al mejor diseño de sitio web de Teacher's Guild 2016

Fuente de imagen

Los mejores diseños de sitios web de 2017

11. Simplemente chocolate

Premio: Sitio del Año (2017), Awwwards

Sentirás un antojo de chocolate con solo mirar este sitio web, y en cierto modo, eso es simplemente chocolateEl sitio web funciona según lo diseñado.

Este apetitoso sitio web es el de un fabricante de chocolate de Dinamarca, Simply Chocolate. Su sitio web utiliza una variedad de colores (y nombres de productos creativos) para promocionar cada barra de chocolate. Y a medida que se desplaza de un producto al siguiente, todos parecen mantener la misma marca. La apariencia tridimensional de cada barra de chocolate te hace sentir como si pudieras tomarla de la pantalla de tu computadora, mientras que la CTA «Agregar a la caja» en la parte superior izquierda está idealmente ubicada para que los usuarios seleccionen los productos que desean mientras navegan.

Simply Chocolate ganador del premio al mejor diseño de sitio web 2017

Fuente de imagen

12. NUESTRA

Premio: Mejor blog/sitio web cultural, Webby Awards 2017

NOWNESS es quizás el videoblog colaborativo más genial de Internet. Eso fue un trabalenguas… ¿qué significa todo esto?

NUESTRALa naturaleza de «colaboración colectiva» de es parte de lo que lo convierte en un ganador de premios. Esto significa que la mayor parte de su contenido proviene de creativos independientes, una forma cada vez más popular para que las empresas publiquen contenido. NOWNESS también es un blog de video, lo que significa que todo el contenido de su blog está en formato de video. Juntas, estas cualidades ayudan a hacer de Nowness un centro cautivador para las historias que las marcas de todo el mundo se esfuerzan por contar.

NOWNESS ganador del premio al mejor diseño de sitio web 2017Fuente de imagen

Los mejores diseños de sitios web de 2018

13. comercio de criptomonedas

Premio: Sitio del día (4/3/2018), Awwwards

Conoce a crypton.trading, tu robot contador.

Crypton.comercio es un centro comercial para criptomonedas como Bitcoin, que utiliza inteligencia artificial para predecir cambios en el valor de una moneda e identificar oportunidades clave de compra y venta. El sitio web obtuvo una calificación alta por su desarrollo y diseño, ya que explica gradualmente más métodos del desarrollador a medida que los visitantes se desplazan hacia abajo.

Este sitio web galardonado hace que los visitantes expertos en tecnología se sientan como en casa en el momento en que aparece el saludo de Crypton en la página de inicio, una letra a la vez.

crypton.trading ganador del premio al mejor diseño de sitio web 2018Fuente de imagen

14. Suroeste: el corazón de los viajes

Premio: Mejor Diseño Visual – Estético, 2018 Webby Awards

Cuando Southwest Airlines quiso demostrar que sus clientes eran «más que un signo de dólar», la empresa creó un sitio web donde el diseño se ensamblaba utilizando las formas de las rutas de vuelo de sus clientes.

El sitio web, llamado Heart of Travel, incluso permite a los visitantes crear su propia obra de arte a partir de un viaje que podrían planear realizar. De esta manera, el sitio web de Southwest es producto de sus pasajeros más fieles.

Ganador del premio al mejor diseño de sitio web de Southwest 2018Fuente de imagen

15. Reductor

Premio: Mejor sitio web de humor, Webby Awards 2018

No es tan difícil hacer reír a alguien en Internet: gran parte de lo que leemos y consumimos en línea está destinado a ser entretenido. Pero es difícil hacerlo consistentemente para una gran audiencia. reductor es una revista satírica cuyos titulares y experiencia de lectura general son de primer nivel en el departamento de humor, lo que hace que el sitio web en sí sea una propiedad de calidad.

Reductress ganador del premio al mejor diseño de sitio web 2018Fuente de imagen

16. Desbordamiento

Premio: Sitio del día (20/03/2018), Mejor galería de sitios web

Desbordamiento es una herramienta de diseño que permite a las personas y las empresas crear diagramas de flujo similares a historias de sus ideas para que sean más fáciles de entender para los demás. Además de ser solo un buen servicio, el sitio web de Overflow practica lo que predica: junto con botones rojos vibrantes de llamada a la acción para descargar la herramienta, este sitio web promociona su producto de la mejor manera que sabe hacerlo: utilizando un diagrama de flujo.

El sitio web ofrece este diagrama de flujo en forma de video. Si bien los videos incrustados pueden parecer bastante torpes en medio de otros elementos de diseño de un sitio web, el de Overflow está perfectamente ubicado y es exactamente lo que le gustaría ver cuando…