¡Más de 20 sitios creativos que hacen que los usuarios pasen WOW!

Una de las cosas que he aprendido en mi vida es que no hay necesidad de reinventar la rueda. También puede aplicar esto a los sitios web de diseño. No comience desde cero, puede sentirse abrumado. Encuentra inspiración. Es muchas cosas allí. Hice algunas cosas difíciles por ti e investigué un poco para sitios web bellamente creados (y que es lo que los hace funcionar). Compruébalos a continuación. Cómo hacer un sitio web creativo a continuación encontrará los 6 ingredientes principales para el diseño web creativo. Que se llamen teoría. Y, así como las cosas comienzan desde la teoría, hablemos de técnicas de creatividad.
1. Organice el sitio web de manera diferente, pero concéntrese en la usabilidad, sin embargo, las personas están acostumbradas a la calificación de cierta manera, siguiendo una forma de pensar probada y a gran escala. Por lo tanto, las mejores prácticas en el diseño web han formado sus expectativas sobre el lugar donde pueden encontrar qué en un sitio web. En línea, sus expectativas son cumplidas por los elementos tradicionales del sitio web reunidos de manera tradicional. De alguna manera, este fenómeno adorna su atención y podría ignorar partes importantes de su mensaje. Aquí viene la violación de la lógica convencional. Sorprender a la gente, sorprendas si es necesario.
Una mirada en teoría, por ejemplo: Rivercliff Ranch – Menú vertical que sale de la sala para presentar imágenes

RiverCliff Ranch se abrió paso a través del rigor del diseño web:
colocar el menú en la vertical
El menú está configurado en un fondo transparente
Los visitantes solo se fueron paseados por la galería de fotos
Al cambiar la página, un ligero efecto de reducción / ampliación conserva un registro de elegancia para el menú vertical.
2. Use el pensamiento lateral para crear asociaciones inusuales El pensamiento lateral es una técnica creativa que implica un razonamiento que no es inmediatamente obvio y utiliza asociaciones inusuales. Este razonamiento no sigue la lógica tradicional paso a paso. Y los resultados pueden ser hermosos. Otro aspecto en teoría, por ejemplo: Bamfieldms – Conectando el Centro de Ciencias Marinas con un pie de agua
Todos esperan que hable un centro de ciencias marinas … ecosistemas marinos. Pero para llevar el ecosistema marino al sitio, esto es inusual:

Las páginas del sitio están literalmente inundadas
Hay información básica que se ahogaron en aguas
El administrador del sitio utiliza imágenes sugestivas de fondo relacionadas con el marino.
3. Finge que no tiene que codificar grandes ideas puede parecer difícil de poner en práctica, debido a HTML, CSS, JavaScript, etc. Sin embargo, una buena técnica creativa dice que deja el código a un lado y deja que su mente espesa el mejor diseño de sitio web. Piense, en cambio, no hay idea de que el código no pueda doblarse. ¿Cómo la teoría “fingió que no tiene que codificar” (un ejemplo)?
Perficidigitallabs – Diseño web creativo que sopla las limitaciones del código en el aire
Todo este sitio desafía las leyes de codificación y golpea los ojos.

El desfile en sí está completamente reinventado.
El trabajo de la cartera se presenta en bolas sensibles al ratón.
La transición del trabajo a la página describe un efecto de desvanecimiento / zoom-in.
El sitio web parece haber doblado todo el código de acuerdo con sus propias reglas de diseño. 4. Agregue contraste, use blanco y negro, abierto y oscuro, etc. Otra técnica de creatividad que necesita saber para el diseño web es agregar contraste a un sitio web. El contraste rompe la monotonía de la uniformidad del color y ayuda a transmitir un mensaje creativo. Una mirada a los poderes de la técnica “Agregar el contraste” thegret.agency – spot contrast
En primer lugar, es un contraste de brillo y sombra. El lugar es sensible al mouse a medida que el cursor se mueve, y el punto se mueve.
En segundo lugar, es un contraste blanco y azul oscuro; La impresión es que devuelven las páginas de un catálogo.

El sitio web presenta el logotipo casi orgánico, en forma de tinta líquida.
5. Agregue intencionalmente imperfecciones Esta técnica ayuda a establecer una conexión más auténtica con los lectores. Nadie es perfecto, pero nadie es sensible a pequeñas imperfecciones hermosas. La imperfección de un sitio web lo hace más real, más creíble, agregando autenticidad y verdad. Un vistazo rápido al uso de la imperfección para un sitio web creativo
MyEveraFterEvents: un juego sobre perfección / imperfección
El color principal es rosa, rociado en toda la página principal
Esta coherencia de los colores penetra en la perfección, al mismo tiempo que permite intentos de darle a la página un aspecto más “manual”.

