De vez en cuando, me encuentro con un sitio web que realmente me hace parar y pensar. Entonces, encontré 20 de ellos para mostrarte.

Estos sitios traspasan los límites de lo que se sabe que es posible en la web. Ya sea la estética del diseño, la usabilidad, la interactividad, el diseño de sonido o el valor que proporciona el sitio, cada uno es una obra maestra en su industria respectiva, y algo para inspirarse.

No es sorprendente que existan muchas organizaciones para resalte estos sitios y las contribuciones que hacen a la web. Para ayudar a destacar algunos de los diseños más inspiradores, reuní 15 galardonados que se han abierto camino a través de varias organizaciones clave de premios, incluidos Awwwards, UX Awards, The Webby Awards, SiteInspire, la mejor galería de sitios web, y FWA.

También encontré cinco sitios web más cuyos diseños de página de inicio son geniales y de los que vale la pena aprender.  Descargue aquí nuestra colección completa de ejemplos de páginas de inicio, blogs y páginas de inicio para inspirar propio diseño del sitio web.

Mientras navega por la lista, sepa que cada sitio se destaca a su manera y busca cumplir un propósito único. Si bien 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 anteproyecto que puede copiar fácilmente en su sitio.

Más bien, son excelentes maneras de obtener inspiración en el diseño de sitios web y ver el marketing de vanguardia. eso está sucediendo en los diferentes rincones de la web.

 Interactive-Form-Image.png "width =" 600 "height =" 100 "srcset = "https://blog.hubspot.com/hs-fs/hubfs/Interactive-Form-Image.png?t=1526524925235&width=300& height = 50 & name = Interactive-Form-Image.png 300w, https://blog.hubspot.com/hs-fs/hubfs/Interactive-Form-Image.png?t=1526524925235&width=600&height=100&name=Interactive-Form-Image .png 600w, https://blog.hubspot.com/hs-fs/hubfs/Interactive-Form-Image.png?t=1526524925235&width=900&height=150&name=Interactive-Form-Image.png 900w, https: // blog .hubspot.com / hs-fs / hubfs / Interactive-Form-Image.png? t = 1526524925235 & width = 1200 & height = 200 & name = Interactive-Form-Image.png 1200w, https://blog.hubspot.com/hs-fs/ hubfs / Interactive-Form-Image.png? t = 1526524925235 & width = 1500 & height = 250 & name = Interactive-Form-Image.png 1500w, https://blog.hubspot.com/hs-fs/hubfs/Interactive-Form-Image.png ? t = 1526524925235 & width = 1800 & height = 300 & name = Interactive-Form-Image.png 1800w "sizes =" (max-width: 600px) 100vw, 600px

Sitios web hermosos galardonados

1. Feed

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

No solo es Feed un concepto interesante, sino que también tiene una ejecución sorprendente 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 muy atractiva. Como un sitio atípico, también contiene varios elementos únicos de usabilidad, incluida una navegación que funciona como una barra de progreso de desplazamiento.

 Página de inicio de Feed, un sitio web galardonado "data-constrained =" true "width =" 667 " height = "353" srcset = "https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_4.50.49_PM.png?t=1526524925235&width=334&height = 177 & name = Screen_Shot_2015-08-04_at_4.50.49_PM.png 334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_4.50.49_PM. png? t = 1526524925235 & width = 667 & height = 353 & name = Screen_Shot_2015-08-04_at_4.50.49_PM.png 667w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015- 08-04_at_4.50.49_PM.png? T = 1526524925235 & width = 1001 & height = 530 & name = Screen_Shot_2015-08-04_at_4.50.49_PM.png 1001w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images /blog/images/Screen_Shot_2015-08-04_at_4.50.49_PM.png?t=1526524925235&width=1334&heig ht = 706 & name = Screen_Shot_2015-08-04_at_4.50.49_PM.png 1334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_4.50.49_PM .png? t = 1526524925235 & width = 1668 & height = 883 & name = Screen_Shot_2015-08-04_at_4.50.49_PM.png 1668w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015 -08-04_at_4.50.49_PM.png? T = 1526524925235 & width = 2001 & height = 1059 & name = Screen_Shot_2015-08-04_at_4.50.49_PM.png 2001w "sizes =" (max-width: 667px) 100vw, 667px Destacado por Awwwards [19659036] 2. crypton.trading

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

