¿Cuáles son algunos de los sitios web mejor diseñados en línea?

15 sitios web galardonados con diseños hermosos (y funcionales)

Escrito por Austin Knight

MARKETING | 7 minutos de lectura

De vez en cuando, me encuentro con un sitio que realmente me hace parar y pensar. Un sitio que empuja 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, todos sabemos lo que es tropezar con una obra maestra. Como era de esperar, existen muchas organizaciones para resaltar estos sitios y las contribuciones que hacen a la web . Para ayudar a sacar a la superficie algunos de los diseños más inspiradores, reuní 15 de los “sobresalientes” recientes que se han abierto paso a través de varias organizaciones de premios clave, incluidos Awwwards, UX Awards, The Webby Awards, SiteInspire, Think with Google, BestWebsiteGallery, y FWA.

Mientras navega por la lista, sepa que cada sitio se destaca a su manera y busca servir a 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. Por el contrario, son excelentes maneras de obtener algo de inspiración para el diseño de sitios web y ver el marketing de vanguardia que está sucediendo en los diferentes rincones de la web.

15 de los mejores diseños de sitios web para inspirarte

1) alimentación

Feed no solo es 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 sitio atípico, también contiene varios elementos únicos de usabilidad, incluida una navegación que también funciona como una barra de progreso de desplazamiento.

Destacado por Awwwards

2) ETQ

ETQ adopta un enfoque muy minimalista para el comercio electrónico con su sitio simplificado con imágenes grandes y convincentes de su producto. Los fondos simples, planos y basados ​​en el color, acompañados de una tipografía sólida, ayudan a mantener el foco en exactamente lo que el usuario vino a ver: los zapatos.

Destacado por Awwwards

3) Mikiya Kobayashi

Mikiya es un diseñador de productos con una cartera minimalista que muestra su trabajo a través de fuertes fotografías y animaciones sutiles. Su sitio completo fue creado originalmente en japonés y luego traducido al inglés, lo que ayuda a demostrar la escalabilidad internacional de su diseño.

Destacado por Awwwards

4) La historia del cambio climático

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

Destacado por Awwwards

5) Virgen América

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

Destacado por los premios UX

6) Mundo de SWISS

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

Destacado por los Premios Webby

7) LA Times

Si bien los sitios de noticias no son exactamente conocidos por tener los mejores diseños o por ser los más fáciles de usar, el sitio de Los Angeles Times se ha actualizado con un diseño simple, similar a un periódico, fácil de leer y navegar.

Destacado por los Premios Webby

8) Mínimos

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

Destacado por SiteInspire

9) Guillaume Tomasi

Como fotógrafo en Montreal, Guillaume Tomasi ha creado una cartera que realmente se ajusta para albergar su fotografía única e impresionante. Su estilo fotográfico surrealista está yuxtapuesto por su diseño de cartera simple, plano, vacío y minimalista que pone todo el foco en el trabajo en sí. Su exclusiva navegación en serie junto con las presentaciones de obras inspiradas en la galería de arte y las perfectas interacciones de desplazamiento producen una experiencia que recuerda a la de una galería real.

Destacado por SiteInspire

10) matar a Kennedy

Toneladas de medios de comunicación cubrieron el 50 aniversario de la muerte de John F. Kennedy, pero debido al diseño de su sitio web, National Geographic pudo destacarse. Utilizando el desplazamiento de paralaje para mostrar una mezcla de video, audio y hechos históricos, el usuario está inmerso en la historia y la dualidad de las vidas de John F. Kennedy y Lee Harvey Oswald.

Destacado por Think with Google

11) Gran cartel

A pesar de ser una empresa relativamente grande, Big Cartel crea una experiencia muy simple, directa y convincente al liderar con un titular creativo, un video y … prácticamente nada más. La navegación simple y buenos ejemplos de sitios creados con su plataforma ayudan a servir como contenido de soporte que cuenta el resto de la historia.

Destacado por BestWebsiteGallery

12) Beagle

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

Destacado por BestWebsiteGallery

13) revista tejida

Woven es una publicación en línea que celebra a artistas, artesanos y fabricantes por igual. Para mí, representan una confirmación de que las publicaciones pueden (y deberían) tener sitios hermosos 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í.

Destacado por BestWebsiteGallery

14) Dentro de Abbey Road

Google lo eliminó del parque con este sitio altamente interactivo, que permite a los usuarios ingresar a los estudios Abbey Road. El diseño de sonido brillante, la mecánica de navegación y las imágenes mezcladas con el “estilo de Google” habitual ayudan a atraer a los visitantes a este sitio bien hecho.

Destacado por FWA

15) Judía de JOHO

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. Todos estos se unen para crear un sitio atractivo, emocional y atractivo que cuenta la historia del viaje de un grano de café.

Gracias.

Recientemente he atrapado en 2 artículos que podrían responder a su pregunta:
11 excelentes diseños de interfaz de usuario: estos son buenos ejemplos de diseños de interfaz de usuario que muestran lo que es realmente importante en el diseño web.
50 grandes sitios web de desplazamiento de paralaje: este artículo muestra cómo un sitio web puede hacerse interesante e interactivo.

Creo que un sitio web bien diseñado no siempre significa que debería ser atractivo para la vista. Un sitio web debe hacer eco de la marca de la empresa y simplemente hacer que el usuario complete la tarea para la que inició sesión.
Un sitio web bien diseñado no hace pensar al usuario, sino que lo guía automáticamente y su atención a las partes más importantes.
Dicho esto, creo que McMaster-Carr es uno de los principales ejemplos de dichos sitios web. Puede que no sea uno de los sitios web bonitos del bloque con colores mínimos, imágenes HD, gráficos planos personalizados, pero lo que puede hacer es simplificar el uso del sitio web.

Ahora, imagine que está trabajando en algún proyecto de hardware y que requiere algún tipo de ejes. Ya sabes, cómo deberían verse los ejes, pero no tienes ni idea de su nombre industrial. Entonces, ahora puede hacer un viaje a su ferretería local y hacer un gran esfuerzo buscando o explicando al asistente el tipo de parte que necesita.

O bien, puede iniciar sesión en McMaster-Carr y simplemente desplazarse por la sección del eje y echar un vistazo a las imágenes extremadamente detalladas y sabría exactamente lo que desea. De nuevo, tan buenos diseños

@ http://www.lechalo.in sitios web mejor diseñados.

El software de diseño gráfico increíblemente simple es genial

Personalmente, considero que el sitio web de AirBnB es uno de los más atractivos:

http://www.airbnb.com

Cuando pienso en un sitio bien diseñado, generalmente pienso en Google. Si bien no es bonito, no está ahí para ser. Su diseño le permite ser lo que es, ni más ni menos.