FORMA6
Mars 2018
![Packshot studio des documents forma6 Photographie avec des intercalaires A4 mise en page](https://la-casse.fr/wp-content/uploads/2018/04/Night-Forma6.jpg)
CONTEXTE
forma 6 est une agence d’architecture, d’urbanisme et de paysage nantaise. Exigeante et engagée, forma 6 élabore depuis 1988 des solutions toujours plus efficientes et durables.
Cette démarche s’inscrit dans la posture empathique de l’agence. Elle cherche à répondre aux besoins des usagers et implique les acteurs locaux de ces projets.
La genèse de forma 6 à six associés illustre cet attachement à l’intelligence collective. Aujourd’hui, l’agence rassemble une cinquantaine de collaborateurs possèdant chacun un bagage unique.
Toutes ces expériences, ces idées, ces principes et ces envies se mêlent et s’allient pour une mission commune : celle de contribuer à fabriquer une ville plus juste et humaine.
Plus d’info : www.forma6.net
PROCESSUS
Nous avons été missionnés par forma 6 pour remanier leur identité visuelle, faciliter l’usage des documents en interne et rendre l’image de l’agence plus cohérente sur tous les supports, qu’ils soient papiers ou numériques. Forma 6 désirait une identité plus contemporaine, nous nous sommes mis au travail et avons apporté une réponse moderne et élégante.
![Schema Stratégie Statégie de communication](https://la-casse.fr/wp-content/uploads/2018/04/Schema-Stratégie.png)
STRATÉGIE : FAIRE ÉVOLUER L'EXISTANT
Il nous a été demandé de rendre l’image de forma 6 plus cohérente. Pour se faire, nous avons capitalisé sur l’existant plutôt que de rompre avec la communication existante. De nombreux éléments identitaires de l’agence ont donc été conservé : la couleur dominante rouge, un caractère typographique sans serif, l’absence d’attribut visuel, etc. Nous les avons fait évolué pour les rendre plus dynamique et plus contemporain.
![Comparatif de couleur rouge Pantone warm red](https://la-casse.fr/wp-content/uploads/2018/04/Schema-Couleur-1.png)
Dynamiser la couleur
Nous avons opté pour un Pantone plus vibrant, le Warm Red est vivace.
Création d'un caractère typographique personnalisée : le Forma 6
Nous avons décidé de travailler sur la base d’une typographie réalisée par l’atelier, le LCT Picon. La police de caractères forma 6 est légèrement plus ronde et ses déliés sont plus fins. Un soin tout particulier a été apporté pour rendre la lecture de cette linéale confortable. Le caractère forma 6 se déploie naturellement sur Mac et PC.
![Scan Picon Sketch croquis lettrage main](https://la-casse.fr/wp-content/uploads/2018/04/ScanPiconSketch.png)
![le Forma6 : un caractère lisible Caractère typographique sans-serif de labeur](https://la-casse.fr/wp-content/uploads/2018/04/Schema-Valeur-du-caractère-Forma6-1-1.png)
![le Forma6 : un caractère humain Le Forma6 est une linéal humaniste](https://la-casse.fr/wp-content/uploads/2018/04/Schema-Valeur-du-caractère-Forma6-4-1.png)
![le Forma6 : un caractère contemporain Le forma6 est un caractère sans empattement moderne](https://la-casse.fr/wp-content/uploads/2018/04/Schema-Valeur-du-caractère-Forma6-2-1.png)
![le Forma6 : un caractère identitaire Le forma6 est un caractère typographique facilement identifiable](https://la-casse.fr/wp-content/uploads/2018/04/Schema-Valeur-du-caractère-Forma6-3.png)
![Ce caractère typographique dessinée sur mesure est décliné notamment en Light, Regular, Bold Le forma6 contient beaucoup de graisses différentes](https://la-casse.fr/wp-content/uploads/2018/04/Extrait-présentation-Forma6-2.png)
![La famille de caractère forma6 contient de très nombreuses graisses La font Forma6 est composée de 8 graisses et 2 chasses](https://la-casse.fr/wp-content/uploads/2018/04/Extrait-présentation-Forma6-1.png)
![Fonction avancée opentype -logo- En tapant -logo- , le logo forma6 apparait !](https://la-casse.fr/wp-content/uploads/2018/04/logo-.gif)
![Dingbats Toute la famille de caractère Forma6 contient des formes décoratives](https://la-casse.fr/wp-content/uploads/2018/04/Dingbats.png)
![Chiffres Cerclés Le Forma6 est une font sans-serif possédant des chiffres cerclés dans sa table des gyphes](https://la-casse.fr/wp-content/uploads/2018/04/Chiffres-Cerclés.png)
Des fonctions intégrées pour améliorer le quotidien
Toujours dans l’optique de faciliter l’usage au quotidien, nous avons intégré dans la police de caractères plusieurs fonctionnalités inédites :
le logo peut être activé au clavier, des glyphes utiles pour les architectes sont présents et les chiffres boules ont été ajoutées.
Création du logotype
Le logotype n’a pas besoin d’un attribut visuel venant complexifier le message. La racine latine de forma (tenir) et son exposant 6 (ensemble) racontent avec justesse l’entreprise. Le travail sur l’identité est l’art de l’économie de moyens, il s’agit de faire naître le plus avec le moins. Nous prenons le relai, de ce que, étymologie et exposant ont su engager.
Le logotype a été réalisé à partir de la typographie forma 6 l’extended medium.
![Logotype forma 6 Logotype forma 6](https://la-casse.fr/wp-content/uploads/2018/04/Schema-Construction-Logo__Gif.gif)
![Schéma de construction du logo et de l'harmonisation approche et exposant](https://la-casse.fr/wp-content/uploads/2018/04/Schema-Construction-Logo_harmonisation.png)
Harmonisation
Un travail d’équilibre a été produit. Sur les approches puis sur le 6 afin de parvenir à l’harmonie la meilleure.
![Logotype aplat de couleur Logotype aplat de couleur](https://la-casse.fr/wp-content/uploads/2018/04/Logo-sur-applat__white.png)
![Grille de mise en page Les gabarits Forma6 sont mise en page avec une grille](https://la-casse.fr/wp-content/uploads/2018/04/Grille.png)
Système de mise en page modulaire
La page de gauche fait la part belle aux textes, tandis que les photographies se positionnent à droite. Les informations ont une place immuable. Cela permet aux lecteurs de se repérer aisément d’un projet à l’autre. Le système fait entrer les documents de l’agence en résonance.
Le document est simple à l’usage, la prise en main se fait naturellement. Le gabarit offre suffisamment de latitude pour créer des mises en page dynamiques. Le gabarit s’applique à tous les documents mis en page.
![Un système de grille permet de généré des gabarits de mise en page Toutes les mises en pages sont construites avec une grille de 6 colonnes](https://la-casse.fr/wp-content/uploads/2018/04/Grille88GIF-1.gif)
![L'identité visuelle a été pensé pour de multiple supports aux formats différents La charte graphique permet de créer des documents en A4 mais aussi en A0, A1, A2, A3 et A5](https://la-casse.fr/wp-content/uploads/2018/04/MockUp__02.jpg)
Une grille qui s'adapte à tous les formats
En portrait ou en paysage, le gabarit s’adapte à tous les supports.
L’identité visuelle tient tous les documents (A5, A4, A3, A0), la communication visuelle est pertinente.
Plus de 120 documents créés
![Mockup montrant des format A4 personnalisé Schéma montrant les différentes mise en page A4](https://la-casse.fr/wp-content/uploads/2018/04/MockUp__01.jpg)
Identité de l’agence, externe :
Fiches projet
Portfolio
Présentation (indesign)
Dossier A3 portrait/paysage
Planche de rendu
Signature de mail
Tampons
Note méthodologique
Dossier de presse
Communiqué de presse
Invitation
Identité de l’agence, interne :
Organigramme
Cartes
Cartouches
Documents de travail (word, excel, indesign)
Compte rendu
Pictogrammes
Papeterie :
Étiquettes de classeurs
Couverture de dossier
Lettre à entête
Cartes de visite
Intercallaires
Autocollants
Charte graphique
Un choix de papier pertinent
Tous les documents ont été imprimés sur du papier Curious Matter. La matière de ce papier donne une sensation très minérale au touché. Le mat du papier s’associe parfaitement avec la Pantone Warm Red.
![Gabarits compatible avec Microsoft Word, Microsoft Excel et Adobe InDesign Les gabarits conçu pour forma6 sont conçu pour Microsoft Word, Microsoft Excel et Adobe InDesign](https://la-casse.fr/wp-content/uploads/2018/04/Compatible.jpg)
Compatible Office & IndDesign
![Photographies des intercalaires pour book de l'agence Forma6 Les intercalaires ont été imprimées sur du Curious Matter avec deux Pantone](https://la-casse.fr/wp-content/uploads/2018/04/Forma6-Déclinaison-intercalaire.jpg)
![Pictogrammes personnalisés pour architecte Des pictogrammes ont été spécialement désigné pour l'agence forma6](https://la-casse.fr/wp-content/uploads/2018/04/picto.png)
![Un système d'intercalaire permet de composer des book facilement Les book de l'agence nantaise d'architecture forma6 est modulaire.](https://la-casse.fr/wp-content/uploads/2018/04/Intercalaires__Gif.gif)
![Les cartes de visites sont nomminatives Les cartes de visite de forma6 sont imprimées sur du Curious Matter](https://la-casse.fr/wp-content/uploads/2018/04/carte_de_voeux.gif)
Site internet
Le site forma6.net est une déclinaison de l’identité visuelle. On y retrouve le système de mise en page, responsive design pour tous les écrans, le colonage ainsi que l’ensemble des aspects graphiques et typographiques qui façonne l’identité visuelle de l’agence.
Le menu se déroule en volet sans en masquer complètement le contenu : les images sur la droite sont toujours visibles.
Nous avons imaginé plusieurs vues pour les projets. Le contenu peut se ranger par image, par liste ou par géographie afin de permettre une entrée plus aisée dans l’univers de forma 6.
Les pages projets reprennent la mise en page du book de l’agence. La partie informative reste fixe à l’écran, cela permet à l’usager de profiter des médias sans perdre de vue les informations clés du projet.
Le site est construit sur une template WordPress sur mesure, dont le back-office (ou arrière-boutique) est entièrement personnalisé au besoin du modérateur·rice.
Voir le site : www.forma6.net
![Webdesign - Page projet architecture Extrait d'une page web du site de Forma 6 consacrée à un projet d'architecture Nantais](https://la-casse.fr/wp-content/uploads/2018/04/webdesign-forma6-9.png)
![Webdesign - Menu animé Capture d'écran d'une page web du site de forma6 avec le menu ouvert](https://la-casse.fr/wp-content/uploads/2018/04/webdesign-forma6-9-5.png)
TECHNOLOGIES & FONCTIONS INTÉGRÉES
— Responsive Design
— WordPress
— HTML5
— CSS3
— JS
— Back-office sur mesure
— Site dynamique
![09](https://la-casse.fr/wp-content/uploads/2018/05/09.jpg)
![Webdesign - liste de projet Extrait du book numérique de l'agence forma6](https://la-casse.fr/wp-content/uploads/2018/05/06.jpg)
![Webdesign - Google Map minimal](https://la-casse.fr/wp-content/uploads/2018/05/08.jpg)
![01](https://la-casse.fr/wp-content/uploads/2018/05/01.jpg)
![10](https://la-casse.fr/wp-content/uploads/2018/05/10.jpg)
![03](https://la-casse.fr/wp-content/uploads/2018/05/03.jpg)
![07](https://la-casse.fr/wp-content/uploads/2018/05/07.jpg)
![04](https://la-casse.fr/wp-content/uploads/2018/05/04.jpg)
Charte graphique, la mémoire des usages
![charte forma6](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma6.png)
![charte forma64](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma64.png)
![charte forma63](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma63.png)
![charte forma657](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma657.png)
![charte forma65](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma65.png)
![charte forma657](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma657.png)
![charte forma67](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma67.png)
![charte forma66](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma66.png)
![charte forma69](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma69.png)
![charte forma610](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma610.png)
![charte forma611](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma611.png)
![charte forma612](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma612.png)
![charte forma613](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma613.png)
![charte forma614](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma614.png)
![charte forma615](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma615.png)
![charte forma616](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma616.png)
![charte forma617](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma617.png)
![charte forma618](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma618.png)
![charte forma619](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma619.png)
![charte forma620](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma620.png)
![charte forma621](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma621.png)
![charte forma622](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma622.png)
![charte forma623](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma623.png)
![charte forma624](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma624.png)
![charte forma625](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma625.png)
![charte forma626](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma626.png)
![charte forma627](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma627.png)
![charte forma628](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma628.png)
![charte forma629](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma629.png)
![charte forma630](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma630.png)
![charte forma631](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma631.png)
![charte forma632](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma632.png)
![charte forma633](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma633.png)
![charte forma634](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma634.png)
![charte forma635](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma635.png)
![charte forma636](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma636.png)
![charte forma637](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma637.png)
![charte forma638](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma638.png)
![charte forma639](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma639.png)
![charte forma640](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma640.png)
![charte forma641](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma641.png)
![charte forma642](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma642.png)
![charte forma643](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma643.png)
![charte forma644](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma644.png)
![charte forma645](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma645.png)
![charte forma646](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma646.png)
![charte forma647](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma647.png)
![charte forma648](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma648.png)
![charte forma649](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma649.png)
![charte forma650](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma650.png)
![charte forma651](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma651.png)
![charte forma652](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma652.png)
![charte forma653](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma653.png)
![charte forma654](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma654.png)
![charte forma655](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma655.png)
![charte forma656](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma656.png)
![charte forma657](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma657.png)
![charte forma658](https://la-casse.fr/wp-content/uploads/2018/03/charte-forma658.png)