Conozca a crypton.trading, su contador de robots.

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

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

 Página de inicio de crypton.trading, un sitio web galardonado Presentado por Awwwards

3. ETQ

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

ETQ adopta un enfoque muy minimalista del comercio electrónico con su sitio simplificado con imágenes grandes y convincentes de su producto . Fondos sencillos, planos y basados ​​en color acompañados de una fuerte tipografía ayudan a centrarse exactamente en lo que el usuario vino a ver: zapatos.

 Página de inicio de ETQ, un sitio web galardonado "con restricciones de datos = ancho" verdadero " = "667" height = "353" srcset = "https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.16.53_PM.png?t = 1526524925235 & width = 334 & height = 177 & name = Screen_Shot_2015-08-04_at_5.16.53_PM.png 334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5 .16.53_PM.png? T = 1526524925235 & width = 667 & height = 353 & name = Screen_Shot_2015-08-04_at_5.16.53_PM.png 667w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/ images / Screen_Shot_2015-08-04_at_5.16.53_PM.png? t = 1526524925235 & width = 1001 & height = 530 & name = Screen_Shot_2015-08-04_at_5.16.53_PM.png 1001w, https://blog.hubspot.com/hs-fs/hubfs/00 -Blog-Related_Images / blog / images / Screen_Shot_2015-08-04_at_5.16.53_PM.png? T = 1526524925235 & width = 133 4 & height = 706 & name = Screen_Shot_2015-08-04_at_5.16.53_PM.png 1334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.16.53_PM .png? t = 1526524925235 & width = 1668 & height = 883 & name = Screen_Shot_2015-08-04_at_5.16.53_PM.png 1668w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015 -08-04_at_5.16.53_PM.png? T = 1526524925235 & width = 2001 & height = 1059 & name = Screen_Shot_2015-08-04_at_5.16.53_PM.png 2001w "sizes =" (max-width: 667px) 100vw, 667px Destacado por Awwwards [19659036] 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 una fuerte fotografía 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.

 Página de inicio de Mikiya Kobayashi, un sitio web galardonado "con restricciones de datos = ancho" verdadero "=" 667 "alto = "353" srcset = "https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.26.55_PM.png?t=1526524925235&width=334&height= 177 & name = Screen_Shot_2015-08-04_at_5.26.55_PM.png 334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.26.55_PM.png ? t = 1526524925235 & width = 667 & height = 353 & name = Screen_Shot_2015-08-04_at_5.26.55_PM.png 667w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08 -04_at_5.26.55_PM.png? T = 1526524925235 & width = 1001 & height = 530 & name = Screen_Shot_2015-08-04_at_5.26.55_PM.png 1001w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/ blog / images / Screen_Shot_2015-08-04_at_5.26.55_PM.png? t = 1526524 925235 & width = 1334 & height = 706 & name = Screen_Shot_2015-08-04_at_5.26.55_PM.png 1334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5. 26.55_PM.png? T = 1526524925235 & width = 1668 & height = 883 & name = Screen_Shot_2015-08-04_at_5.26.55_PM.png 1668w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images /Screen_Shot_2015-08-04_at_5.26.55_PM.png?t=1526524925235&width=2001&height=1059&name=Screen_Shot_2015-08-04_at_5.26.55_PM.png 2001w "sizes =" (max-width: 667px) 100vw, 667px Presentado por Awwwards

5. Dentro de Abbey Road

Premio: Mejor sitio web de música, Premios Webby 2016

