Para definir cuales son los mejores diseños de webs hay que contar con los que más saben. Hemos hablado con 4 grandes estudios creativos: Koln Studio, Fuego Camina Conmigo, Erretres y Yarza Twins y también con el colectivo Ink & Movement que han seleccionado para nosotros sus webs favoritas.
Los diseñadores han seleccionado las webs que más han valorado por su nivel de creatividad. Gracias a su selección se pueden definir cuales son las tendencias del UX, UI y el diseño web y conocer cuales son las webs más valoradas por los diseñadores y por qué. La selección incluye por un lado una tendencia al diseño minimalista y tipográfico, webs inspiradas en el diseño editorial – como apuntan desde el estudio Fuego Camina Conmigo-. Por otra, una tendencia más experimental e interactiva que juega tanto con el diseño visual como con el usuario.
Aquí os dejamos los mejores diseños web según estos equipos creativos
Imágenes superiores: 1/Klikkentheke.com 2/www.visualartists.com
>>>>>>>>>>>> KOLN STUDIO
1) Klikkenthéke. www.klikkentheke.com
La primera web seleccionada por Koln Studio es Klikkentheke.com. “El archivo de webs (con un buen diseño) más grande que existe en la red.Hasta la fecha en la que escribimos esto, tienen 2348 web en su archivo y es una plataforma realmente útil para descubrir webs con un buen contenido, buen diseño, buena usabilidad, o simplemente webs experimentales que resultan interesantes”, cuentan desde el estudio. La web está comisariada, diseñada y programada por el estudio Division Binaural. La web es una fuente de inspiración para diseñadores que pueden buscar los contenidos por etiquetas como Big typography, clean, dark, light, big title, onepage o typographic y englobla las nuevas tendencias del diseño web. Su diseño minimalista y en blanco y negro está inspirado en el diseño editorial, con una maquetación limpia basada en columnas y un diseño tipográfico.
2) David Liebermann. www.davidliebermann.de
La segunda selección de Koln Studio es una web experimental del programados David Liebermann que ha desgranado un currículum tradicional hecho con la Times New Roman, y hace que caigan las letras, convirtiendo la web casi en una instalación artística. “Para la segunda de las referencias os enseñamos a David Liebermann, un programador web que trabaja el código creativo, y que realiza propuestas de web con una navegación, efectismos o resultados siempre experimentales y con bastante creatividad. La mayoría de las veces trabaja con la antiestética, con los efectos “glitch” de la programación, o resultados fuera de lo común, lo que muchas veces hace que sus webs sean inmanejables. Pero aún así resulta muy interesante porque gracias a su trabajo, se avanza en el terreno creativo de esta profesión muchas veces olvidado.”
__
Estudio de diseño basado en Madrid. Desde su fundación en 2014 se han dedicado al diseño en distintos ámbitos –campañas, identidad visual, publicaciones impresas, diseño web, desarrollo web y diseño digital. Han realizado trabajos para Absolut, Canada, Centro de Nuevos Creadores, Cheil España, City of Madrid, Club Matador, La Despensa, Estrella Galicia, Fundación La Caixa, Grupo Planeta o HBO entre otros.
www.kolnstudio.com
>>>>>>>>>>>> FUEGO CAMINA CONMIGO
3) Typography Principles. typographyprinciples.obys.agency
La primera referencia de Fuego Camina Conmigo es una web basada en los principios de la tipografía. Una web didáctica e inspiradora con recursos interactivos para profundizar en las nuevas tendencias y normas del sector. Como explican desde Fuego Camina Conmigo su diseño está basado en la interacción y el diseño editorial, con una navegación basada en el scroll en la que todo se va moviendo. “El diseño web está experimentando una curiosa evolución que lo acerca al mundo editorial. En la actualidad, los diseños más innovadores del entorno digital son aquellos que beben directamente de los códigos de la cartelería, pero agregándole de manera brillante, la parte interactiva y animada para convertir la navegación en una experiencia. No se trata solo de diseñar bien, sino de tener la habilidad de estructurar y conformar una arquitectura web en la que cada movimiento e interacció tengan sentido. Por último, nos resulta destacable el rol que cumplen desde Obys Agency, no solo como expertos en diseño digital, sino también como influencia para el resto del sector.”
4) Canals, Amsterdam. canals-amsterdam.nl
La web Canals es la segunda seleccionada por Fuego Camina Conmigo. La web incluye un sistema de navegación por scroll innovador además de un diseño editorial muy cuidado. “Se trata de un claro ejemplo de la actual tendencia existente en la que se mezcla el diseño editorial y el diseño web. Con una puesta en escena brillante, nos muestran la historia de los canales de Amsterdam como si la estuviramos conociendo a través de las páginas de un libro. Una web que nos invita a navegar a través de su acertado diseño, de sus delicadas animaciones y por su puesto, a través de cada canal de Amsterdam.”
__
Fuego Camina Conmigo es una agencia creativa digital con sede en Barcelona. Desarrollan e implementan estrategias de comunicación, contenido y medios, estrategias digitales y conceptualización. Son especialistas en explorar la interacción entre las marcas y las personas y en la creación de mensajes que impactan en el usario. Editores de la revista La Nueva Carne para reflexionar en analógico sobre el diseño digital. Entre sus clientes: Cacaolat, Noora, Jumpers, Xibeca, Decathlon, Estrella Damn, Nespresso o Etnia Barcelona.
www.fuegocaminaconmigo.com
>>>>>>>>>>>> ERRETRES
5) Maserati. www.maserati.com
La web de la marca de coches Maserati es la primera selección del estudio Erretrés. Una web con mucho contenido pero bien estructurada. Su diseño es sencillo pero con una experiencia de usario fácil en la que puedes encontrar lo que necesitas de manera tradicional y un diseño muy cuidado. Cuenta con un configurador en el que el usuario puede crear o imaginar su propio coche de lujo. “Una apuesta por el diseño digital de una marca de lujo, lo cual no es muy habitual. Con microanimaciones interacciones y descargables muy cuidados”, explican desde Erretrés.
6) MTA Live Subway Map. map.mta.info
La segunda elección de Erretrés es el plano digital de Nueva York. El estudio Erretrés lo valoran por su dificultad: “Seleccionamos el mítico mapa de metro de Nueva York en digital y en tiempo real. Un proyecto difícil de diseñar y desarrollar” . Un plano virtual práctico en el se incluyen las paradas de metro de la gran manzana y también el tiempo de espera hasta el próximo tren. Su diseño es minimalista, basado en el plano de Nueva York y diseñado utilizando únicamente la mítica Helvética Neue.
__
Erretrés es una agencia de Branding digital fundada en Madrid por Pablo Rubio Ordás en el 2003. Ofrecen estrategia de marca, diseño de marca, productos digitales, servicios de diseño editorial y retail. Algunos de sus clientes son El País, Canal +, Banco Pichincha, SIDO, KPMG, Ecoalf, Virgin Money, Movistar, Bankia, Ayuntamiento de Madrid, BBVA, EY, Everis, Mango, VISA entre muchos otros.
www.erretres.com
>>>>>>>>>>>> INK & MOVEMENT
7) Tarot-o-bot. www.tarotobot.illo.tv
Desde Ink & Movement han seleccionado una web experimental y creativa. La web está basada en el uso de iconos y las microanimaciones. Una web dinámica y basada en el color con un diseño urbano y artístico. La web está basada en el tarot con un punto de humor y predice como será tu horóscopo de diseño. “Esta web nos atrae sobre todo, además de por su diseño, por la idea que hay detrás de ella. Esa frase que aparece nada más entrar en ella es uno de los CTA más atrayentes en años para todos aquellos interesados en el motion graphics, la ilustración y el diseño en general. Desde Italia con amor.”
8) Warhol. waaarhol.com
La segunda selección de Ink & Movement cuenta la historia de Andy Warhol mediante citas, datos biográficos, fotografías y mediante su obra. Mediante el scroll hacia abajo se van sucediendo todos los acontecimientos. Una web super creativa, basada en el diseño tipográfico y en la animación y en la que como dicen desde Ink & Movement puedes pasarte horas buceando en ella. Una web totalmente experimental y digital. “No es la web más intuitiva y sencilla del mundo, pero ¿quién necesita eso cuando te puedes pasar horas buceando por ella gracias a su diseño? Creemos que el propio Warhol estaría más bien de acuerdo.”
__
Ink & Movement es una plataforma y agencia profesional de artistas contemporáneos con sede en Madrid. Un proyecto que lleva más de 10 años promocionando artistas urbanos contemporáneos que ha vivido la evolución del género. Su objetivo es difundir el arte contemporáneo y acercarlo al público. Entre su line up de artistas, grandes artistas urbanos como Ana Barriga, Franco Fasoli, Misterpiro, Okuda San Miguel y Spok Brillor.
inkandmovement.com
>>>>>>>>>>>> YARZA TWINS
9) Visual Artists. www.visualartists.com
Yarza Twins han seleccionado la web de Visual Artists como primera elección, un archivo de artistas visuales contemporáneos. En ella se muestran los últimos proyectos de diseñadores, fotógrafos, directores de arte y estilistas y funciona como fuente de inspiración para proyectos de dirección de arte. Su diseño está inspirado en el diseño editorial, e introduce elementos visuales y tipografícos además de fondos animados. Una web que marca las tendencias contemporáneas en el diseño web tanto por su diseño como por su contenido.
10) Daniel Sannwald. danielsannwald.com
La segunda referencia de Yarza Twins es web del fotógrafo Daniel Sannwald. Una web no convencional y experimental en la que es el propio usario el que decide el ritmo al que quiere ver las imágenes y dónde quiere detenerse o seguir. La web se convierte en un juego visual para el usuario y una forma única de enseñar el portfolio de un fotógrafo.
__
Yarza Twins es la agencia de diseño de las gemelas Yarza Twins con sedes en Londres y en París. El estudio ha ganado numerosos premios, entre ellos: el Premio Nacional de Diseño 2020 (Premios Nacionales de Diseño), Lápiz D&AD en Diseño de Packaging 2018 y el Premio Gallego de Innovación y Diseño 2021. Además de realizar la dirección de arte de una nueva etapa para Neo2, han trabajado para grandes cuentas como Smirnoff, Adidas, Huawei, Converse, American Apparel y como directoras de arte de músicos como Solomon Grey, Carly Rae Jepsen o Lou Elliotte.
www.yarzatwins.com
