11 Increíbles sitios de WordPress que tienen una navegación reemplado

¿Hay algo más importante que navegar al construir un sitio web? No responda eso. No quiero comenzar un debate. Pero con lo que creo que todos podemos estar de acuerdo es el hecho innegable de que navegar es vital para el éxito de un sitio. Por lo general, los menús de navegación se limitan a varias ubicaciones clave en un sitio: la parte superior de la página, la barra lateral derecha o izquierda o en un menú extensible en un estilo móvil. Muchos de estos tienen que ver con el hecho de que la navegación siempre ha estado en sitios web. Los menús continúan permaneciendo en estos lugares, porque están sus visitantes.
Eso me hizo pensar en sitios web que no prescriben estas nociones preconcebidas sobre qué debería ser la navegación. ¿Cómo experimentan el formulario? Y, aunque la ubicación o la estructura es diferente, ¿son estos menús de navegación alternativos aún efectivos? Fui a la caza para encontrar sitios que han vuelto a aumentar. Tiraron la convención por la ventana. Y aunque los menús presentados en esta colección pueden no ser ideales para los negocios, ciertamente ofrecen algo que pensar en lo que es posible en términos de diseño creativo.
Entonces, vamos a la lista y exploremos algunos sitios que abordan la navegación tan creativa y original como cualquier otro elemento de diseño. El interactivo Forester

Forecaster Interactive es más que un sitio web, es una experiencia. Este sitio está diseñado para ser cautivador y actuar como acompañamiento del documental, el pronosticador, que cuenta la historia de la vida de Martin Armstrong, un hombre que hizo pronósticos financieros en la década de 1980 que interrumpió las economías nacionales. El sitio se presenta como un periódico impreso con grandes títulos y columnas de texto. Tiene un menú de expansión tradicional en la esquina superior izquierda, que funciona en dispositivos de escritorio y móviles, pero la presentación dentro es interesante. Proporciona tres pestañas de opciones de navegación para explorar. El primero cubre eventos clave en la película, el segundo es un filtro de categoría, y el tercero es una lista de recursos y enlaces externos relacionados con la película, Martin Armstrong y Press. Este sitio web fue creado personalizado por Nico Roicke. Use dos complementos, incluido el Dr. Splash (que puede ser propiedad) y el paquete de SEO todo en uno. Eginstill
El sitio web de Eginstill ofrece una combinación perfecta de navegación tradicional con innovaciones interesantes que garantizan una experiencia más intuitiva y cautivadora. Cuando se carga el sitio, se le presenta una imagen de pantalla completa de una cocina elegante, con un texto aromático y una flecha que le pide que se ejecute. Mientras ejecuta, la imagen se encoge a una ventana de retrato y el resto del sitio da vueltas. Tiene un diseño mínimo, con muchos espacios blancos. Pero lo que me gustó especialmente aquí fue la navegación en el lado izquierdo de la pantalla. Se enumeran proyectos de cocina individuales y, cuando pasa el cursor sobre ellos, aparece una pequeña imagen en miniatura, ofreciendo una vista previa rápida del resultado final antes de hacer clic. El sitio fue creado por Build en Amsterdam y utiliza un tema personalizado para hacer su diseño elegante y elementos de navegación simples pero eficientes. Equipo de Les Chameaux

La navegación para el sitio web del equipo Les Chameaux parece bastante simple en la superficie, pero en una inspección posterior, es fácil ver cómo difiere de lo que es típico. Hay un “menú” claramente identificado en el lado izquierdo de la pantalla, pero su contenido solo está marcado con letras. Al pasar con el mouse, estas letras se extienden para revelar el nombre completo de cada sección, incluidos “equipo”, “medios” y “contacto”.
El desarrollo también lo lleva directamente a cada una de estas secciones y, dentro de ellas, hay otras subsecciones para explorar. Por ejemplo, en la sección “Noticias”, hay números en los que puede hacer clic para revelar noticias adicionales. El creador de este sitio es Quentin Hocde utilizando un tema personalizado. El sitio también utiliza el Formulario de contacto 7. Quentin Hocde