Google lo sacó del parque con este sitio altamente interactivo que permite a los usuarios ingresa a los estudios Abbey Road. El brillante diseño de sonido, la mecánica de navegación y los elementos visuales combinados con el habitual "estilo Google" ayudan a atraer a los visitantes a esta propiedad web bien hecha.

 Página web de Inside Abbey Road, un sitio web premiado Destacado por Los Premios Webby

6. Citrix: The New Mobile Workforce

Premio: Sitio del día (23/11/2017), Mejor galería de sitios web

Este sitio web, dedicado a la asociación de Red Bull con Citrix, una empresa de software basada en la nube – es asombroso.

La nueva fuerza de trabajo móvil un sitio propiedad de Citrix, utiliza fotografías panorámicas para mostrar a los visitantes cómo Citrix respalda el nuevo auto de carrera de Red Bull Racing. Incluso si no es un entusiasta de las carreras de autos, las ingeniosas animaciones del sitio web para explicar una tecnología automotriz complicada son difíciles de ignorar.

 Página de inicio de The New Mobile Workforce de Citrix, un sitio web galardonado Destacado por Best Galería del sitio web

7. The History of Climate Change

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

Siga los pasos de Luc Jacquet mientras Wild-Touch lo lleva a lo largo de este visual y un recorrido educativo sobre la historia del cambio climático global . Una mezcla de medios históricos y animaciones únicas ayudan a contar la historia.

 Página de inicio de The History of Climate Change, un sitio web galardonado "srcset =" https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08- 12_at_11.51.41_AM.png? T = 1526524925235 & width = 333 & height = 176 & name = Screen_Shot_2015-08-12_at_11.51.41_AM.png 333w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog /images/Screen_Shot_2015-08-12_at_11.51.41_AM.png?t=1526524925235&width=665&height=351&name=Screen_Shot_2015-08-12_at_11.51.41_AM.png 665w, https://blog.hubspot.com/hs-fs/hubfs/ 00-Blog-Related_Images / blog / images / Screen_Shot_2015-08-12_at_11.51.41_AM.png? T = 1526524925235 & width = 998 & height = 527 & name = Screen_Shot_2015-08-12_at_11.51.41_AM.png 998w, https://blog.hubspot.com /hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-12_at_11.51.41_AM.png?t=1526524925235&width=1330&height=702&name=Screen_Shot_2015-08-12_at_11.51.41_AM.png 1330w, https: //blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-12_ at_11.51.41_AM.png? t = 1526524925235 & width = 1663 & height = 878 & name = Screen_Shot_2015-08-12_at_11.51.41_AM.png 1663w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog /images/Screen_Shot_2015-08-12_at_11.51.41_AM.png?t=1526524925235&width=1995&height=1053&name=Screen_Shot_2015-08-12_at_11.51.41_AM.png 1995w "sizes =" (max-width: 665px) 100vw, 665px Presentado por Awwwards

8. Beagle

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

