Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Vous vous souvenez quand les sites Web incluaient des vidéos d’introduction Flash dans le cadre d’une page d’accueil? De nos jours, l’utilisation de la vidéo dans la conception Web est beaucoup plus créative (et conviviale pour l’UX!). De nombreux sites Web utilisent la vidéo pour présenter ou présenter leur produit ou service.

Suite à notre plus récent Vitrine de sites Web avec vidéo plein écranL’article d’aujourd’hui examine la sous-tendance des vidéos d’introduction dans la conception Web. HTML5 et jQuery facilitent l’ajout de contenu vidéo dynamique à votre site Web sans bloquer le navigateur avec Flash. Cela signifie que les concepteurs peuvent commencer à lire des vidéos dans le cadre de la conception d’un site Web ainsi que de son contenu.

Les sites Web suivants sont variés. Nous avons sélectionné des sites Web de portefeuilles de producteurs vidéo, des sites Web officiels de présentation de films populaires, des sites Web d’émissions de télévision, des sites Web de publicité télévisée pour des produits populaires ou simplement des sites Web utilisant la vidéo de manière interactive et unique.

Cet article rassemble 20 excellents exemples d’utilisation de l’intro vidéo dans la conception Web moderne. Ces conceptions utilisent la vidéo comme objets intégrés ou comme fenêtres contextuelles de style lightbox utilisant Javascript.

mangue

Ceci est une belle page de destination d’application avec un design facile à utiliser. Il a de belles fonctionnalités et une belle mise en page que vous pouvez utiliser comme source d’inspiration pour vos prochains projets. Cliquez sur le bouton de lecture pour regarder la vidéo de présentation qui vous guidera à travers les aspects les plus importants de cette application fantastique.

Apprenants de langues en ligne

Moments Facebook (vidéo)

Voici une excellente conception de page de destination d’application avec une mise en page unique et magnifique. Le concepteur a utilisé beaucoup d’animation, de belles polices, etc. Regardez la vidéo pour voir ce que cette fonctionnalité Facebook a à offrir.

Moments d'introduction à la vidéo dans la conception Web

nid

Il s’agit du site Web de présentation d’une entreprise de haute technologie qui propose des thermostats intelligents, des détecteurs de fumée et de monoxyde de carbone et des caméras de surveillance. La vidéo de présentation est parfaitement intégrée dans la conception de la page d’accueil.

Vidéos d'introduction Nest dans la conception Web

papier

Le papier est le moyen le plus simple et le plus beau de créer sur iPad et iPhone. Cette application géniale a été créée par l’équipe FiftyThree qui crée des outils pour la création mobile.

Papier et crayon par FiftyThree

Ceci est un site Web simple avec une vidéo en plein écran. C’est clair, efficace et exactement ce que le visiteur recherche. La vidéo démarre automatiquement et guide l’utilisateur à travers le contenu du site Web.

    Reuters TV Business Finance

SyFy: Les magiciens

The Magicians est une série télévisée fantastique qui a été créée sur Syfy et Showcase. Ceci est le site officiel de cette émission télévisée qui commence par une vidéo d’introduction. Cliquez sur le grand bouton rond de lecture vidéo pour l’afficher.

SyFy The Magicians Introduction aux vidéos dans la conception Web

Films de contrôle

Control Films est une société de production de boutique de publicité et de vidéoclips basée à Paris. Vous devriez vérifier comment de superbes vidéos ont été intégrées à la conception de ce site Web.

Contrôlez les films, les vidéos d'introduction dans la conception Web

Fils de Gallipoli

Ceci est le site officiel d’un documentaire interactif qui raconte les histoires de deux mères – une turque et une australienne – réfléchissant sur la bataille de Gallipoli pendant la Première Guerre mondiale à l’occasion du 100e anniversaire.

Vidéos d'introduction de Sons of Gallipoli dans la conception Web

Inspiro