Por cierto, Quentin Hocde, este desarrollador francés tiene un sitio de cartera que se basa en WordPress, que ofrece una presentación verdaderamente única. Es bastante impresionante por la forma en que logra ser muy atractivo, mientras que es completamente simple. Este sitio es esencialmente una página que tiene manchas blancas flotantes en un fondo azul oscuro que gira para formar diferentes formas. En la primera carga, el sitio presenta la palabra “buen día”, y en el lado izquierdo de la pantalla, una simple navegación muestra las palabras “Soy un desarrollador creativo junior”.
Al desplazarse, los puntos envueltos cambian en rosa y forman una nueva forma. La navegación izquierda ahora ofrece uno de los proyectos de Hocde. Desplácese nuevamente, obtenemos otra forma en amarillo con otro proyecto para explorar. Continúe desplazándose y todo comenzará desde el principio. También hay un hermoso enlace sobre la esquina superior derecha, que muestra un popover simple. ESY-Floresy Studio Animacji

Esy-Floresy es un estudio declarado con sede en Polonia, que ofrece una amplia gama de servicios de animación, que incluyen personajes 2D, gráficos en movimiento, multimedia, videos musicales y más. La navegación del sitio es en gran medida convencional. Hay un menú principal en la parte superior de la página. Sin embargo, las imágenes introductorias en la ventana de vista proporcionan un efecto de animación caprichoso, inspirado en el circo, desencadenado por el desfile, lo que significa que los usuarios se presentan por primera vez.
El sitio en sí se basa en gran medida en los efectos del paralaje para ayudar a la historia del estudio. Cada sección de la página tiene elementos de navegación adicionales que ayudan a los visitantes a dirigir al lugar donde desean llegar. Este sitio utiliza un tema personalizado creado por Jacek Suski. PIET OUDOLF – Gardens and Landscapes Oudolf es un diseñador de jardín y paisaje en Haarlem, Países Bajos, que crean una multitud de hermosas instalaciones en los Países Bajos, Alemania, Suecia, así como en otros países. El sitio utiliza la navegación tradicional en la parte superior. Cuando el usuario pasa con el mouse sobre el área del encabezado, el menú tiene lugar para revelar tres columnas de opciones de enlaces, incluidas las de proyectos, información y el jardín privado.

Sin embargo, lo que me notó en este sitio es la forma en que se presentan los jardines y los proyectos. Cada ubicación figura como un gran texto con una imagen del proyecto en sí utilizado para completar ese texto. Cuando va con el mouse en nombre del proyecto, aparece la imagen completa, ofreciendo una excelente vista previa del proyecto antes de hacer clic. Realmente es suficiente innovador. Este sitio utiliza un tema personalizado desarrollado por Studio Naam. También utiliza el complemento WP Retina 2X. Entre el rojo y la punta de los pies
Entre Red & Toe se encuentra un diario de fotografía de Amit Adams que relata su vida, incluida la sorpresa del embarazo. El sitio utiliza un aspecto de estilo de cuadrícula, pero lo que me pareció único es que presenta más fotos juntas como un solo enlace a todas las fotos de una mini colección. Por ejemplo, en la parte superior del sitio se encuentra la última colección llamada “Getting Ready”, que contiene varias fotos que capturan este tema, que están relacionados. Cuando hace clic, se le dirige a una publicación de miníblo que discute este tema y las fotos en la colección. Todo se presenta al menos. Todo se trata de las fotos aquí, que sirven al propósito del sitio. Este sitio presenta otro tema personalizado, creado esta vez por el esposo del fotógrafo, el desarrollador Nathan Adams. Marque de Bonne