Beagle hace un trabajo excepcional al contar visualmente y progresivamente historia de su producto de una manera simple y fácil de digerir. Este es un gran desafío para muchas nuevas empresas, especialmente cuando introducen nuevos conceptos en los mercados existentes. La gente quiere saber: "¿Cuál es su producto? ¿Cómo funciona? ¿Por qué me importa?" Beagle responde todas esas preguntas mientras simultáneamente muestra su producto y obliga al usuario a comprar. Además, son uno de los pocos sitios que implementaron correctamente el "secuestro de desplazamiento" correctamente.

 Página de inicio de Beagle, un sitio web galardonado "data-constrained =" true "style =" display: block; margin-left: auto; margen-derecha: auto; width: 2545px; "width =" 667 "height =" 353 "srcset =" https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5. 30.07_PM.png? T = 1526524925235 & width = 334 & height = 177 & name = Screen_Shot_2015-08-11_at_5.30.07_PM.png 334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images /Screen_Shot_2015-08-11_at_5.30.07_PM.png?t=1526524925235&width=667&height=353&name=Screen_Shot_2015-08-11_at_5.30.07_PM.png 667w, https://blog.hubspot.com/hs-fs/hubfs/00- Blog-Related_Images / blog / images / Screen_Shot_2015-08-11_at_5.30.07_PM.png? T = 1526524925235 & width = 1001 & height = 530 & name = Screen_Shot_2015-08-11_at_5.30.07_PM.png 1001w, https://blog.hubspot.com/hs -fs / hubfs / 00-Blog-Related_Images / blog / images / Screen_Shot_2015-08-11_at_5.30.07_PM.png? t = 1526524925235 & width = 1334 & height = 706 & name = Screen_Shot_2015-08-11_at_5.30.07_PM.png 1334w, https: // blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5.30.07_PM.png?t=1526524925235&width=1668 & height = 883 & name = Screen_Shot_2015-08-11_at_5.30.07_PM.png 1668w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5.30.07_PM .png? t = 1526524925235 & width = 2001 & height = 1059 & name = Screen_Shot_2015-08-11_at_5.30.07_PM.png 2001w "sizes =" (max-width: 667px) 100vw, 667px Destacado por la mejor galería de sitios web

9. Southwest: Heart of Travel

Premio: Mejor diseño visual – Estética, 2018 Webby Awards

Cuando Southwest Airlines quiso demostrar que sus clientes eran "más que un simple signo de dólar", la compañía creó un sitio web cuyo diseño se ensambló utilizando las formas de los trayectos de vuelo de sus clientes.

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

 Página de inicio de Heart of Travel de Southwest Airlines, un sitio web galardonado Presentado por The Webby Awards

10 . Revista Woven

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

Woven es una publicación en línea que celebra artistas, artesanos y los creadores por igual Para mí, representan una confirmación de que las publicaciones pueden (y deben) tener sitios bonitos y atractivos con contenido fácil de leer. Libre de distracciones como ventanas emergentes y anuncios molestos, este sitio trata sobre la experiencia del contenido en sí.

 Página de inicio de Woven Magazine, un sitio web galardonado "data-constrained =" true "style =" width: 2545px; "width =" 667 "height =" 353 "srcset =" https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5.44.09_PM.png ? t = 1526524925235 & width = 334 & height = 177 & name = Screen_Shot_2015-08-11_at_5.44.09_PM.png 334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08 -11_at_5.44.09_PM.png? T = 1526524925235 & width = 667 & height = 353 & name = Screen_Shot_2015-08-11_at_5.44.09_PM.png 667w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/ blog / images / Screen_Shot_2015-08-11_at_5.44.09_PM.png? t = 1526524925235 & width = 1001 & height = 530 & name = Screen_Shot_2015-08-11_at_5.44.09_PM.png 1001w, https://blog.hubspot.com/hs-fs/hubfs /00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5.44.09_PM.png?t=1526524925235&width=133 4 & height = 706 & name = Screen_Shot_2015-08-11_at_5.44.09_PM.png 1334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5.44.09_PM .png? t = 1526524925235 & width = 1668 & height = 883 & name = Screen_Shot_2015-08-11_at_5.44.09_PM.png 1668w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015 -08-11_at_5.44.09_PM.png? T = 1526524925235 & width = 2001 & height = 1059 & name = Screen_Shot_2015-08-11_at_5.44.09_PM.png 2001w "sizes =" (max-width: 667px) 100vw, 667px Destacado por Best Website Galería

11. JOHO's Bean

Premio: FWA del día (7/8/2015), Favorite Website Awards

