Creating a tool for identity<\/span><\/h2>\n
\nIn order to convey an identifiable message in line with the project's signage needs, a bespoke typography was created. Naotypo<\/span> draws on the roundness of the logotype to create a playful, accessible brand tone. Designed to become a genuine graphic tool, it integrates a large number of identity elements, accessible via keyboard shortcuts: logotypes, signs, line numbers...[\/vc_column_text][vc_single_image image=\"68005\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67742\" img_size=\"full\" alignment=\"center\"][vc_gallery interval=\"3\" images=\"67746,67750\" img_size=\"full\" onclick=\"\" el_class=\"masque-nav\"][vc_row_inner][vc_column_inner width=\"1\/4\"][vc_column_text]\nTailor-made messages<\/span><\/h3>\nVery quickly, the Naolib universe unfolded with its own brand tone: short, expressive messages, an obvious closeness to its audience, puns to make people smile... We provided the brand with an editorial charter to simplify the writing of future content and inspire the communications teams.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"3\/4\"][vc_single_image image=\"68009\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67846\" img_size=\"full\" add_caption=\"yes\"][vc_separator][vc_row_inner][vc_column_inner width=\"1\/3\"][vc_column_text]\n
04. Pictograms<\/h2>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]\nNaopictos<\/span><\/h2>\n
\nFor a mobility brand, the pictogram library is an essential element. The challenge (which turned out to be more complicated than you might think) was to bring the Naolib universe to life, while complying with accessibility regulations.[\/vc_column_text][vc_single_image image=\"67788\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67790\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"67836\" img_size=\"full\" add_caption=\"yes\"][vc_separator][vc_row_inner][vc_column_inner width=\"1\/3\"][vc_column_text]\n
05. Visual universe<\/h2>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]\nFlowing mobility<\/span><\/h2>\n
\nNaolib's visual and iconographic universe combines two graphic tools to express its vision of flowing mobility:<\/p>\n
\n- A flowing layout:<\/strong>\u00a0This represents a smooth, fluid itinerary. Its full curves, harmonious in their twists and turns, ensure the expression of a simple and peaceful movement within the Nantes metropolis.<\/li>\n
- Figurative illustrations:<\/strong> Within the system, the layout becomes the medium for multiple scenes of mobility. Sometimes used as a road on which a bus or pedestrian travels, sometimes as an arm to which we add a hand... Its most figurative expressions represent mobility as imagined in Nantes: playful and accessible.<\/li>\n<\/ul>\n
It's by combining these two elements that the magic of the system works. It's up to you to design mobility the way you want it![\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67840\" img_size=\"full\" add_caption=\"yes\"][vc_single_image image=\"67754\" img_size=\"full\" alignment=\"center\"][vc_gallery interval=\"3\" images=\"67756,67758,67760,67762\" img_size=\"full\" onclick=\"\" el_class=\"masque-nav\"][vc_single_image image=\"67792\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"67794\" img_size=\"full\" alignment=\"center\"][vc_gallery interval=\"3\" images=\"67772,67774\" img_size=\"full\" onclick=\"\" el_class=\"masque-nav\"][vc_single_image image=\"67842\" img_size=\"full\" add_caption=\"yes\"][vc_separator][vc_row_inner][vc_column_inner width=\"1\/4\"][vc_column_text]\n
Illustrations<\/span><\/h3>\nAs the project was originally conceived on paper, we had to transcribe this human gesture, this felt-tip material, onto digital creation media. Thanks to the creation of an Illustrator \"brush\" (retranscribing the technical roughness of a hand drawing), we created an illustrative toolbox comprising around a hundred fundamental elements: modes of transport, vegetation, contextual elements, characters... For more specific needs, the toolbox is designed to be modular, so that elements can be interchanged or a new illustration can be easily created.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/4\"][vc_single_image image=\"67786\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"67784\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][vc_column_inner width=\"1\/4\"][vc_single_image image=\"67782\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"67780\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][vc_column_inner width=\"1\/4\"][vc_single_image image=\"67778\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"67776\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67991\" img_size=\"full\"][vc_gallery interval=\"3\" images=\"67993,67995,67997,67999,68001,68003\" img_size=\"large\" onclick=\"\"][vc_separator][vc_row_inner][vc_column_inner width=\"1\/4\"][vc_column_text]\n
Drawing your commute to work, imagining tomorrow's mobility, expressing your love for the Nantes metropolis... there are so many stories to imagine!<\/div>\n
Together with the teams from the city and the agency, we played the game of imagining the brand's future expressions. We tell the story behind the scenes in the dedicated podcast.<\/div>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"3\/4\"][vc_gallery interval=\"3\" images=\"67764,67766,67768\" img_size=\"full\" onclick=\"\" el_class=\"masque-nav\"][\/vc_column_inner][\/vc_row_inner][vc_separator][vc_single_image image=\"67844\" img_size=\"full\" add_caption=\"yes\"][vc_single_image image=\"67796\" img_size=\"full\" alignment=\"center\"][vc_gallery interval=\"3\" images=\"67812,67814\" img_size=\"full\" onclick=\"\" el_class=\"masque-nav\"][vc_single_image image=\"67806\" img_size=\"full\" alignment=\"center\"][vc_row_inner][vc_column_inner width=\"1\/2\"][vc_single_image image=\"67810\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][vc_column_inner width=\"1\/2\"][vc_single_image image=\"67808\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67736\" img_size=\"full\" alignment=\"center\"][vc_row_inner][vc_column_inner width=\"1\/2\"][vc_single_image image=\"67800\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][vc_column_inner width=\"1\/2\"][vc_single_image image=\"67798\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67804\" img_size=\"full\" alignment=\"center\"][vc_row_inner][vc_column_inner width=\"1\/2\"][vc_single_image image=\"67816\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][vc_column_inner width=\"1\/2\"][vc_single_image image=\"67820\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67818\" img_size=\"full\" alignment=\"center\"][vc_separator][vc_row_inner][vc_column_inner width=\"1\/3\"][vc_column_text]\n
06. Signage<\/h2>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]\nIdentity in the urban environment<\/span><\/h2>\n
\nOnce the identity had been finalized, we helped the city and its partners with the signage. While these materials are often constrained by regulatory codes, the positive personality of the brand had to be kept in mind.[\/vc_column_text][vc_single_image image=\"67828\" img_size=\"full\" alignment=\"center\"][\/vc_column_inner][\/vc_row_inner][vc_single_image image=\"67830\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"67826\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"67824\" img_size=\"full\" alignment=\"center\"][vc_single_image image=\"67832\" img_size=\"full\" alignment=\"center\"][vc_separator][vc_row_inner][vc_column_inner width=\"1\/3\"][vc_column_text]\n
06. Reveal<\/h2>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]\nHi, <\/span>Naolib, <\/span>nice to meet you!<\/span><\/h2>\n
\nTo mark the brand's unveiling to the general public, a video clip was produced to explain the background to its creation, its challenges and its values.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_video link=\"https:\/\/www.youtube.com\/watch?v=vxInHT3YX5k\"][vc_column_text]Motion design : S\u00e9bastien Vincent<\/span>[\/vc_column_text][vc_separator][vc_row_inner][vc_column_inner width=\"1\/3\"][\/vc_column_inner][vc_column_inner width=\"2\/3\"][vc_column_text]Thanks to Sara Burgaud, Olivier Lepr\u00e9vost, Xavier Crouan and all the teams at Nantes M\u00e9tropole, NGE, TAN, Effia and JCDecaux, for their confidence and creativity.<\/p>\nThanks to the agencies and partners with whom we had the pleasure of collaborating: S\u00e9bastien Vincent (motion design), Agence Jujotte (website), Agence Antigel (communication campaign), Agence Copenhagenize (bicycle network), Emmanuelle Valli (Wording).[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator][vc_column_text]\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row disable_element=\"yes\"][vc_column width=\"1\/4\"][\/vc_column][vc_column width=\"3\/4\"][vc_tta_accordion style=\"flat\" shape=\"square\" color=\"white\" active_section=\"\" no_fill=\"true\" collapsible_all=\"true\"][vc_tta_section title=\"Plus d'informations\" tab_id=\"1525791213292-321ceee4-2378c5d0-d700\"][vc_separator][vc_row_inner][vc_column_inner width=\"1\/2\"][vc_column_text]\n
Description d\u00e9taill\u00e9e pour R\u00e9f\u00e9rencement<\/h4>\n
Cette partie \"plus d'information\" peut \u00eatre supprim\u00e9e si l'ensemble de l'article contient plus de 700 mots. Dans le cas contraire, on peut coller ici du \"blabla\" que personne ne lira vraiment... mais que google appr\u00e9ciera.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\"1\/2\"][vc_column_text]\n
Description d\u00e9taill\u00e9e pour r\u00e9f\u00e9rencement<\/h4>\n
Lorem ipsum dolores est silla.\u00a0Lorem ipsum dolores est silla.\u00a0Lorem ipsum dolores est silla.\u00a0Lorem ipsum dolores est silla.\u00a0Lorem ipsum dolores est silla.\u00a0Lorem ipsum dolores est silla.\u00a0Lorem ipsum dolores est silla.\u00a0Lorem ipsum dolores est silla.\u00a0Lorem ipsum dolores est silla.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_tta_section][\/vc_tta_accordion][\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"
Naolib, Nantes M\u00e9tropole’s new mobility brand, a single brand that brings together all the region’s transport operators (bus, streetcar, bicycle, parking, etc.).<\/p>\n","protected":false},"featured_media":67717,"comment_status":"open","ping_status":"closed","template":"","class_list":["post-67987","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio-category-identite-en","portfolio-category-illustration-en","portfolio-category-podcast-en","portfolio-category-signaletique-en","portfolio-tags-institutionnel-en"],"yoast_head":"\n
Naolib - Nantes M\u00e9tropole Mobility<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n\n\n\n\t\n