Sitios web de Elementor de febrero de 2022
Publicado: 2022-03-17El segundo escaparate de este año es un testimonio de la diversidad de lo que los creadores web pueden esperar, ya que cada cliente llama a la puerta con necesidades únicas. Los sitios web de este mes incluyen NFT inspirados en cuentos de hadas, una empresa de gestión de la cadena de suministro de vanguardia, una variedad de agencias y estudios web creativos, una escuela de inglés, un artista de graffiti, un fabricante de algodón encerado y un orgulloso teatro comunitario.
Tome notas sobre las mejores prácticas para los efectos de mouse, desplazamiento y desplazamiento; estudie cómo las combinaciones de colores se pueden usar sin problemas en textos y fondos; comprender cómo las microanimaciones dan vida a un sitio web; ver cómo los tamaños de texto y los estilos de diseño afectan la atmósfera de un servicio; y experimente cómo la copia inteligente da vida a cualquier parte del contenido del sitio web.
¡Mira un fabuloso escaparate de febrero que celebra la originalidad!
Obtener Elementor Pro
10
Arte callejero de Aldam
por Giuseppe Cangiano
Inspirado en la cultura hip-hop, Aldam fundó un equipo, consolidando su deseo de dedicarse a un camino artístico-musical. Armado con botes de spray, un micrófono, palabras y pinturas, convierte sentimientos como la ira, la frustración y la tristeza en obras de arte creativas.
¿Un sitio web que te permite jugar con pintura en aerosol de colores mientras te desplazas? ¡Qué más sería más apropiado para un sitio web de un artista de graffiti! También se pueden ver corrientes animadas de pintura en aerosol saliendo periódicamente de la lata de aerosol. Aldam Street Art es un sitio web divertido e interactivo que crea un ambiente juvenil y animado con un toque dinámico.
El menú de botones usa íconos que corresponden al conjunto de herramientas de los artistas de graffiti con los mismos cuatro colores que se usan para resaltar cada categoría utilizada en el sitio web. También hay un bonito efecto adhesivo en la página de garabatos donde cada garabato se apila ordenadamente debajo de los más nuevos.
Hay un uso inteligente de la asimetría cuando se muestra la segunda sección de la página de pintura. Los efectos de desplazamiento se utilizan en cada una de las pinturas principales que se abren dentro de una ventana emergente específica. También hay una diapositiva que se mueve en diagonal a lo largo de la página.
El trabajo de Aldam recibe un sitio web apropiado que captura la esencia del arte urbano y la cultura callejera clandestina.
Diseño y desarrollo : Giuseppe Cangiano
Tema : Hola
Complementos : Elementor Pro, dynamic.ooo
Ver sitio web en vivo
09
Percy y York
por Percy y York
Percy & York es una agencia publicitaria, creativa y digital que se enorgullece de ser un pensador innovador. Se vuelven personales cuando se trata de temas como comunicación, campañas, diseño corporativo y marcas porque su pasión es encontrar el mejor concepto para sus clientes, en todo momento.
El esquema de colores del sitio web quizás esté inspirado en las raíces alemanas de la agencia, tomando prestados el negro, el rojo y el amarillo junto con un toque de azul, todo con un toque menor. El tinte de color contemporáneo se utiliza por igual en textos y fondos de gran tamaño. Al igual que el uso del desplazamiento horizontal que muestra muy bien su mejor trabajo.
La barra lateral presenta un menú de hamburguesas (con forma interesante de hamburguesa) e incluye un enlace al podcast de Spotify de la agencia, que es algo que rara vez se ve. También se nota que hay algo de edición de fotos usando los esquemas de color en diferentes empleados, incluido el perro de la empresa, Matilda.
El texto también cruza los colores de fondo pero no afecta la experiencia de lectura. Esto se debe a la cuidadosa combinación de colores que funciona y combina bien con cada uno de los colores del tema. También hay una buena combinación de fuentes de letras mayúsculas grandes para títulos sobre letras minúsculas más pequeñas para descripciones.
Al igual que la delicia del cuco en el pie de página de la página de inicio, Percy & York hará que los clientes potenciales digan: "Nos gusta eso" antes de ponerse en contacto.
Diseño y desarrollo : Percy y York
Tema : Hola
Complementos : Elementor Pro, Cookie de Borlabs: suscripción de cookies, fragmentos de código, complementos esenciales para Elementor: Pro, desarrollador de Instagram Feed Pro, MailPoet 3 Premium (nuevo), esteroides OoohBoi para Elementor, WP Rocket, Rank Math SEO Pro
Ver sitio web en vivo
08
Halley Stevenson
por Liam Bonar
Halley Stevensons es el fabricante e innovador líder mundial en algodón encerado y telas resistentes a la intemperie. Como empresa independiente con más de 150 años de experiencia, la organización ha acumulado conocimientos técnicos y experiencia en fabricación únicos.
El legado de la empresa está entretejido en la estructura del sitio web con fragmentos del pasado, presente y futuro visibles en la página de inicio. Incluso cuando se usa un diseño de ancho completo, el sitio web aún se siente elegante debido a sus fondos de colores pastel claros.
Las imágenes dibujadas a mano dan el aspecto y la sensación del taller de un diseñador de moda de alta gama, al igual que su estilo sensato, limpio y convencional. El esquema de color monocromático también permite que los patrones hablen ya que el diseño no distrae la atención del contenido.
El mega menú utiliza ingeniosamente el material de algodón encerado con gotas colocadas en la parte superior que muestran su punto de venta resistente a la intemperie. Esta es una buena manera de resaltar la singularidad del producto.
Con productos exportados a todo el mundo y exhibidos cada temporada en Londres, París, Nueva York, Múnich y Milán, Halley Stevensons permite que sus productos de clase mundial hagan todo el trabajo pesado utilizando una interfaz simple para complementarlo.
Diseño y desarrollo : Liam Bonar – lbd.studio
Tema : Hola
Complementos : Elementor Pro, Yoast, WP Rocket, Autoptimize, ACF, Imagify
Ver sitio web en vivo
07
Un Teatro Grianan
por Tommy Callaghan / Manna Design
An Grianan Theatre se distingue entre los lugares regionales por su éxito como productor de teatro que celebra activamente su rica herencia cultural irlandesa. Ha organizado muchas producciones a gran escala a lo largo de los años. Sus socios creativos hasta la fecha han incluido Yew Tree Theatre Company, Cork Opera House, Pavilion Theatre, Civic Theatre y The Lyric, Belfast.
Celebrando eventos artísticos y de entretenimiento locales, nacionales e internacionales, el teatro también se enorgullece de apoyar a los artistas locales que se presentan en todo el sitio web. Un sitio web que se ha reconstruido con Elementor, que es minimalista, agradable a la vista, fácil de navegar y se asemeja a una revista o blog cultural.
El diseño plano, minimalista, en blanco y negro garantiza que la atención se centre únicamente en las últimas noticias y contenido, lo que agrega color y vitalidad a la página. El uso de una tipografía delgada similar a la de un periódico hace que el sitio web tenga un enfoque de gran cantidad de información que lo hace más fácil de digerir y tal vez esté dirigido a audiencias mayores que podrían tener menos inclinaciones tecnológicas.
Este es un sitio web que sirve a la audiencia de su comunidad local al mantener los elementos bajo control sin exagerar. Mostrando con orgullo su amplio apoyo de instituciones famosas en su pie de página, el teatro es un punto focal artístico y cultural para su comunidad.
An Grianan Theatre es un sitio web emblemático para un lugar emblemático en el noroeste de Irlanda.
Diseño y desarrollo : Tommy Callaghan
Tema : Astra
Complementos : Elementor Pro, campos personalizados avanzados, JetEngine, JetSmartFilters, WooCommerce, WP Rocket
Ver sitio web en vivo
06
Grano de estudio
por Chris Forsyth
Grit reúne a una banda de especialistas creativos; redactores, ilustradores, productores de video, animadores, fotógrafos y expertos digitales que trabajan en estrecha colaboración con los clientes para ofrecer soluciones creativas significativas e impactantes.
Utilizando un color verde Rangoon inusual para su fondo y fuentes únicas, el sitio web presenta bolsillos de animaciones de desplazamiento y animaciones flotantes que mantienen activa la atención de los espectadores. El fondo oscuro también le da al sitio web una apariencia de alta gama, con una buena combinación de serif y sans serif que garantiza que la copia tenga una buena jerarquía.
El uso de efectos de desplazamiento da la sensación de que el espectador está siendo llevado a un viaje similar a una exposición, con cada proyecto actuando como un escaparate y no siguiendo un diseño simétrico típico. Las propias páginas del proyecto en las que se puede hacer clic están intrincadamente detalladas. De hecho, el sitio web menciona de manera interesante su último gran proyecto, Momentum Podiatry, dentro del propio héroe.
La toma minimalista permite que los proyectos hablen por sí mismos con proyectos más grandes que reciben más bienes raíces que los más pequeños. Los visitantes también tienen la posibilidad de ver el portafolio completo del estudio en su página de índice, convirtiendo su portafolio completo en una página independiente.
Si bien Grit puede considerarse un estudio pequeño, su sitio web destaca grandes capacidades.
Diseño y desarrollo : Chris Forsyth
Tema : Hola
Complementos : Elementor Pro, Fragmentos de código, Extras para Elementor, Interfaz de usuario de tipo de publicación personalizada, Complementos de Piotnet para Elementor Pro, Orden de página simple, SVGator, Yoast SEO
Ver sitio web en vivo
05
Estudio DoublePoint
por Nicolás Meyer
Studio DoublePoint trabaja con clientes de todos los ámbitos de la vida para usuarios de todo el mundo. Ya sea optimizando los sitios web actuales o creando un nuevo sitio web, sus servicios web permiten a los clientes aumentar su audiencia y obtener mejores tasas de interacción con los clientes.
Usando colores fuertes, efectos de desplazamiento y GIF, el estudio muestra sus proyectos de una manera divertida. El uso sutil de efectos de alejamiento con imágenes que crecen a medida que nos desplazamos hacia abajo es una buena manera de llamar la atención sobre las historias de éxito del estudio. También hay una fuente Sans Serif suave y agradable que ayuda a acentuar la apariencia contemporánea del sitio web.
El color de fondo cambia de beige a naranja a medida que se desplaza hacia abajo justo cuando se llama la atención sobre el emblema giratorio. El naranja es un color recurrente para resaltar áreas clave. También hay un agradable efecto de desplazamiento en el CTA de contacto giratorio, así como en las opciones de contacto por correo electrónico y teléfono. Los colores de las páginas del proyecto también se toman prestados de los propios proyectos.
El menú utiliza un estilo de fuente agradable y moderno con texto de contorno hueco cuando se pasa el cursor por encima, mientras que la página de estudio utiliza las imágenes faciales fijas de los diseñadores gráficos y de interfaz de usuario que cambian según el texto que lo acompaña. Esto también muestra un poco de su personalidad, lo que hace que el sitio web sea más identificable.
Studio DoublePoint crea identidades únicas para proyectos y los hace vivir y crecer en la web.
Diseño y desarrollo : Nicolás Meyer
Tema : Hola
Complementos : Elementor Pro, JetEngine, complementos premium, WP Rocket
Ver sitio web en vivo
04
lógico
por Haim Benisty
Logico proporciona consultoría de negocios basada en inteligencia de negocios. Combinan datos fiables y completos con las herramientas de optimización más avanzadas del mundo y permiten que expertos internacionales acompañen el proceso de solicitud.
Creado por Haim Benisty, cuyo sitio web de cartera se presentó en la exhibición del mes pasado, el sitio web de alta tecnología de Logico marca la pauta con un video de fondo de alta gama, atrayendo a los visitantes y destacando su tecnología de punta. El uso del color azul también transmite un mensaje de avance técnico y tecnológico y es muy utilizado por las empresas emergentes.
El uso de efectos de desplazamiento nos lleva al interior del centro de distribución y las oficinas, al mismo tiempo que destaca varias compañías navieras internacionales que utiliza la organización. Cada habitación aparece como un modelo 3D y destaca sus servicios de gestión de la cadena de suministro, destacando su excelencia operativa.
Se ven robots transportando objetos mientras el video demuestra cómo funciona la organización con las herramientas de optimización más avanzadas. El uso de scrollytelling se aplica maravillosamente y le da a la página un efecto de película casi animada. Cada una de las páginas se abre con un efecto de borrado que invita al espectador a entrar, mientras que la "g" de "Logico" actúa como un efecto de transición constante.
Logico es una empresa con un espíritu enérgico y joven que aporta un enfoque refrescante en el campo de la consultoría operativa y su sitio web de clase mundial muestra de manera efectiva sus puntos más fuertes.
Diseño y desarrollo : Haim Benisty
Tema : Hola
Complementos : Elementor Pro
Ver sitio web en vivo
03
Charla de tiza
de Addictive Design Creative Studio
ChalkTalk es una empresa conjunta de dos colegas de mucho tiempo que se inspiraron en muchos años de experiencia y éxito trabajando con estudiantes. Al dúo se le ocurrió la idea de crear un entorno en el que los estudiantes no solo aprendan el idioma, sino que también intercambien sus ideas sin miedo ni presión, y enriquezcan su conocimiento de otras personas y culturas.
El sitio web utiliza inteligentemente cuatro colores en cada una de sus páginas. Con Global Styling, esto se puede actualizar y modificar sin problemas. Usando combinaciones de Porcelain, Naples Yellow, Faded Green, Eminence (Magenta), cada sección del fondo del sitio web cambia a medida que se desplaza.
Del mismo modo, los efectos de desplazamiento se utilizan para captar la atención mediante el uso de colores y animaciones. Hay transiciones perfectas de una sección a otra con transiciones sutiles, garabatos y comillas que se utilizan como motivo. También se pueden ver emojis que indicarían el público objetivo más joven del sitio web.
Mirando de cerca, es evidente que las ilustraciones están vinculadas al texto con una copia que es más personal para atraer a la audiencia. El menú también se asemeja a una pizarra de la vieja escuela que se abre con una microanimación.
ChalkTalk se ve a sí misma como una escuela de inglés ligeramente diferente, y con un sitio web que rompe con las convenciones, la escuela definitivamente se destaca como una clase aparte.
Diseño y desarrollo : Marko y Marija Djurdjevic
Tema : OceanWP
Complementos : Elementor Pro, Ocean Extra, Quiz y Survey Master, MouseWheel Smooth Scroll
Ver sitio web en vivo
02
ojos
por Estado general y Milkink Creative Studio
Los Eyepples son una colección de cientos de coleccionables NFT únicos inspirados en el mundo de fantasía, los cuentos de hadas, la estética más oscura, el arte clásico y la fotografía. Es un proyecto mágico único construido alrededor de la cadena de bloques Ethereum donde el arte digital, la fotografía y la ilustración se fusionan casi como una poción de alquimista.
Es posible que reconozca las huellas dactilares únicas de General Condition, nuestro ganador de la exhibición de fin de año 2021, en este diseño de sitio web inspirado en un cuento de hadas. Las manzanas legendarias se asemejan a las que se ven a menudo en la representación de Blancanieves y evocan sentimientos de nostalgia infantil al igual que la alineación central del texto que parece un libro de cuentos.
Hay un uso muy efectivo de la copia para vender el producto. Con sentimientos de magia y cuentos de hadas, frases ingeniosas y un toque de marketing, el diseño y la copia se combinan maravillosamente para unir un mundo único que parece sacado de una película de Disney.
Las manzanas (o deberíamos decir Eyepples) prevalecen en todo el sitio web, desde el uso de efectos de desplazamiento sobre el héroe hasta el pie de página. Aunque no todos los elementos del sitio web están disponibles todavía, como la tienda, Eyepples Apples hace lo suficiente para crear un gran entusiasmo y anticipación debido a las ilustraciones y la narración de alta calidad.
Todo lo que queda es elegir un Eyepple y simplemente disfrutar de la magia.
Diseño y desarrollo : Jovan Lakic y Stefan Kokovic
Tema : Hola
Complementos : Elementor Pro, Jet Elements, JetEngine, Premium Addons Pro, The Plus Addons para Elementor Pro
Ver sitio web en vivo
01
comercialización de barriles
por Barril Marketing Ltd.
Barrel Marketing es un estudio de marketing, producción de videos y desarrollo web que ayuda a las empresas a crecer al contar sus historias de manera auténtica y producir experiencias únicas y creativas. Convierten grandes ideas en cosas hermosas que conectan marcas y clientes.
Esta es en realidad la segunda vez que el sitio web aparece en nuestro escaparate luego de un rediseño. La primera vez fue en septiembre de 2019. El sitio web se veía muy diferente entonces y el nuevo diseño también está a la altura.
El uso de una copia impactante combinada con un hermoso video cubierto con formas de máscaras capta la atención de inmediato. La apariencia minimalista del sitio web, resaltada por el uso de espacios en blanco, le da un ambiente moderno. La página Conozca al equipo también muestra que la empresa tiene un ambiente divertido y una personalidad cálida y acogedora.
La composición de imágenes reales combinadas con colores utiliza efectivamente el diseño de revistas para darle al sitio web una sensación divertida, identificable y amigable. Mostrar a sus clientes de renombre también es una excelente manera de lograr una prueba social, particularmente en lo alto de la página, lo que también agrega credibilidad.
En las páginas de proyectos, hay un buen sistema para presentar el desafío y la solución que ayuda a los clientes potenciales a comprender el proceso de Barrel Marketing. Las imágenes de fondo y los colores también provienen de los propios proyectos, lo que indica el nivel de detalle que se incluyó en el sitio web. Del mismo modo, la página de contacto también crea un gran lenguaje visual, como el gato que alcanza el teléfono.
Barrel Marketing ayuda a las empresas a crecer al contar sus historias con soluciones creativas y estratégicas y con un sitio web que es igualmente creativo, divertido e informativo, los clientes harán clic rápidamente en "enviar".
Diseño: Daniel Fexa
Desarrollo : Shayne Plesa-Naden, Daniel Fexa y Sebastien Ringuette
Tema : Hola
Complementos : JetEngine, JetSmartFilters
Ver sitio web en vivo