Los 15 sitios de WordPress que cambian el juego de diseño

¿Alguna vez te has conocido en un sitio web y pensaste “Wow, ¿cómo hicieron esto?” Sé que tengo. Aparecen nuevos sitios web todo el tiempo, que causan convenciones y superan los límites de lo que (y debería ser) un sitio web. Pero, ¿qué pasa con los sitios construidos en WordPress en particular? Debido a que muchas personas usan temas, hay una reputación que sigue a este CMS como si no pudiera usarse para crear cosas realmente notables. Pero tengo una noticia para lo decepcionante: los sitios de WordPress pueden tener tanto factor wow. Pasé un tiempo cavé en las mejores listas, sitios de premios y pedí contribuciones de diferentes grupos de WordPress para crear una mejor lista con los mejores sitios de WordPress allí en este momento. Recuerde, estos sitios no solo son buenos (si lo fue, la lista sería cuatro veces su longitud actual); También son únicos y exceden los límites en términos de diseño, navegación, UX, UI, efectos o contenido. Son simplemente para ver.
El sitio web de Servicios de Catering de Amaling para Amalthea Catering Services se basa en el tema Vigor de los temas de borde. Esto junto con el complemento de capas crea un efecto interesante en la ejecución. A medida que corres, dos imágenes se deslizan juntas como piezas de rompecabezas. Lo que hace que esto sea particularmente efectivo es la selección de imágenes audaces de alta calidad. Y no es solo comida, presenta a las personas que interactúan con la comida de manera extraña, una mujer que se comporta como si estuviera a punto de comer un pescado crudo enorme, por ejemplo. Cruzar el sitio de Amaltea es divertido.
Una vez más, el sitio en sí no es tan único, pero la combinación de características crea una apariencia visual increíble que es difícil de olvidar y un placer de navegar. Stupid Studios Studios Studios es una agencia de diseño y marca danesa que ha agregado algunos acentos de diseño adicionales para agregar atractivo visual, por supuesto, pero también para crear un elemento de interactividad. El sitio parece bastante estándar, aunque bien diseñado, a primera vista. Combine los efectos del paralaje con una diapositiva estratificada y el sitio de cartera tradicional para un efecto único que actúa como una herramienta de marca sólida. Luego navega por los estudios de caso en la diapositiva principal haciendo clic y tirando de ellos hacia la izquierda.
El estúpido sitio de Studios está lleno de color e interactivo. No sucede nada revolucionario aquí, pero la combinación de efectos funciona muy bien. Además, la gran tipografía atrae la atención inmediata y garantiza que cada sección de esta página pueda estar de pie. Un viaje desactivado a los sitios de desfile horizontales AO.com definitivamente aumenta en popularidad, pero siempre será efectivo si se hace correctamente. Ao.com tiene un excelente ejemplo de desfile secundario en su página de viaje sin residuos, que ofrece consejos de compras para estipular el desperdicio de alimentos.

Un viaje desactivado ofrece consejos sobre cómo prevenir el desperdicio y ahorrar dinero. Durante el “viaje”, siga un carrito de compras a través de la tienda hasta llegar a la casa, y se ofrecen muchos consejos de compras. Todo se basa en un tema personalizado de WordPress, lo que hace obvio que cualquier limitaciones que la gente haya atribuido previamente a este CMS caiga rápidamente en el borde. Midori Aoyama es otro ejemplo de sitio de WordPress que despierta el interés de los visitantes, incluidos los efectos de animación sutiles y los elementos visuales. Las líneas geométricas, como las constelaciones, flotan alrededor del nombre DJ Midori Aoyama y se vuelven azules en el flotador. En el desplazamiento, el visitante se muestra en noticias, luego se le ofrecen imágenes con un ancho completo con un texto grande, pero rara vez. Sobre el texto en el segundo. El tercer bloque tiene una animación relevante. Es un sitio bastante simple en estructura y contenido, pero la ejecución es donde brilla.

DJ Midori Aoyama aparece con brillantes tonos de azul y verde.
Wanda Print Productions y Creative Studio no llegan al sitio de impresión Wanda. Por supuesto, tiene opciones de navegación tradicionales, para que los visitantes puedan aprender más sobre el estudio, su enfoque para trabajar y cómo ponerse en contacto, pero guarda todo esto para un menú extensible, en un estilo móvil, oculto en el lado izquierdo de el monitor.

