Sites Elementor de février 2022
Publié: 2022-03-17La deuxième vitrine de cette année témoigne de la diversité de ce à quoi les créateurs Web peuvent s'attendre, car chaque client arrive avec des besoins uniques. Les sites Web de ce mois-ci incluent des NFT inspirés des contes de fées, une société de gestion de la chaîne d'approvisionnement de pointe, une variété d'agences et de studios Web créatifs, une école de langue anglaise, un graffeur, un fabricant de coton ciré et un fier théâtre communautaire.
Prenez des notes sur les meilleures pratiques pour les effets de souris, de survol et de défilement ; étudier comment les combinaisons de couleurs peuvent être utilisées de manière transparente dans les textes et les arrière-plans ; comprendre comment les micro-animations donnent vie à un site Web ; voir comment les tailles de texte et les styles de mise en page affectent l'atmosphère d'un service ; et découvrez comment une copie intelligente donne vie à n'importe quel contenu de site Web.
Découvrez une fabuleuse vitrine de février qui célèbre l'originalité !
Obtenir Elementor Pro
dix
Art de rue d'Aldam
par Giuseppe Cangiano
Inspiré par la culture hip-hop, Aldam fonde un crew, consolidant son désir de se consacrer à une voie artistique-musicale. Armé de bombes aérosols, d'un microphone, de mots et de peintures, il convertit des sentiments tels que la colère, la frustration et la tristesse en œuvres d'art créatives.
Un site Web qui vous permet de jouer avec de la peinture en aérosol colorée lorsque vous survolez ? Quoi de plus approprié pour un site de graffeur ! Des jets animés de peinture en aérosol peuvent également être vus jaillir périodiquement de la bombe aérosol. Aldam Street Art est un site Web interactif amusant qui crée une ambiance jeune et animée avec une touche dynamique.
Le menu des boutons utilise des icônes qui correspondent à la boîte à outils des graffeurs avec les quatre mêmes couleurs utilisées pour mettre en évidence chaque catégorie utilisée sur le site Web. Il y a aussi un bel effet collant sur la page des doodles où chaque doodle s'empile soigneusement sous les plus récents.
Il y a une utilisation intelligente de l'asymétrie lors de l'affichage de la deuxième section de la page de peinture. Des effets de survol sont utilisés sur chacune des peintures principales qui s'ouvrent dans une fenêtre contextuelle spécifique. Il y a aussi une diapositive qui se déplace en diagonale sur la page.
Le travail d'Aldam est doté d'un site Web approprié qui capture l'essence de l'art urbain et de la culture de rue underground.
Conception & Développement : Giuseppe Cangiano
Thème : Bonjour
Plugins : Elementor Pro, dynamique.ooo
Voir le site Web en direct
09
Percy et York
par Percy & York
Percy & York est une agence publicitaire, créative et numérique qui se targue d'être un penseur hors des sentiers battus. Ils deviennent personnels lorsqu'il s'agit de sujets tels que la communication, les campagnes, le design d'entreprise et les marques, car leur passion est de trouver le meilleur concept pour leurs clients, à chaque fois.
La palette de couleurs du site Web est peut-être inspirée des racines allemandes de l'agence, empruntant du noir, du rouge et du jaune avec une touche de bleu, le tout avec une petite touche. La teinte de couleur contemporaine est utilisée également sur les textes et les arrière-plans de grande taille. Tout comme l'utilisation du défilement horizontal qui montre bien leur meilleur travail.
La barre latérale propose un menu de hamburgers (il est intéressant de noter qu'il a la forme d'un hamburger) et comprend un lien vers le podcast Spotify de l'agence, ce qui est rarement vu. Il est également à noter qu'il y a des retouches photo utilisant les schémas de couleurs de différents employés, y compris le chien de compagnie, Matilda.
Le texte traverse également les couleurs d'arrière-plan sans affecter l'expérience de lecture. Cela est dû à la combinaison de couleurs soignée qui fonctionne et se marie bien avec chacune des couleurs du thème. Il existe également une belle association de polices de grandes lettres majuscules pour les titres sur des lettres minuscules plus petites pour les descriptions.
Tout comme le délice du coucou sur le pied de page de la page d'accueil, Percy & York demandera aux clients potentiels de dire : « Nous aimons ça » avant d'entrer en contact.
Conception & Développement : Percy & York
Thème : Bonjour
Plugins : Elementor Pro, Borlabs Cookie – Cookie Opt-in, Code Snippets, Essential Addons for Elementor – Pro, Instagram Feed Pro Developer, MailPoet 3 Premium (Nouveau), OoohBoi Steroids for Elementor, WP Rocket, Rank Math SEO Pro
Voir le site Web en direct
08
Halley Stevenson
par Liam Bonar
Halley Stevensons est le leader mondial de la fabrication et de l'innovation dans le domaine du coton ciré et des tissus résistants aux intempéries. En tant qu'entreprise indépendante avec plus de 150 ans d'expertise, l'organisation a accumulé des connaissances techniques et une expérience de fabrication uniques.
L'héritage de l'entreprise est tissé dans le tissu du site Web avec des extraits du passé, du présent et du futur visibles sur la page d'accueil. Même en utilisant une mise en page pleine largeur, le site Web reste élégant en raison de ses arrière-plans de couleur pastel clair.
Les images dessinées à la main donnent l'apparence d'un atelier de créateurs de mode haut de gamme, tout comme son style simple, épuré et conventionnel. La palette de couleurs monochromes permet également aux motifs de parler car le design ne détourne pas l'attention du contenu.
Le méga menu utilise intelligemment le matériau en coton ciré avec des gouttelettes sur le dessus qui montrent son argument de vente résistant aux intempéries. C'est une belle façon de souligner le caractère unique du produit.
Avec des produits exportés dans le monde entier et présentés chaque saison à Londres, Paris, New York, Munich et Milan, Halley Stevensons laisse à juste titre ses produits de classe mondiale faire tout le travail lourd en utilisant une interface simple pour le compléter.
Conception & Développement : Liam Bonar – lbd.studio
Thème : Bonjour
Plugins : Elementor Pro, Yoast, WP Rocket, Autoptimize, ACF, Imagify
Voir le site Web en direct
07
Un Théâtre Grianan
par Tommy Callaghan / Manna Design
An Grianan Theatre se distingue parmi les salles régionales pour son succès en tant que producteur de théâtre célébrant activement son riche héritage culturel irlandais. Il a mis en scène de nombreuses productions à grande échelle au fil des ans. Ses partenaires créatifs à ce jour incluent Yew Tree Theatre Company, Cork Opera House, Pavilion Theatre, Civic Theatre et The Lyric, Belfast.
Célébrant des événements artistiques et de divertissement locaux, nationaux et internationaux, le théâtre est également fier de soutenir les artistes locaux qui sont présentés sur le site Web. Un site Web qui a été reconstruit à l'aide d'Elementor, minimaliste, agréable à regarder, facile à naviguer et qui ressemble à un magazine ou à un blog culturel.
Le design plat, minimaliste, noir et blanc garantit que l'attention se porte uniquement sur les dernières nouvelles et le contenu, ce qui ajoute de la couleur et du dynamisme à la page. En utilisant une typographie fine semblable à celle d'un journal, l'approche riche en informations du site Web le rend plus facile à digérer et s'adresse peut-être à un public plus âgé qui pourrait être moins enclin à la technologie.
Il s'agit d'un site Web qui sert son public communautaire local en gardant les éléments sous contrôle sans aller trop loin. Affichant fièrement son large soutien d'institutions célèbres sur son pied de page, le théâtre est un point focal artistique et culturel pour sa communauté.
An Grianan Theatre est un site Web phare pour un lieu phare du nord-ouest de l'Irlande.
Conception & Développement : Tommy Callaghan
Thème : Astra
Plugins : Elementor Pro, Champs personnalisés avancés, JetEngine, JetSmartFilters, WooCommerce, WP Rocket
Voir le site Web en direct
06
Grain de studio
par Chris Forsyth
Grit rassemble une bande de spécialistes créatifs ; rédacteurs, illustrateurs, producteurs vidéo, animateurs, photographes et experts numériques qui travaillent en étroite collaboration avec les clients pour fournir des solutions créatives significatives et percutantes.
Utilisant une couleur verte Rangoon inhabituelle pour son arrière-plan et des polices uniques, le site Web propose des pochettes d'animations de défilement et des animations de survol qui maintiennent l'attention des téléspectateurs active. Le fond sombre donne également au site Web une apparence haut de gamme, avec un joli appariement serif et sans serif garantissant que la copie a une belle hiérarchie.
L'utilisation d'effets de défilement donne au spectateur l'impression d'être emmené dans un voyage semblable à une exposition, chaque projet agissant comme une vitrine et ne suivant pas une conception symétrique typique. Les pages de projet cliquables elles-mêmes sont détaillées de manière complexe. En fait, le site Web mentionne de manière intéressante son dernier grand projet, Momentum Podiatry, au sein du héros lui-même.
La prise minimaliste permet aux projets de parler d'eux-mêmes, les grands projets recevant plus de biens immobiliers que les plus petits. Les visiteurs ont également la possibilité de visualiser l'intégralité du portfolio du studio sur sa page d'index, transformant leur portfolio complet en une page autonome.
Alors que Grit peut se considérer comme un petit studio, son site Web met en évidence de grandes capacités.
Conception & Développement : Chris Forsyth
Thème : Bonjour
Plugins : Elementor Pro, extraits de code, extras pour Elementor, interface utilisateur de type de message personnalisé, modules complémentaires Piotnet pour Elementor Pro, commande de page simple, SVGator, Yoast SEO
Voir le site Web en direct
05
Studio Double Point
par Nicolas Meyer
Studio DoublePoint travaille avec des clients de tous horizons pour des utilisateurs du monde entier. Qu'il s'agisse d'optimiser les sites Web actuels ou de créer un nouveau site Web, leurs services Web permettent aux clients d'augmenter leur audience et d'obtenir de meilleurs taux d'engagement auprès des clients.
Utilisant des couleurs vives, des effets de défilement et des GIF, le studio présente ses projets de manière ludique. L'utilisation subtile d'effets de zoom arrière avec des images qui grandissent au fur et à mesure que nous défilons est un bon moyen d'attirer l'attention sur les réussites du studio. Il existe également une belle police douce Sans Serif qui aide à accentuer l'aspect contemporain du site Web.
La couleur d'arrière-plan passe du beige à l'orange lorsque vous faites défiler vers le bas, tout comme l'attention est portée sur l'emblème rotatif. L'orange est une couleur récurrente pour mettre en évidence les zones clés. Il y a aussi un bel effet de survol sur le CTA de contact rotatif ainsi que sur les options de contact par e-mail et par téléphone. Les couleurs des pages de projet empruntent également aux projets eux-mêmes.
Le menu utilise un joli style de police moderne avec un texte creux au survol, tandis que la page du studio utilise les images faciales des concepteurs graphiques et UI qui changent en fonction du texte d'accompagnement. Cela montre aussi un peu sa personnalité, ce qui rend le site Web plus accessible.
Studio DoublePoint crée des identités uniques pour les projets et les fait vivre et se développer sur le Web.
Conception & Développement : Nicolas Meyer
Thème : Bonjour
Plugins : Elementor Pro, JetEngine, Premium Addons, WP Rocket
Voir le site Web en direct
04
Logique
par Haïm Benisty
Logico fournit des conseils aux entreprises basés sur l'intelligence d'affaires. Ils combinent des données fiables et complètes avec les outils d'optimisation les plus avancés au monde et permettent à des experts internationaux d'accompagner le processus de candidature.
Construit par Haim Benisty, dont le site Web de portefeuille a été présenté dans la vitrine du mois dernier, le site Web high-tech de Logico donne le ton en utilisant une vidéo de fond haut de gamme, attirant les visiteurs et mettant en valeur sa technologie de pointe. L'utilisation de la couleur bleue transmet également un message d'avancement technique et technologique et est couramment utilisée par les startups.
L'utilisation d'effets de défilement nous emmène à l'intérieur du centre de distribution et des bureaux tout en mettant en évidence plusieurs compagnies maritimes internationales utilisées par l'organisation. Chaque salle apparaît comme un modèle 3D et met en évidence ses services de gestion de la chaîne d'approvisionnement, mettant en évidence son excellence opérationnelle.
On voit des robots transporter des objets alors que la vidéo montre comment l'organisation travaille avec les outils d'optimisation les plus avancés. L'utilisation du scrollytelling est magnifiquement appliquée et donne à la page un effet de film presque animé. Chacune des pages s'ouvre à l'aide d'un effet de volet invitant le spectateur à entrer, tandis que le "g" de "Logico" agit comme un effet de transition cohérent.
Logico est une entreprise à l'esprit énergique et jeune qui apporte une approche rafraîchissante dans le domaine du conseil opérationnel et son site Web de classe mondiale met efficacement en valeur ses points forts.
Conception & Développement : Haim Benisty
Thème : Bonjour
Plugin : Elementor Pro
Voir le site Web en direct
03
Parler à la craie
par Addictive Design Creative Studio
ChalkTalk est une coentreprise de deux collègues de longue date qui ont été inspirés par de nombreuses années d'expérience et de succès auprès des étudiants. Le duo a eu l'idée de créer un environnement où les étudiants non seulement apprennent la langue, mais échangent également leurs idées sans peur ni pression, et enrichissent leur connaissance d'autres personnes et cultures.
Le site Web utilise intelligemment quatre couleurs dans chacune de ses pages. Avec Global Styling, cela peut être mis à jour et modifié de manière transparente. En utilisant des combinaisons de porcelaine, de jaune de Naples, de vert délavé, d'éminence (magenta), chaque section de l'arrière-plan du site Web change au fur et à mesure que vous faites défiler.
De même, les effets de survol sont utilisés pour capter l'attention en utilisant des couleurs et des animations. Il y a des transitions transparentes d'une section à l'autre avec des transitions subtiles, des griffonnages, ainsi que des guillemets qui sont utilisés comme motif. Des emojis peuvent également être vus, ce qui indiquerait le public cible plus jeune du site Web.
En y regardant de plus près, il est évident que les illustrations sont liées au texte avec une copie plus personnelle utilisée pour engager le public. Le menu ressemble aussi à un tableau noir à l'ancienne qui s'ouvre sur une micro animation.
ChalkTalk se considère comme une école d'anglais légèrement différente, et avec un site Web qui brise les conventions, l'école se définit définitivement comme une classe à part.
Conception & Développement : Marko et Marija Djurdjevic
Thème : OceanWP
Plugins : Elementor Pro, Ocean Extra, Quiz And Survey Master, MouseWheel Smooth Scroll
Voir le site Web en direct
02
Œillets
de General Condition & Milkink Creative Studio
Eyepples est une collection de centaines d'objets de collection NFT uniques inspirés du monde fantastique, des contes de fées, de l'esthétique plus sombre, de l'art classique et de la photographie. Il s'agit d'un projet magique unique construit autour de la blockchain Ethereum où l'art numérique, la photographie et l'illustration se confondent presque comme une potion d'alchimiste.
Vous reconnaîtrez peut-être les empreintes digitales uniques de General Condition, notre gagnant de la vitrine de fin d'année 2021, sur cette conception de site Web inspirée des contes de fées. Les pommes légendaires ressemblent à celles que l'on voit souvent dans la représentation de Blanche-Neige et évoquent des sentiments de nostalgie d'enfance, tout comme l'alignement central du texte qui ressemble à un livre de contes.
Il y a une utilisation très efficace de la copie pour vendre le produit. Avec des sentiments de magie et de contes de fées, des phrases pleines d'esprit et une touche de marketing, la conception et la copie se mélangent à merveille pour créer un monde unique qui ressemble à un film Disney.
Les pommes (ou devrions-nous dire Eyepples) sont répandues sur tout le site Web, de l'utilisation d'effets de survol sur le héros jusqu'au pied de page. Bien que tous les éléments du site Web ne soient pas encore en ligne, comme la boutique, Eyepples Apples en fait assez pour créer un grand enthousiasme et une grande anticipation grâce aux illustrations et à la narration de haute qualité.
Il ne reste plus qu'à choisir un Eyepple et simplement profiter de la magie.
Conception & Développement : Jovan Lakic et Stefan Kokovic
Thème : Bonjour
Plugins : Elementor Pro, Jet Elements, JetEngine, Premium Addons Pro, Les Plus Addons pour Elementor Pro
Voir le site Web en direct
01
Commercialisation du baril
par Barrel Marketing Ltd.
Barrel Marketing est un studio de marketing, de production vidéo et de développement Web qui aide les entreprises à se développer en racontant authentiquement leurs histoires et en produisant des expériences uniques et créatives. Ils transforment de grandes idées en belles choses qui relient les marques et les clients.
C'est en fait la deuxième fois que le site Web est présenté dans notre vitrine suite à une refonte. La première fois, c'était en septembre 2019. Le site Web était alors très différent et le nouveau design est également à la hauteur.
L'utilisation d'une copie percutante associée à une magnifique vidéo recouverte de formes de masque capte immédiatement l'attention. L'aspect minimaliste du site Web, mis en évidence par l'utilisation d'espaces blancs, lui confère une ambiance moderne. La page de rencontre de l'équipe montre également que l'entreprise a une ambiance amusante et une personnalité chaleureuse et invitante.
La composition d'images réelles associées à des couleurs utilise efficacement la conception de zine pour donner au site Web une sensation amusante, relatable et conviviale. Afficher ses clients de renom est également un excellent moyen d'obtenir une preuve sociale, en particulier en haut de la page, ce qui ajoute également de la crédibilité.
Sur les pages de projet, il y a un joli système de présentation du défi et de la solution qui aide les clients potentiels à comprendre le processus de Barrel Marketing. Les images et les couleurs d'arrière-plan proviennent également des projets eux-mêmes, indiquant le niveau de détail qui est entré dans le site Web. De même, la page de contact crée également un excellent langage visuel, tel que le chat qui attrape le téléphone.
Barrel Marketing aide les entreprises à se développer en racontant leurs histoires avec des solutions créatives et stratégiques et avec un site Web à la fois créatif, amusant et informatif, les clients cliqueront rapidement sur "envoyer".
Conception : Daniel Fexa
Développement : Shayne Plesa-Naden, Daniel Fexa et Sébastien Ringuette
Thème : Bonjour
Plugins : JetEngine, JetSmartFilters
Voir le site Web en direct