Ici, vous avez un thème WordPress professionnel qui comprend les fonctionnalités suivantes: un beau diaporama plein écran, de nombreux widgets, et plus encore. Vous pouvez cliquer sur la grande icône de lecture vidéo pour afficher l’intégralité de la vidéo de présentation.

Thème WordPress Inspiro

Deux

Divi est un merveilleux thème WordPress avec 18 mises en page prédéfinies que vous pouvez personnaliser jusqu’à ce qu’il réponde à vos besoins. Divi 3.0 est la dernière version de ce thème WordPress haute performance populaire. Les ventes de Divi, populaires depuis sa création pour ses fonctionnalités modernes et innovantes, ont considérablement augmenté avec l’introduction de Divi Builder version 2.0. L’interface utilisateur de ce frontal de Divi Builder a été considérablement améliorée dans Divi 3.0, ainsi que la possibilité de créer des aperçus en direct réactifs à tout moment pendant le processus de conception. Divi 3.0 est un thème premium de haute qualité à tous égards.

Vidéos d'introduction du thème Divi WordPress dans la conception Web

Animoto

Ceci est un merveilleux site Web de création de vidéos. Sa page d’accueil affiche de manière créative les fonctions de création de vidéos.

écrivain iA

Il s’agit d’un outil qui aide les rédacteurs à se concentrer et à démarrer en supprimant toutes les distractions et en créant un espace d’écriture calme et concentré. Il y a un CTA simple et direct sur la page d’accueil pour regarder la vidéo de présentation de cette application.

Concentrez-vous sur les vidéos d'introduction dans la conception Web

Sir John un jour

Il s’agit d’un site Web éducatif bilingue qui informe les Canadiens sur leur premier premier ministre, Sir John A. Macdonald. Le site Web invite les étudiants et les éducateurs canadiens à explorer l’héritage des Pères de la Confédération et de Sir John A. Le lecteur vidéo a un design personnalisé qui correspond au thème de l’ensemble du site Web.

    Vidéos d'introduction à la conception Web

Hackery, mathématiques et design

L’animation 3D amusante sera affichée pendant le chargement du site Web. Il a un design fluide avec de nombreux effets créatifs et animations. Cliquez sur l’icône de lecture vidéo pour afficher l’intégralité de la vidéo de présentation. Assurez-vous également de remarquer l’effet sympa qui apparaît lorsque vous passez votre souris sur l’icône de lecture. L’ensemble de la conception du site Web est animé et interactif.

10 Hackery, mathématiques et design

Studio Marani

Studio Marani est l’une des sociétés de communication italiennes les plus populaires. L’animation sur le site Web varie entre le traditionnel et le moderne. Cette conception utilise une grande vidéo plein écran.

Vidéos d'introduction du Studio Marani dans la conception Web

Je suis affamé d’attention

Il y a plus de 195 millions d’histoires de malnutrition dans le monde. La soif d’attention souligne à quel point des interventions nutritionnelles efficaces peuvent prévenir une augmentation des maladies infantiles et des décès prématurés. Votre site Web est simple et efficace.

Vidéos d'introduction avec une attention affamée dans la conception Web

Union Station Neighbourhood Co.

Il s’agit de la gare Union à Denver, une gare qui accueille neuf types de trafic piétonnier, des bus régionaux RTD, des bus interurbains, des trains légers, etc. Leur site Web de présentation utilise un grand curseur vidéo sur la page d’accueil.

Vidéos d'introduction à la conception Web de Union Station Neighborhood Co

Maison de conception sociale

Ceci est le site Web de présentation d’un studio de design à service complet à Rock Hill, SC. Il a une vidéo sympa directement sur la page d’accueil et beaucoup de couleurs vives et vibrantes.

Vidéos d'introduction de Social Design House dans la conception Web

Le | confiture

Il s’agit du site de présentation d’une société de production de films commerciaux de renommée internationale et d’une maison de post-production très expérimentée. Faites défiler vers le bas et vous verrez la vidéo d’introduction.

Les vidéos d'introduction de la confiture dans la conception Web










Source link

Recent Posts