Conjuntos de imperfección en la tipografía de títulos
El rosa está pintado en paralelos irregulares, dando la impresión de un álbum de ERA.
6. Salga de un aspecto prefabricado y pruebe algunos modelos creativos ¿Qué sucede si elige iniciar un diseño web y salir de un aspecto prefabricado? Puede parecer provocativo, pero apostamos a que estará más que satisfecho con aplicar esta técnica en un sitio web verdaderamente creativo. Una mirada rápida a la teoría, por ejemplo: The GoodTory – Moviendo la apariencia convencional
Los elementos convencionales le dan la ilusión de dos dimensiones de la capa
Imágenes de la sección de relaciones sexuales
Si el encabezado se derrite en un color diluido, otra sección es delimitada por la parte superior con las guijarros.

Un video parece presentarse desde detrás de escena después de que el lienzo de la página Swing se rompió en pedazos.
Al mezclar los ingredientes … mezclar los ingredientes mencionados anteriormente, conducirá a una mezcla de elementos listos para formar un sitio web creativo. Sin embargo, una mezcla desproporcionada, dependiendo del porcentaje de novedad o tradicionalismo. Continuaremos analizando cómo esta mezcla ofrece 2 tipos diferentes de sitios web creativos: cautivadores y expresivos.
Diseño inmersivo Hay sitios web que parecen haber encontrado la combinación perfecta de ingredientes. Las técnicas perfectas que hicieron que los diseñadores web alcanzaran las reglas de perfección y las superen más tarde. Son creadores de experiencias. Un visitante simplemente no puede mantenerse alejado. Cualquier nueva visita es una nueva oportunidad para crear su propia historia. Para tales sitios web, los diseñadores se vuelven poco convencionales y usan la codificación solo para explotar imágenes en un diseño de sitio web único. Proyectos únicos a través de la discrepancia entre todo lo que ya ha estado en la web y únicos a través de las experiencias que no se pueden compartir, pero que solo se sintieron individualmente. Estos se llaman sitios web cautivadores. Veamos cómo se ven algunos de ellos: Nutratedigital
El sitio web lo lleva en un camino hacia la exploración. Las transiciones de una página a otra, de una sección a otra, no son más que una sorpresa. Si te dejas ser impulsado por la navegación intuitiva, te fascinará la cantidad de que se debe parecer eligital. Linapaper
Lanapapier.fr combina estilo, elegancia e innovación de una manera extremadamente creativa. La experiencia inmersiva comienza con el encabezado, y el resto de las páginas no se quedan atrás. La navegación en el sitio es fácil, asegurando una coherencia perfecta del mensaje durante las páginas. Carbone.cerneal
Esta revista en línea hace que todo sea diferente. Tiene su propia forma de expresión. Lo inusual atrae la mirada desde las categorías de menú. Las imágenes acompañan los artículos, haciéndolos atractivos para el curioso lector. La transición de una página a otra se realiza con un gráfico intermitente que despierta impaciencia en el lector ya impaciente ansioso por leer más.
Diseño de Melville

Melville Design tiene un sitio web que impresiona con las imágenes y la apariencia únicas de sus páginas. Los objetos decorativos están expuestos al pico supremo de la belleza, lo que permite al lector construir su propio interior mentalmente, incluidos esos objetos. El sitio web de Danielspatzekacest arroja todas las leyes del diseño web, presentando la información de una manera bastante inusual. La atención se mantiene por una sucesión de elementos gráficos en el medio de la página inicial, delimitada por el resto de las líneas geométricas amarillas. A esta secuencia de gráficos se agrega movimiento, que disminuye las imágenes de una manera divertida e interesante. Además, el sitio web utiliza bien los estilos de impresión, que van de la norma a la escritura no convencional. Bonnemarque

Este sitio web es otro buen ejemplo de diseño cautivador. El juego de palabras es muy creativo y anuncia el comienzo del viaje de cualquier usuario a las páginas del sitio web. Cuando corres, las maravillosas imágenes se desarrollan, porque provienen de varias parejas de letras. Bearideas

Bearideas es creativa incluso del concepto que uso. Dependiendo del estado de ánimo del día, el visitante está invitado a elegir un oso polar o un oso negro. Además, los visitantes quedarán en un viaje que no es más que fascinante. Giampiero Bodino