Bonne Marque es una compañía de diseño dirigida por Alexander Engzell, que reinventa a las marcas. Es responsable de la requisición de sitios web para varios clientes, pero su propio sitio podría ser el más impresionante de muchos, especialmente en términos de romper el tipo de navegación y operación. La página inicial está llena de palabras como “Bold” y “Encarmar”. Puede ejecutar para ver estudios de casos o hacer clic en el menú en el lado derecho de la pantalla.
Al hacer clic, este menú se expande y llena toda la ventana de visualización. El enlace a la página “Acerca de” se presenta en el centro de la página en un cuadro blanco que se vuelve azul en el cursor. El resto de las opciones de navegación se colocan en la parte inferior de la página. Pasar con el mouse sobre cada uno ofrece una pequeña vista previa de fotos del proyecto. Las páginas individuales del proyecto incluyen videos de pantalla completa y bloques de texto que se forman como las páginas de un libro. El lado izquierdo de la pantalla también se convierte en una cronología del proyecto. Bonne Marque se basa en un tema personalizado y utiliza WP Rocket para aumentar la velocidad del sitio. Trestle Hoover-Mason de Bethlehem Steel, la primera vez en el sitio web de Trestle de Hoover-Maver de Belénhem Steel, eres recibido por una gran foto y enlaces para explorar el Testille, ver la información de los visitantes y para escuchar las historias de esos quien trabajaba allí. Si elige explorar, lo llevan a una visita guiada por la ubicación y una cronología de su historia. Aquí hay muchos enlaces no convencionales, como flechas de espalda y trasera, que lo llevan a través de un recorrido de fotos virtual, una línea de progreso que se puede hacer clic y más. Además, para cada parada, se presentan fotos y videos adicionales en el lado derecho de la pantalla. También tiene la opción de ver fotos, sonido y videos de acuerdo con su tarea. Este sitio utiliza un tema personalizado. Alexander Engzell

Este nombre debería sonar familiar, porque él es el fundador de Bonne Marque, presentado anteriormente.El sitio web personal de Alexander Engzell incluye algunas animaciones emocionantes y elementos de diseño interesantes que no he visto en otro lugar.Los enlaces a los proyectos se presentan como grandes fotos que se extienden al cursor.Lo que realmente me gusta aquí es que el sitio es completamente mínimo y renuncia a la navegación tradicional a favor de algo que mejor se adapte al tema en cuestión.Este sitio se basa en otro tema personalizado desarrollado por Alexander Engzell, Antoine Wodniack y Himmy Raheriaisoa.También usa el formulario de contacto 7. Estúpidos estudios
Studio Studios es una agencia de diseño y marca con sede en Dinamarca, que ha completado proyectos para una amplia gama de proyectos, todo, incluida una ventaja divertida. El sitio web es bastante simple en su presentación, pero de manera sorprendente utiliza los aspectos en la pantalla completa, gráficos interesantes y toques personalizados. La navegación principal está oculta en un menú extensible que se abre en una superposición mínima en toda la pantalla. Una vez que accede a él, la navegación es imposible de perder, pero la forma en que está oculta a primera vista hace que el sitio web se inicie de inmediato. Este sitio web se basa en un tema personalizado, como todos los demás sitios presentados aquí. La finalización de la navegación es a menudo un elemento de sitios web con los que las personas no experimentan. Después de todo, esta es la forma en que los visitantes evitan un sitio. Debe ser intuitivo y fácilmente disponible. No debe haber suposición involucrada en su uso. Sin embargo, de vez en cuando, aparece un sitio que desafía las expectativas y se atreve a probar algo nuevo. Los sitios aquí ciertamente hacen exactamente esto, todos son relativamente fáciles de navegar. ¿Apreciaste la navegación única presentada en estos sitios? ¿O crees que son demasiado difíciles de entender para ser realmente efectivos? ¿Me perdí un sitio con una navegación interesante? Sientete libre para compartir. Etiquetas: navegación



Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

gkOVSBm5B8SgiXmo

Shopify vs WooCommerce – ¿Cuál es la mejor plataforma?(Comparación)

Shopify vs WooCommerce

Leave a Reply

Your email address will not be published. Required fields are marked *