10 sites Web interactifs pour l'inspiration
Publié: 2020-07-06En tant que concepteur d'interface utilisateur, il faut beaucoup de travail pour concevoir un site Web interactif et agréable à l'œil, tout en atteignant l'objectif du site Web. Mais lors de la conception de certains sites Web, la créativité passe souvent au second plan avec la lisibilité du site Web, et les sites Web semblent ne pas être très interactifs. Les sites Web doivent avoir des conceptions telles que le visiteur souhaite visiter votre site plus souvent, juste pour éprouver le plaisir d'utiliser le site Web et d'interagir avec les pages Web.
Fini le temps où les utilisateurs utilisaient des sites Web simples qui accomplissaient davantage. Désormais, l'objectif est de faire en sorte que l'utilisateur utilise le site en augmentant l'interaction et en le maintenant engagé. Votre site Web est un atout pour votre organisation si l'utilisateur revient sans cesse pour plus d'interaction avec votre site Web à l'avenir.
Ce blog examine ces sites Web qui sont interactifs et ont une créativité prête à l'emploi.
1. Cyclemon :
Cyclemon est un site Web qui propose différents modèles de vélos que vous pouvez commander et utiliser. Ce site Web utilise le défilement pour vous donner un aperçu de leurs produits. Il vous suffit de continuer à faire défiler pour voir toutes les conceptions de produits. Le slogan de l'entreprise dit : « Vous êtes ce que vous roulez ! Et cela oblige l'utilisateur à faire défiler vers le bas de la page pour trouver un design de vélo qui lui convient. Par conséquent, vous obligez un utilisateur à continuer de faire défiler jusqu'à ce que tous les modèles apparaissent.
Vous pouvez commander le vélo qui, selon vous, correspond à votre personnalité. Il a appliqué la psychologie humaine derrière la conception. Le site Web a tous les modèles, et ils vous font défiler jusqu'à ce que vous "sentiez" que vous avez trouvé le modèle qui vous convient.
2. Alex Buga :
Alex Buga est un designer de Bucarest en Roumanie et a son site Web qui fonctionne comme son portfolio. Lorsque vous ouvrez la page d'index du site, il a conçu des tuiles sur l'écran où les tuiles individuelles ont des images qu'il a prises, et certaines tuiles ont les liens vidéo YouTube. Outre la conception de sites Web, il est également photographe et musicien.
Il a travaillé comme directeur créatif chez MB Dragan qui possède une vaste expérience de travail de 7 ans dans la conception de sites Web. Le site Web qu'il a développé a une conception prête à l'emploi.
3. Evans Halshaw – Bond Cars :
Evans Halshaw est un portail de voitures neuves et d'occasion. Ils ont travaillé avec 130 sites en Angleterre, en Écosse et au Pays de Galles. Leur site Web est similaire au site Web de Cyclemon. La différence est qu'ils ont utilisé différents modèles de voitures qui étaient présents dans les films de James Bond. Chaque image a une année, le modèle de la voiture et le nom du film dans lequel elle apparaît. Lorsque vous faites défiler la page d'accueil, elle vous montrera les différents véhicules qui effectuent un zoom arrière par rapport à l'image précédente.
Le design divertira un amateur de voitures pendant quelques instants. En plus de cela, un fanatique du film James Bond continuera à faire défiler le site Web pour voir toutes les voitures utilisées dans les films Bond. Avec les images, ils ont une courte description basée sur le film, dans le coin inférieur droit de l'écran pour chaque voiture.
4. Jouez point à point :
Ce site Web est le plus interactif pour les joueurs. Il propose un jeu qui consiste à joindre les points à partir de leurs nombres dans l'ordre décroissant. Il utilise une minuterie. Vous devez connecter les points donnés dans une fenêtre de temps stipulée, et cela passe au jeu suivant. Il ne manquera pas de vous occuper et peut également s'avérer être un favori parmi les enfants.
Le niveau d'interaction avec ce site Web est le plus élevé, car nous sommes tous obsédés par l'idée de joindre les points numérotés par ordre décroissant. L'interface est simple, mais peut vous tenir occupé pendant des heures.
5. Débarrassez-vous de mes habitudes :
Kick My Habits est un site Web qui vous aide à calculer vos dépenses pour certaines choses comme les kits de beauté, les sorties au restaurant, le tabagisme, la consommation d'alcool et les fêtes. Il vous indique combien d'argent est investi chaque année dans ces mauvaises habitudes et tout cela de manière très interactive.
Il vous demande combien d'argent va dans de mauvaises habitudes par semaine. Une fois que vous avez fourni toutes les données d'un entraînement, vous passez au modèle suivant. Vous pouvez choisir « Je n'ai pas cette habitude » si vous n'avez pas cette habitude. Après avoir analysé chaque pratique pour laquelle vous fournissez des données, il examine le montant d'argent que vous dépensez en un an pour poursuivre ces habitudes. N'importe qui peut calculer ces dépenses dans lesquelles il investit, chaque année. Mais l'interface utilisateur interactive du site Web a le plus beau design, ce qui est de la plus grande importance ici. En fin de compte, il montre votre épargne totale annuelle et hebdomadaire, ainsi que le montant qui apparaîtrait après avoir déposé cet argent sur le compte bancaire.
6. Service :
Zervice est un groupe avec plusieurs marques de franchise différentes qui ouvrent la voie. C'est une conception de site Web intelligente et créative, et c'était l'un des sites Web les plus récompensés. Le site Web commence par parcourir la ville. Le site a utilisé des images et un chemin SVG sur lequel le véhicule se déplace. Les nuages font une apparition pour l'interaction comme des quiz et des questions. Le site Web ressemble à un modèle 3D lorsque la voiture passe au-dessus et en dessous de certains aspects du site Web.
La page s'ouvre sur une bulle de pensée, un message de bienvenue et une vue de la ville. En outre, il dispose d'un bouton "Go" qui conduit le véhicule au point suivant. Un autre écran est un écran sophistiqué avec un chapiteau flottant et un bâtiment où passe la voiture. Accompagné de quelques arrêts et quizz, vous découvrez les services du Zervice. Les routes sinueuses, la construction et la meilleure partie étant un train en mouvement sous lequel le véhicule roule sont un spectacle à voir. Même si vous n'avez pas besoin de connaître leurs services, vous devriez le visiter une fois pour découvrir la description ci-dessus.
7. L'avenir de l'autopartage :
Ce site Web parle de partager une voiture plutôt que de l'acheter. Ce site est très interactif d'une manière différente. Lorsque vous arrivez sur la page d'accueil du site, vous voyez une voiture verte qui peut naviguer en avant et en arrière en appuyant sur les touches fléchées gauche et droite. La page de destination affiche le type de covoiturage et ses statistiques. Lorsque vous appuyez sur la touche de droite, la voiture commence à avancer vers le côté droit, où la classification de l'autopartage et sa description apparaissent.
La première classification est P2P, c'est-à-dire le concept d'autopartage Peer-To-Peer. Il définit un groupe de voitures appartenant à un certain nombre de personnes. Ces propriétaires de voitures louent les voitures aux chauffeurs. Une autre catégorie est B2C, ce qui signifie Business-to-Consumers. Ici, une entreprise possède un ensemble de voitures qu'elle partage entre les membres de l'entreprise. Ils comprennent les constructeurs automobiles, les marques de location et les marques d'autopartage. La troisième catégorie est NFP, ce qui signifie à but non lucratif. Une communauté locale partage la voiture pour modifier les habitudes de conduite du conducteur au lieu de louer la voiture pour en tirer un profit.
Au fur et à mesure que nous avançons, la voiture verte semble se déplacer à travers les montagnes, même si la route semble linéaire. La voiture verte commence alors à courir sur le pont alors qu'elle passe à travers un énorme tas de déchets, puis traverse le poteau qui tient le drapeau des États-Unis. Il y a des graphiques puissants sur la page, et il y a plusieurs choses qu'un utilisateur peut faire pour explorer. Comme lorsque vous passez la souris sur la tour, vous voyez le curseur de la souris se transformer en main, suggérant qu'il s'agit d'un lien hypertexte.
Pendant que vous naviguez davantage sur la page, vous voyez des nuages flotter et un chimpanzé accroché à la tour. Vous voyez d'excellentes options de covoiturage lorsque vous passez la souris sur les drapeaux du pays. Au fur et à mesure que vous avancez, vous constatez que de plus en plus de villes et d'États ont opté pour des options d'autopartage. Le site Web a une conception telle que vous devez faire défiler l'écran horizontalement, ce qui montre différents faits sous forme d'animations.
8. Robby Leonardi :
Robby Leonardi est un graphiste qui offre une expertise dans la conception graphique, l'illustration, l'animation et le développement frontal. Il a beaucoup d'expérience en travaillant avec l'industrie du divertissement. Il a développé ce site web pour présenter son CV de manière très créative.
Ce site Web est similaire aux sites Web Future of Car Sharing et défile horizontalement, mais la barre de défilement du site Web est verticale. Vous pouvez naviguer sur le site à l'aide des flèches haut et bas. Lorsque vous appuyez sur la touche fléchée vers le bas, le gars dans les spécifications, portant une cape, commence à courir. La première section que vous rencontrez est la section "À propos", où il a quatre champs Conception, Illustration, Code et Animation. Et il montre son niveau d'expertise par des fleurs s'épanouissant selon les niveaux. Par exemple, il a une expertise en design, puis la floraison des fleurs atteindra la ligne "Expert" montrant qu'il est un expert en la matière.
Lorsque vous avancez, le gars saute par-dessus l'obstacle et montre qu'il travaille et vit à New York, où les tours et la Statue de la Liberté montrent un démon assis à l'intérieur. En avançant, le gars saute à nouveau à travers l'obstacle et montre qu'il est un fan de l'équipe de football de la NBA. Ici, un joueur semble arriver et lancer un ballon de basket à travers le filet.
En allant de l'avant, vous rencontrez une section de compétences où les numéros des poissons déclarent le niveau d'expertise qu'il possède, dans chaque section. Dans la même partie, il y a une autre sous-section où il met en avant son expertise dans les langages de programmation, où les crabes montrent son niveau de connaissance.
De plus, la prochaine sous-section concerne son expertise en vidéo et en logiciels 3D, où les tortues vous montrent ses niveaux d'expertise dans chaque domaine. Vient ensuite la section où il met en évidence son expérience de travail sous la forme de pieuvres et d'autres véhicules aquatiques. L'avant-dernière section présente ses récompenses et publications qu'il a reçues jusqu'à présent sous forme de labels. Le gars saute dans le parachute et vole par les balises qui définissent ses récompenses tout en continuant à voler. Pendant que vous continuez à voler, vous atteignez la fin de la page Web, où vous donnez vos coordonnées et déposez un message pour lui.
9. Guide de Noël polonais :
Le guide de Noël polonais est un site Web qui aide les personnes de tous âges à connaître le Noël polonais et comment ils le célèbrent chaque année. Cela commence par un mignon Père Noël avec un traîneau pour transporter les choses dont il a besoin pour célébrer Noël en Pologne. Les enfants aimeraient ce site Web car le Père Noël continue de collecter des objets dans son traîneau tout en présentant les faits et les informations sur les objets collectés et d'autres choses.
Noël en Pologne représente la tradition d'envoyer et de recevoir des cadeaux les uns des autres. Il maintient également une culture de partage du repas avec d'autres personnes qui peuvent vous rendre visite sans préavis la veille de Noël. Ce site fonctionne sur fond d'illustration et de musique. Lorsque vous naviguez sur le site Web, l'expérience ressemble à celle d'un jeu.
À la fin du site Web, il y a un message qui sensibilise aux enfants maltraités et à leur appel à aider ces enfants et à les protéger.
10. Grimpeur :
Le grimpeur a développé son site Web interactif qui vous dit tout sur la société créative, appelée Interactive Production Company, qui produit certains des produits numériques fantastiques et des expériences utilisateur. Il commence par un thème unique basé sur les forêts et les bois. Avec divers éléments qui vous permettent d'interagir avec eux, vous pouvez parcourir leur portfolio de manière très créative. Il montre ses projets de conception sous la forme de différentes animations par défilement et un simple clic de souris.
Dans l'un des écrans, le texte apparaît en déplaçant la souris, ce qui est un spectacle à voir. Lorsque l'écran change, il se décompose en différents carrés, tombe de l'écran et vous laisse entrer dans un autre écran. Si vous cherchez à créer un site Web pour votre entreprise sans rapport avec ce dont il traite, vous devriez vous inspirer du site Web Climber inspiré des graphismes.
Conclusion:
C'est notre représentation des sites Web qui inspire un graphiste à faire ressortir sa créativité et à mettre son meilleur pied en avant lors de la conception du site Web. Ces types de sites ne sont pas seulement un spectacle agréable, ils aident également le propriétaire du site Web à garder le visiteur engagé et intrigué. Il y a tellement d'idées de conception sur tous les sites, comme mentionné ci-dessus, que vous pouvez adopter. Ceux-ci incluent des animations, des écrans de jeu, des dessins animés, etc., à partir desquels vous pouvez prendre des idées.