Outils de communication
Cette page est destinée à regrouper les informations concernant la communication externe de l’école : charte graphique, logotypes, fichiers templates, mode d’emploi du site internet…
Merci d’en communiquer l’adresse aux personnes et institutions qui pourraient en avoir besoin et de vous y référer pour ce qui concerne les éléments de communication de l’école.
Dans le doute, merci de contacter la cellule de communication de l’établissement en utilisant la page de contact.
charte graphique
L’identité visuelle a été mise au point par le studio Corpus, elle nécessite, pour s’imposer avec efficacité, une utilisation stricte et régulière. Merci de vous référer aux documents ci-dessous.
La charte Graphique complète est téléchargeable ci-dessous.
Le logotype et ses déclinaisons (pastille et identités de sections) sont téléchargeables au format PDF en versions CMJN (pour l’impression) et en versions RVB (pour écrans).
Si vous les préférez au format « image » (JPG et PNG), voici une archive zippée avec les principales formes du logotype dans un format « moyen ».
Vous trouverez en suivant ce lien un document-type pour les correspondances au format .doc (Word). Nota : Pour l’utiliser correctement il est nécessaire d’installer les typographies Acumin-Pro et GT-Sectra Black.
Voici également les logotypes institutionnels au format .svg (Éducation Nationale, Hauts-de-France et Académie de Lille)
couleurs
| gris ésaat #292929 |
beige ésaat #f5f0eb |
cinéma d’animation #66b2e3 |
espace #f18e7f |
| évènement #caba9f |
graphisme #c591c1 |
produit f6a94d |
textile #4fbbbd |
polices de caractères
Les deux polices de caractères sont la GT Sectra Black et l’Acumin Pro. Pour des raisons de droits, nous ne pouvons les partager en ligne mais la seconde est comprise dans la typothèque d’Adobe et peut être activée par tout utilisateur des logiciels Adobe (InDesign, Illustrator, etc). Envoyez nous un message si vous voulez qu’on vous envoie la première.
changements annuels
Les patchs d’identité de section seront mises à jour tous les ans, merci de faire attention d’utiliser les plus récentes.
Les portraits sur le site de l’école seront changés tous les ans. Il est important que toutes les sections soient représentées au fur et à mesure que le site se complète. Une charte de prise de vue a été mise au point, merci de vous y référer en contactant l’équipe de communication.
Un fichier Photoshop de préparation est disponible en suivant ce lien (PSD zippé de 9Mo).
signatures de courriers électroniques
Les modèles ci-dessous ont été préconisés par le studio Corpus, sélectionnez le modèle qui vous convient dans cette page, en mode texte ou dans le code HTML, et copiez-collez le en bas de votre courriel (dans votre logiciel de mail), changez ensuite les informations vous concernant. Pensez à personnaliser vos signatures dans les options de votre logiciel.
Si la manipulation s’avère complexe, essayez simplement de respecter la mise en page en utilisant une typographie Arial basique.
Prénom NOM
Fonction précise
03 20 24 xx xx
539 avenue des Nations Unies
59100 Roubaix
03 20 24 27 77
<div
style="width: 100%; background-color:white; color:#292929; font-family: Arial, sans-serif; padding:1em; line-height: 1.1em;">
<p style="color:#292929">
<strong>Prénom NOM</strong><br>
Fonction précise<br>
03 20 24 xx xx<br>
</p>
<p>539 avenue des Nations Unies<br>
59100 Roubaix<br>
03 20 24 27 77
</p>
<p style="color:#292929"><a href="https://www.esaat-roubaix.com"
style="color:#292929; text-decoration: underline; font-weight: bold;"
title="accéder au site de l'ésaat">www.esaat-roubaix.com</a>
</p>
<p>
<a href="https://www.esaat-roubaix.com" title="accéder au site de l'ésaat" style="background:none"><img
src="https://www.esaat-roubaix.com/app/uploads/2021/09/esaat_signature_logo.png" style="max-width:250px"/></a>
</p>
</div><div
style="width: 100%; background-color:white; color:#292929; font-family: Arial, sans-serif; padding:1em; line-height: 1.1em;">
<p style="color:#292929">
<strong>Prénom NOM</strong><br>
Fonction précise<br>
03 20 24 xx xx<br>
03 20 24 27 77 (accueil)
</p>
<p style="color:#292929"><a href="https://www.esaat-roubaix.com"
style="color:#292929; text-decoration: underline; font-weight: bold;"
title="accéder au site de l'ésaat">www.esaat-roubaix.com</a>
</p>
<p>
<a href="https://www.esaat-roubaix.com" title="accéder au site de l'ésaat" style="background:none"><img
src="https://www.esaat-roubaix.com/app/uploads/2021/09/esaat_signature_logo.png" style="max-width:250px"/></a>
</p>
</div>
<div
style="width: 100%; background-color:white; color:#292929; font-family: Arial, sans-serif; padding:1em; line-height: 1.1em;">
<p style="color:#292929">
<strong>Prénom NOM</strong><br>
Fonction précise<br>
03 20 24 xx xx<br>
03 20 24 27 77 (accueil)
</p>
<p style="color:#292929"><a href="https://www.esaat-roubaix.com"
style="color:#292929; text-decoration: underline; font-weight: bold;"
title="accéder au site de l'ésaat">www.esaat-roubaix.com</a>
</p>
<p>
<a href="https://www.esaat-roubaix.com" title="accéder au site de l'ésaat" style="background:none"><img
src="https://www.esaat-roubaix.com/app/uploads/2021/09/esaat_signature_logo_simple.png" style="max-width:120px"/></a>
</p>
</div>documents administratifs
La création de documents est laissée à l’appréciation de leurs auteurs, tant qu’ils cherchent au maximum à respecter la charte graphique. Dans le doute, n’hésitez pas à contacter la cellule de communication et à lui demander une création spécifique (couverture, écran de diaporama, affichette…). N’hésitez pas à vous inspirer des documents déjà réalisés.
animations du logotype
L’habillage animé a été mis au point par Corpus, vous trouverez en suivant ce lien un projet After Effects avec les métrages associés (zip de 9Mo) pour l’animation du logotype. Demandez à la cellule de communication pour des créations complémentaires.
édition du site internet
L’ajout de brèves d’actualité, la modification et l’ajout de pages est réservée aux délégués à la communication de chaque sections de l’école qui ont été formés pour cela sous la responsabilité éditoriale de la direction et du webmestre. Contactez les si vous voulez y faire des modifications ou des ajouts.
Voici une liste des délégués pour cette année 2023-2024 :
Délégué pour la direction : Arezki Aït-Gherbi
Délégué pour la section Animation et les cours du soir : Jean-Pierre Denève
Délégués pour la section Graphisme : Alexandra Pierlot-Hénon et Bastien Sion
Déléguée pour la section Espace : Clémence Brabant
Déléguée pour la section Textile : Isabelle Sarr
Délégué pour la section Produit : Jean-Baptiste Ricatte
Délégués pour la section Évènement : Gianni Cappelletti et Benoît Caudoux
Délégués pour le Baccalauréat STD2A : Agnès Dorchies et Mathieu Asseman
Responsables des portraits : Clémence Brabant et Magali Hu
Délégué pour les Relations Internationales et les langues : Gustavo San Juan
Webmestre : Cédric Villain
Une formation aux outils de gestion du site de l’école sera organisée selon les besoins des usagers.
N’hésitez pas à contacter les responsables de la communication pour toute demande spécifique.
Le webmestre.