Multimédia/Web

Le domaine du multimédia/Web regroupe tous projets non matériel : site Internet, blogs, bannières web, emailing, newsletter, blog, etc.

La construction d’un site Internet

Un site Internet doit se construire comme une maison. Il doit avoir un hébergement (terrain), une adresse (www.), des pages (pièces) et surtout se pense comme tel ! En effet, avant de construire une maison, on pense à l’orientation, au placement des pièces puis on détaille avec le placement des tuyaux, prises puis à la décoration. Pour un site Internet, c’est identique ! Il faut d’abord penser à la fonction du site avant de penser au décor.

La vidéo

Dans le domaine du multimédia, on trouve la vidéo. De plus en plus prisée sur les réseaux sociaux et surtout largement consultée sur le web, la vidéo en motion design permet de présenter une entreprise, un service ou un produit sur des temps allant de 6 secondes à 2 minutes.

Explication de la certification par des visuels

Schéma technique pour le site Internet des conserves Parallèles

IDEA TESTS, site Internet corporate

Page d’accueil du site Internet

La première page d’un site Internet est ‘analysée’ en moins de 3 secondes par les visiteurs. Elle doit être claire et permettre aux utilisateurs de trouver les informations qu’ils recherchent.

La refonte du site du groupe a deux objectifs. Le premier est d’identifier clairement les services proposés par le groupe. Le second est de mieux accompagner les personnes novices dans le domaines.

Les propositions graphiques devaient :

présenter les prestations du groupe et à quelle entité elles appartenaient,
détailler les tests par type de test (comme une page produit) et
pour les novices, avoir un accès rapide vers un contact IDEA.

Les prestations les plus demandées sont donc présentes en page d’accueil, un bouton ‘voir plus de prestations’ entraine l’utilisateur vers une page du site dédiée aux prestations. Ces dernières peuvent être classées par entités. Lorsque le type de test est choisi, les tests associés sont présentés et peuvent être sélectionnés afin de demander une estimation tarifaire (via un formulaire).

Les contacts vers un expert du groupe peuvent se faire de 3 manières : un rappel de l’utilisateur, un formulaire de contact, un questionnaire plus précis pour les novices.

Ce projet est réalisé avec une approche de design UX/UI.

Afiqlo, infographie pour le web

Infographie pour le web

L’infographie présente visuellement des informations, les rendant plus compréhensibles grâce à des pictos et des graphiques. Dans ce projet, il était essentiel d’avoir une première approche afin d’amener la cible professionnelle vers le référentiel complet.

Cette présentation se compose de trois parties : pourquoi la création d’un tel certificat, quelles différences entre les trois classes pour sélectionner le produit qui sera adapté au besoin (les types de produits sont détaillés) et une liste des points de comparaison pour définir les critères. Ce projet est prévue pour une lecture en version web uniquement, sur le site Internet de l’association.

Consulter le logo de la certification et le site Internet que nous avons développé pour l’association Afiqlo.

Mallette Graphique – Voeux 2017

Vidéo pour les vœux 2017

La présentation des voeux pour une entreprise est importante. C’est l’occasion de remercier ses clients mais aussi d’être visible auprès de ses contacts : sur support papier ou support multimédia, à vous de choisir ! Par exemple, le studio Mallette Graphique a choisi d’envoyer ses vœux 2017 par une newsletter, en vidéo avec la technique du motion design.

Voir la vidéo.

Création graphique et conception : Studio Mallette Graphique

Crédit son : www.bensound.com

Mallette Graphique – Vidéo d’entreprise

Vidéo d’entreprise

Création et réalisation d’une vidéo d’entreprise pour présenter les compétences et services du studio Mallette Graphique. Cette vidéo en motion design de 1 min 25 peut être consultée sur le site ou sur Youtube.

CEDRUS PARTNERS – Bannières web

Bannières web animées format GIF

Création graphique de 9 bannières web animées pour Google, 2 slides, fichier GIF, choix d’une image libre de droit.

Les bannières animées servent pour des campagnes payantes de Google. Elles peuvent être statiques ou animées selon le message à faire passer. La mise en page du format 336 x 280 px est validée pour être déclinée sur les 9 autres formats. Selon les formats, seules les informations importantes sont gardées : image, logo, message principal et bouton « en savoir plus ».

Pour voir la charte graphique de Cedrus Partners, consulter le site Internet www.cedruspartners.com

Bannière gif animée, 2 slides, 4s — Création de 9 bannières pour les campagnes Google

Parallèles – Schéma technique

Schéma technique pour le web

Création graphique d’un schéma technique à destination du web, format JPG.

Ce schéma explique les étapes de fabrication d’une conserve de poisson. Il est inséré sur le site Internet de la marque Parallèles, fichier optimisé pour le web, www.conserves-paralleles.com/corporate/marque-paralleles.html

AFIQLO – Site vitrine

Site vitrine administrable sous WordPress

Création graphique et développement du site Internet de la marque collective Afiqlo.

L’Association Française des Industriels engagés pour des Clôtures de Qualité, Afiqlo, est une marque collective qui est née en 2015.

Le site Internet est un site vitrine réalisé sous WordPress (administrable). Il présente la marque collective aux prescripteurs professionnels et les produits de portail et clôture. Les membres fondateurs de l’association et partenaires sont présents pour rassurer l’internaute sur la démarche de cette marque. Le studio Mariette s’est chargé de la communication graphique d’Afiqlo et l’a déclinée pour une plaquette A5 et un kakémono.

Consulter le site pour avoir une meilleure vision de ce qu’est un site vitrine : www.afiqlo.fr