El sitio web de JOHO's Bean tiene imágenes increíbles, interactividad , narración de cuentos, diseño visual y, sobre todo, ingeniería de sonido. Todos estos se unen para crear un sitio atractivo, emotivo y atrapante que cuenta la historia del viaje de un grano de café.

 Página de inicio de JOHO's Bean, un sitio web galardonado "data-constrained =" true "style =" display: block; margin-left: auto; margen-derecha: auto; width: 667px; "width =" 665 "height =" 351 "srcset =" https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5. 23.01_PM.png? T = 1526524925235 & width = 333 & height = 176 & name = Screen_Shot_2015-08-11_at_5.23.01_PM.png 333w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images /Screen_Shot_2015-08-11_at_5.23.01_PM.png?t=1526524925235&width=665&height=351&name=Screen_Shot_2015-08-11_at_5.23.01_PM.png 665w, https://blog.hubspot.com/hs-fs/hubfs/00- Blog-Related_Images / blog / images / Screen_Shot_2015-08-11_at_5.23.01_PM.png? T = 1526524925235 & width = 998 & height = 527 & name = Screen_Shot_2015-08-11_at_5.23.01_PM.png 998w, https://blog.hubspot.com/hs -fs / hubfs / 00-Blog-Related_Images / blog / images / Screen_Shot_2015-08-11_at_5.23.01_PM.png? t = 1526524925235 & width = 1330 & height = 702 & name = Screen_Shot_2015-08-11_at_5.23.01_PM.png 1330w, https: // blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5.23.01_PM.png?t=1526524925235&width=1663&he ight = 878 & name = Screen_Shot_2015-08-11_at_5.23.01_PM.png 1663w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-11_at_5.23.01_PM .png? t = 1526524925235 & width = 1995 & height = 1053 & name = Screen_Shot_2015-08-11_at_5.23.01_PM.png 1995w "sizes =" (max-width: 665px) 100vw, 665px Presentado por FWA

12. NOWNESS

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

Nowness es quizás el video blog más divertido de crowdsourcing en Internet hoy en día. Eso fue un bocado … ¿Qué significa todo eso?

La naturaleza de "crowdsourcing" de NOWNESS es parte de lo que lo convierte en ganador de un premio. Esto significa que la mayoría de su contenido proviene de creatividades independientes, una forma cada vez más popular para que las empresas publiquen contenido. NOWNESS también es un video blog, lo que significa que todo el contenido de su blog está en formato de video. En conjunto, estas cualidades ayudan a hacer de Nowness un centro cautivador para las historias que las marcas de todo el mundo se esfuerzan por contar.

 Página de inicio de NOWNESS, un sitio web galardonado Presentado por The Webby Awards

13. Premio Virgin America

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

En un mundo donde se sabe que los sitios web de aerolíneas están plagados de problemas de usabilidad, Virgin America tiene uno de los mejores sitios web que empuja usabilidad, accesibilidad y diseño receptivo hacia adelante. De hecho, ha sido nombrado como el primer sitio web de aerolíneas verdaderamente receptivo, un nuevo precedente en la industria.

 Página de inicio de Virgin America, un sitio web galardonado "data-constrained =" true "width =" 667 "height =" 352 "srcset =" https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.38.01_PM.png?t=1526524925235&width=334&height=176&name= Screen_Shot_2015-08-04_at_5.38.01_PM.png 334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.38.01_PM.png?t = 1526524925235 & width = 667 & height = 352 & name = Screen_Shot_2015-08-04_at_5.38.01_PM.png 667w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5 .38.01_PM.png? T = 1526524925235 & width = 1001 & height = 528 & name = Screen_Shot_2015-08-04_at_5.38.01_PM.png 1001w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/ images / Screen_Shot_2015-08-04_at_5.38.01_PM.png? t = 1526524925235 & width = 1334 & height = 704 & name = Screen_Shot _2015-08-04_at_5.38.01_PM.png 1334w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.38.01_PM.png?t = 1526524925235 & width = 1668 & height = 880 & name = Screen_Shot_2015-08-04_at_5.38.01_PM.png 1668w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5 .38.01_PM.png? T = 1526524925235 & width = 2001 & height = 1056 & name = Screen_Shot_2015-08-04_at_5.38.01_PM.png 2001w "sizes =" (max-width: 667px) 100vw, 667px Presentado por UX Awards