Wanda Print presenta su cartera como una presentación de diapositivas sorprendentes e interactivas. De esta manera, toda la atención del visitante se coloca en las piezas prominentes de ancho completo. Y hay mucho. Puede continuar desplazándose y ejecutando y descubriendo 32 anuncios o diferentes campañas a considerar. Es impresionante lo cautivador que es y nos da otra oportunidad para apreciar la versatilidad de WordPress. Disparé un sitio súper divertido por una causa súper buena. El estudio creativo que le filmé desde entonces se ha fusionado con ingenio cultivado, pero vale la pena señalar el diseño original del sitio. La imagen de encabezado atrevido atrae al visitante y el trabajo de cartera puede hablar consigo mismo. Las opciones tipográficas son igual de atrevidas, la redacción es personal y linda, y el sitio en sí se basa en un tema personalizado. Los pequeños detalles aquí son lo que más aprecio.
Le filmé usas imágenes en negrita y una gran tipografía. Desde el texto con el mouse que revela un lema menos que motivacional, hasta el diseño del diseño que trae una sonrisa, le filmé que muestra que puedes usar WordPress para ser tan creativo y divertido como quieras y aún no hacer una plena funcional sitio web.
Inteligencia cultivada Hablando sobre este sitio, el ingenio cultivado es en realidad un gran ejemplo de sitio de WordPress que cambia el juego por el propio. Para empezar, el logotipo es interactivo en la imagen de encabezado más grande. El pergamino revela mucho sobre el texto, luego un video de fondo para aumentar el interés. El contenido es divertido, por supuesto, y cautivador. Y una vez que haya accedido a la cuarta sección de la página, ingrese en un reino de una broma interactiva en la que se le hace una serie de preguntas extrañas, solo porque sí. Échale un vistazo. Cuando muchas personas piensan en WordPress, imaginan un sitio corporativo obsoleto o un blog simple. Este sitio definitivamente rompe estos moldes.
Letters, Inc Letters, Inc es un equipo de diseño en Tokio, que ofrece algo nuevo para el mundo de WordPress. El sitio web de cartera de la compañía es el estándar de una página con efectos de paralaje, pero la forma en que se ejecutan hace un punto de vista de ver.

El diseño presenta líneas dinámicas y patrones geométricos que se deslizan en la pantalla para crear ilustraciones. Hay una característica que le permite cambiar el esquema de color del sitio y los efectos de animación en ambos lados de la pantalla, lo que le da a todo una apariencia de latidos del corazón.
Sitio web de Letters, Inc con un diseño complejo. La sorprendente exhibición de la cartera también le brinda la perspectiva completa de cómo crearon cada diseño.

Letters, Inc también es la fuerza creativa detrás del sitio web de Midori Aoyama mencionado anteriormente. Niños invisibles Este sitio dinámico (si no una carga lenta), los niños invisibles ofrecen una multitud de cosas que ver y experimentar mientras absorben información sobre un tema muy serio. Algunas funciones incluyen un video de fondo de pantalla completa, imágenes superpuestas de imágenes de cartera, botones de servicio muy grandes, un blog de estilo de mampostería y un botón de donación de desplazamiento. El sitio tiene un mensaje claro y usa WordPress para transmitir esta información de manera efectiva. Los niños muy invisibles son interactivos frente a usted.
Tipográfico Este sitio se casa con lo más hermoso con la forma y la operación. Parece basarse en un tema implícito de WordPress, pero la ejecución es realmente interesante. No solo es bueno mirarlo, sino que también usa los elementos tipográficos que tiene como punto central en cada elemento del sitio. Use varias fuentes como antiestas, texto del cuerpo y enlaces especiales. Una de mis características favoritas es la forma en que se cambia el tipo de litro utilizado para la placa de identificación cada mes.