Este sitio web presenta una increíble exposición de decoraciones y arte. Está estructurado en forma de libro (con capítulos) o un álbum de arte. A la explosión de artefactos le gustan los ojos y hace que el lector quiera continuar explorando el sitio web, para completar su experiencia con las creaciones de Giampiero Bodino. Diseño expresivo En el caso del diseño expresivo, hay una mezcla similar de ingredientes creativos. Sin embargo, la mezcla es desproporcionada, porque el porcentaje de elementos tradicionales es mayor. A diferencia del diseño cautivador, en el que los usuarios forman su propia historia a partir de lo que ven en el sitio, los sitios web expresivos son de alguna manera homenajes a las historias colectivas: los diseñadores de sitios web hacen al menos una cosa y los visitantes se adhieren a un especial de comunidad, siguiendo la línea. La experiencia cambiante tiene lugar en el mundo real, siendo solo una promesa para más, en el sitio. Veamos algunos ejemplos de diseño expresivo: Alpskomlekooriginality radica en lo que muestran la página inicial cuando las personas se ejecutan para ver más. Diferentes encabezados se reemplazan entre sí en un pergamino. Cada encabezado presenta nuevas imágenes del área alpina. Como resultado, el lector estará más inclinado a beber esa leche alpina y comenzará a deleitarse con una experiencia que promete expandirse una vez que se establecen los hábitos. Tema de Mesmerize – Plantilla de sitio web de la agencia

Esta es una demostración del tema de Mesmeris y donde la imagen del encabezado es un elemento dinámico que cambia constantemente la copia del texto de “clasificación” a “optimización”, etc. Como es un sitio web de la agencia, nuestros diseñadores para un azul relajante, por sus efectos sobre los usuarios crecientes, dibujos animados estilizados con cosas serias como diagramas y análisis, recuerdan al usuario que esta es una compañía profesional que se siente como en casa. problemas complejos. Andrevvvacest Simplist Design permite al lector que quiere descubrir más información. Por lo tanto, el usuario ejecutará la página hacia abajo, buscando fragmentos de información filtrados a través de una bola azul que cambie continuamente sus tonos, textura o color, en una historia interminable. A Peau de l’Uss

Este sitio web utiliza estilos de tipografía magníficos inusuales y transiciones contrastantes de una imagen a otra y de una página a otra. Realmente expresa el poder de la obra de arte e invita a los lectores a descubrir más. Como resultado, las páginas del sitio web invitan a los visitantes a unirse a una comunidad de artistas e influencias artísticas, en aras creativas. Tema Mesmerize – Reanudar la plantilla del sitio web

Esta es una demostración sobre nuestro tema del Mesméris. Nuestros diseñadores se propusieron crear un sitio de CV para un empleado potencial que era simultáneamente profesional, objeto y amigable. En el navegador, la imagen del encabezado ocupa todo el espacio desde arriba y permite al candidato calentar al visitante con una imagen antes de que los visitantes corran a las habilidades y la experiencia profesionales reales. Cirque gruss

El sitio es creativo utilizando imágenes / videos sugerentes en el fondo. Su presencia en la página principal le da al usuario la impresión de que está siguiendo un espectáculo. La experiencia del circo se muestra en la pantalla, donde el sitio web proporciona un vistazo a lo que significan sus programas. La web Huys Nycsite utiliza la creatividad para que la navegación comience desde una barra lateral. Las categorías en el menú aparecen en el lado izquierdo de la pantalla, mientras que se muestra una imagen sugerente en el lado derecho de la pantalla. Tema Mesmerize – Sitio del sitio web para deporte

Ir al gimnasio o al ejercicio puede ser un verdadero dolor, lo que requiere una buena motivación. “Hazlo hazlo” como a Nike le gustaría. Cuando crearon este sitio web demostrativo para un gimnasio, nuestros diseñadores querían dar una bomba mental a un visitante para salir y mejorar su nivel de condición física. Por esta razón, optaron por una imagen blanca blanca de un atleta, que luego enfatiza la copia fuerte que empuja a las personas a la acción. Para concluir inmersivos o expresivos, los sitios web deben evaluarse primero desde el punto de vista de su valor para los visitantes. A veces, los sitios creativos pueden ser un valor para los usuarios, en otros momentos, puede que no lo sea. Todo depende de su éxito en el tráfico, o las conversiones, el tiempo en la página, etc. Dado su valor para los lectores, ¿qué tipo de sitio web elegiría desarrollar: uno que respete los principios del diseño cautivador o el diseño expresivo?