14 . Premio World of SWISS

: Mejor interfaz de usuario, Premios Webby 2015

¿Otra aerolínea ?! ¡¿Que esta pasando?! Sí, SWISS las aerolíneas construyeron un sitio increíblemente inmersivo que cuenta su historia y describe cómo es volar con ellos, y simplemente hicieron un trabajo demasiado grande para ser ignorados. Fuertes visuales y animaciones introducen al usuario en diferentes secciones del sitio que están repletas de información más allá del tono habitual de ventas y marketing que es tan común hoy en día.

 Página de inicio de World of SWISS, un sitio web galardonado "data-constrained = Ancho "verdadero" = "648" alto = "342" srcset = "https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.48.31_PM .png? t = 1526524925235 & width = 324 & height = 171 & name = Screen_Shot_2015-08-04_at_5.48.31_PM.png 324w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015 -08-04_at_5.48.31_PM.png? T = 1526524925235 & width = 648 & height = 342 & name = Screen_Shot_2015-08-04_at_5.48.31_PM.png 648w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog- Related_Images / blog / images / Screen_Shot_2015-08-04_at_5.48.31_PM.png? T = 1526524925235 & width = 972 & height = 513 & name = Screen_Shot_2015-08-04_at_5.48.31_PM.png 972w, https://blog.hubspot.com/hs-fs / hubfs / 00-Blog-Related_Images / blog / images / Screen_Shot_2015-0 8-04_at_5.48.31_PM.png? T = 1526524925235 & width = 1296 & height = 684 & name = Screen_Shot_2015-08-04_at_5.48.31_PM.png 1296w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images /blog/images/Screen_Shot_2015-08-04_at_5.48.31_PM.png?t=1526524925235&width=1620&height=855&name=Screen_Shot_2015-08-04_at_5.48.31_PM.png 1620w, https://blog.hubspot.com/hs-fs/ hubfs / 00-Blog-Related_Images / blog / images / Screen_Shot_2015-08-04_at_5.48.31_PM.png? t = 1526524925235 & width = 1944 & height = 1026 & name = Screen_Shot_2015-08-04_at_5.48.31_PM.png 1944w "sizes =" (max-width : 648px) 100vw, 648px Presentado por The Webby Awards

15. Reductress

Premio: mejor sitio web de humor, 2018 Webby Awards

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 de manera consistente para una gran audiencia. Reductress es una revista satírica cuyos titulares y experiencia general de lectura son de primer nivel en el departamento de humor, lo que convierte al sitio web en una propiedad de calidad.

 Página de inicio de Reductress, un sitio web galardonado Presentado por The Webby Awards

Otros Cool Website Designs

16. Minimums