Typographica es una revisión de las fuentes y libros tipográficos, con comentarios ocasionales sobre fuentes y diseño tipográfico. En este momento, tiene Gothic de boda ATF, pero ¿quién sabe qué podría seguir? Diseñe el sitio web del planeta Diseño del planeta no se ve diferente de otros sitios a primera vista. Eso es hasta que te das cuenta de que corre hacia arriba, no abajo. Este pequeño truco de diseño corresponde al tema de lanzamiento del transbordador del sitio. La apariencia es muy similar a la mayoría de los sitios de una página, pero hay un aire de capricho que distingue este sitio. El sitio está lleno de diapositivas interactivas para navegar por sus socios y trabajos de marca. Retrasar el diseño del sitio web El planeta lo sorprenderá, pero solo por un segundo. Una vez más, este no es el sitio más atractivo del mundo o incluso el más innovador, pero me gusta cómo la marca está perfectamente integrada en el contenido y cómo el usuario interactúa con el sitio. El sitio web de la Universidad de Mary Washington de la Universidad de Mary Washington se parece a la mayoría de los otros sitios universitarios. Ofrece una diapositiva con la información esencial que los nuevos estudiantes y los que llegan a conocer. Tiene secciones separadas para maestros, personales y estudiantes. También tiene orientación para aquellos que planean una visita al campus. Pero lo que creo que hace que este sitio se destaque es el uso de botones de accesibilidad prominentes. En el lado izquierdo de la pantalla, verá dos botones superpuestos. El primero le permite cambiar el esquema de color del sitio para un alto contraste (llamado e invertido), lo que hace que sea más fácil de leer por los daltonicos. El segundo aumenta en gran medida el tamaño del texto para personas con discapacidad visual.

Mary Washington hace que la accesibilidad sea una característica clave de su sitio web. Ciertamente vale la pena señalar la integración perfecta de accesibilidad aquí. Soy el sitio de la red de televisión, AMC, es muy simple. Tiene grandes imágenes, solo el texto esencial y algunas opciones de navegación en la esquina superior derecha. También tiene un menú de caída que ofrece todos los programas de red actuales, por lo que puede hacer clic para ver los episodios completos allí mismo. La apariencia es simple, pero se escala maravillosamente y actúa como un buen ejemplo de cómo los clientes de alto perfil pueden usar WordPress con ricas necesidades multimedia. El sitio web es audaz y fácil de navegar.
El martillo de terciopelo del grupo de música y gestión está muy bien hecho. Para empezar, puede elegir la banda sonora de Velvet Hammer en la esquina superior derecha, luego desplazarse hacia abajo para experimentar cada sección de este sitio con una página. El aspecto es simple: desplácese para ver a sus clientes, sobre información de contacto, oficinas, etc. – Pero la presentación es intuitiva, cautivadora y restringida, sin estar demasiado frontal. Mientras era sueños románticos de Deftones, pude navegar por el sitio sin divertirme.

El sitio de terciopelo es increíble y minimalista. Mi parte favorita es la sección “CLIENTES”. Te presentan una imagen con AFI y una flecha a la derecha. Puede navegar por las imágenes de cada banda desde la lista de Velvet Hammer aquí, pero si hace clic en el centro de la imagen, la página se está ejecutando y aparecerá una nueva página emergente con todo lo que podría querer saber al respecto. artista. Con Gas sigue siendo un sitio web de cartera de una página, pero captura su atención, reuniéndose con un personaje de 8 bits. Este personaje irá a cualquier parte hacer clic en la pantalla y deshacerse de un yo-yo al hacer clic en un enlace. Es un truco, por supuesto, pero efectivo, porque inmediatamente me llamó la atención y agregó cierta personalidad a un sitio que podría han sido tarifa estándar. Con Gas parece ser un tema infantil del padre, Starkers. (Nota al editor: los enlaces se han eliminado porque el sitio y el tema ya no están activos) La conclusión, aunque está seguro de que hay muchos otros sitios excelentes de WordPress que causan la convención de diseño, esperamos que estas quince selecciones Muestre que no hay límites para lo que puede lograr con este CMS.
Ahora quiero saber de ti. ¿Qué te gusta de los sitios presentados aquí? ¿O crees que estoy en el mejor de los casos? ¿Cuáles son algunos sitios que has encontrado y quién crees que debería haber estado en la lista? Comparta sus sugerencias a continuación.

Etiquetas:

Marca

diseño

marketing