Minimums adopta un enfoque muy audaz sobre la forma en que muestran su contenido, aprovechando un diseño de sitio web basado en cuadrículas, una gran tipografía y imágenes de ancho completo y alta calidad. Su sitio sirve como un muy buen ejemplo de cómo ejecutar correctamente una estructura de cuadrícula, manteniendo al mismo tiempo una agradable jerarquía visual en el diseño.

 Página de inicio de Minimums, un sitio web con un diseño moderno "con datos limitados" = "true" width = "648" height = "342" srcset = "https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/Screen_Shot_2015-08-04_at_5.59.54 _PM.png? T = 1526524925235 & width = 324 & height = 171 & name = Screen_Shot_2015-08-04_at_5.59.54_PM.png 324w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/ Screen_Shot_2015-08-04_at_5.59.54_PM.png? T = 1526524925235 & width = 648 & height = 342 & name = Screen_Shot_2015-08-04_at_5.59.54_PM.png 648w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog -Related_Images / blog / images / Screen_Shot_2015-08-04_at_5.59.54_PM.png? T = 1526524925235 & width = 972 & height = 513 & name = Screen_Shot_2015-08-04_at_5.59.54_PM.png 972w, https://blog.hubspot.com/hs- fs / hubfs / 00-Blog-Related_Images / blog / images / Screen_Shot_2015-08-04_at_5.59.54 _PM.png? T = 1526524925235 & width = 1296 & height = 684 & name = Screen_Shot_2015-08-04_at_5.59.54_PM.png 1296w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog-Related_Images/blog/images/ Screen_Shot_2015-08-04_at_5.59.54_PM.png? T = 1526524925235 & width = 1620 & height = 855 & name = Screen_Shot_2015-08-04_at_5.59.54_PM.png 1620w, https://blog.hubspot.com/hs-fs/hubfs/00-Blog -Related_Images / blog / images / Screen_Shot_2015-08-04_at_5.59.54_PM.png? T = 1526524925235 & width = 1944 & height = 1026 & name = Screen_Shot_2015-08-04_at_5.59.54_PM.png 1944w "sizes =" (max-width: 648px) 100vw, 648px

17. Guillaume Tomasi

Como fotógrafo en Montreal, Guillaume Tomasi ha creado una cartera que es verdaderamente adecuada para albergar su fotografía única e impresionante. Su estilo de fotografía surrealista se yuxtapone por su diseño de cartera simple, plano, vacío y minimalista que centra todo en el trabajo en sí.

Su navegación en serie única junto con presentaciones de trabajo inspiradas en la galería de arte y las interacciones perfectas de desplazamiento producen una experiencia que recuerda a la de una galería real.

 Página de inicio de Guillaume Tomasi, un sitio web genial con gran uso de la fotografía

18. The District

Esta agencia de branding toma sus imágenes en serio, y debería hacerlo: maneja todos los canales de medios para sus clientes. El sitio web del Distrito solo, es un viaje por algunas de las ilustraciones y fotografías más bellas que jamás hayas visto.

Estos mosaicos provocativos cambian rápidamente a medida que exploras el sitio web, y cuanto más extravagantes parecen, cuanto más te interesas en aprender sobre su trabajo anterior.

 Página de inicio de The District, un sitio web genial para la compañía con diseños abstractos

19. Tej Chauhan

Tej Chauhan ha convertido la obra de arte impresionista en un modelo de negocio con este intrigante sitio web. Cada imagen en la página principal del desarrollador de este producto se desliza para cubrir la imagen anterior, ofreciendo poco contexto alrededor del objeto que ahora ve delante de usted.

¿Pero no es esa falta de contexto exactamente lo que le hace querer aprender más? El eslogan, "Recuerdos del futuro cercano", sugiere que estos objetos son parte de su línea de productos y una oportunidad para que incorpores estos objetos innovadores a tu vida.

 Página de inicio de Tej Chauhan , un hermoso diseño de sitio web de la compañía con fotografía abstracta

20. Amanda Martocchio Architecture

Una empresa de arquitectura podría no especializarse en el desarrollo web, pero su sitio web aún debe demostrar su compromiso con el diseño visualmente agradable. Amanda Martocchio tomó esto muy en serio con este magnífico sitio web.

No es ningún secreto que Amanda Martocchio Architecture ama su trabajo: cada imagen en la página principal de su sitio web es una toma encantadora de las casas que la compañía diseña . El sitio web etiqueta cada casa con la que se desplaza con el tipo de diseño que se pretendía, junto con numerosos ángulos para cada edificio.

 Página web de Amanda Martocchio Architecture, un sitio web de la compañía con bellas fotografías

¿Desea más ejemplos de diseño de sitios web ? Eche un vistazo a estas increíbles páginas de productos que deseará copiar de inmediato.

 ejemplos de páginas de inicio, blogs y diseños de páginas de inicio



Source link