Collectif 201

Ahoy !

meeXers

Horizon

Magician

Faaastr

Moonimize

Collectif Wild & Web

Koojira Studio

Votre équipe rédaction web

Ventures Collective

LE SON ET L'IMAGE

Peony

Décollé

La Web Squad

Qolaig

Innovizer

la croquette.

Grandclaude & Guyard - Avocats associés

<p>Après étude des besoins de nos clients, nous avons réalisé pour eux un site vitrine facile à prendre en main pour l'utilisation et la gestion d'une équipe de deux personnes.</p><p></p><p>Le choix de notre développeur s'est porté sur WordPress pour permettre une préhension simplifiée et le choix de notre graphiste s'est porté sur un design sobre et élégant aux couleurs de la charte graphique du client avec incrémentation de leur logo.</p><p></p><p>Cette réalisation permet notamment la mise à disposition d'informations essentielles du cabinet et un éventuel premier contact numérique.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clchwe4nx007s5leb5ryq23id.jpg"><div class="image-overlay"></div></div></div></div>

WordPress

UX Product Design

Graphic Design

G-Avocats

ICN Business School

<p>Après l'achat d'un matériel tactile auprès d'une entreprise locale, le client s'est rendu compte que le logiciel fourni n'était pas parfaitement adapté.</p><p>Il nous a donc été demander de réaliser une application « kiosque » pour une table tactile en école de commerce et de management avec les fonctionnalités suivantes :</p><p></p><ul><li><p>Possibilité de visualiser des brochures PDF (carrousel, animations, etc.)</p></li><li><p>Possibilité de visionner des vidéos via l'API Youtube</p></li></ul><p></p><p>Cette table est mise à disposition du public lors des événements de l'école (portes ouvertes, « Admissibles », etc.).</p><p></p><p>Après étude des besoins avec notre client, notre développeur web s'est tourné vers le langage Node.JS pour différentes raisons, en plus d'une connaissance accrue de ce langage : </p><p></p><ul><li><p>Une meilleure dynamique</p></li><li><p>Une apparence plus « moderne »</p></li><li><p>Une performance essentielle pour une meilleure fluidité dans les interactions avec les usagers</p></li></ul>

Réalisation d'une application kiosque sur table tactile pour une école de commerce et de management

React

Node

Application kiosque sur table tactile

Mangeot Avocat

<p>Après étude des besoins de notre client, nous avons réalisé pour lui un site vitrine facile à prendre en main pour l'utilisation et la gestion en autonomie d'une seule personne.</p><p></p><p>Le choix de notre développeur s'est porté sur WordPress pour permettre une préhension simplifiée et le choix de notre graphiste s'est porté sur un design sobre et élégant aux couleurs de la charte graphique du client. </p><p></p><p>Cette réalisation permet notamment l'intégration de vidéos Youtube, de billets rédigés par le client (via un blog) et d'articles de presse - des éléments essentiels à mettre en avant dans la vie d'un avocat.</p>

Web Design

Vézelise

<p>Après étude des besoins de notre client, nous avons réalisé pour lui un site complet, mais tout à fait facile à prendre en main.</p><p></p><p>La problématique ici était double : permettre à une mairie de communiquer aisément avec ses administré.e.s tout en offrant aux employé.e.s municipaux.ales en charge du bon fonctionnement de ce site un back office simple à gérer.</p><p></p><p>Le choix s'est donc naturellement porté sur WordPress avec les principales fonctionnalités suivantes à travers la mise en place d'un site multipages et à gabarit variable (<em>responsive design</em>) :</p><p></p><ul><li><p>Proposer aux administré.e.s la possibilité de réaliser des démarches administratives en ligne via une interface moderne mais intuitive</p></li><li><p>Mettre en avant la vie de la commune via des actualités, des informations sur les événements (culturels, associatifs, etc.)</p></li></ul><p></p><p>Le site s'est accompagné de la mise à disposition d'un document numérique PDF et imprimé « pas à pas » avec captures d'écran pour accompagner et prolonger la formation proposée en présentiel dans les locaux.</p>

Art-sur-Meurthe

<p>Après étude des besoins de notre client, nous avons réalisé pour lui un site complet, mais tout à fait facile à prendre en main.</p><p></p><p>La problématique ici était double : permettre à une mairie de communiquer aisément avec ses administré.e.s tout en offrant aux employé.e.s municipaux.ales en charge du bon fonctionnement de ce site un back office simple à gérer.</p><p></p><p>Le choix s'est donc naturellement porté sur WordPress avec les principales fonctionnalités suivantes à travers la mise en place d'un site multipages et à gabarit variable (<em>responsive design</em>) :</p><p></p><ul><li><p>Proposer aux administré.e.s la possibilité de réaliser des démarches administratives en ligne via une interface moderne mais intuitive</p></li><li><p>Mettre en avant la vie de la commune via des actualités, des informations sur les événements (culturels, associatifs, etc.)</p></li></ul><p></p><p>Le site s'est accompagné de la mise à disposition d'un document numérique PDF « pas à pas » avec captures d'écran pour accompagner et prolonger la formation proposée en présentiel dans les locaux.</p>

Site web de la commune d'Art-sur-Meurthe (54)

Basket Club Liverdun

<p>Après avoir adopté un nouveau logo, le Basket Club Liverdun avait besoin de nouvelles tenues de matchs avec la nouvelle identité graphique.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n1y0t41ro173hjho7d13o3.jpg"><div class="image-overlay"></div></div></div></div>

Visual Identity

BC Liverdun - Design des tenues de match

<p>Le BC Liverdun voulait un nouveau logo qui reflète un look plus moderne &amp; une identité forte.</p><p></p><p>Avec ce nouveau logo, la volonté est d'impulser une nouvelle dynamique dans la communication et l'image du club en se modernisant et en y incluant un symbole de la ville (le château de Liverdun).</p>

Refonte d’une identité visuelle d'un club de sport (basketball)

Refonte du logo du club de basketball de Liverdun

Compagnie Rêve général !

<p>Dans le cadre du festival d’Avignon, présentant ses différentes pièces de théâtres, la Compagnie <em>Rêve général&nbsp;!</em> avait besoin de deux flyers pour présenter ses deux pièces de théâtres&nbsp;: <em>Miran, variations autour d'une absence</em> &amp; <em>Dans ta valise.</em></p><p></p><p>Pour <em>Dans ta valise</em>, nous avons joué sur le titre et donc nous avons misé sur la forme d’une étiquette de bagage afin de communiquer les différentes informations sur la pièce.</p><p></p><p>Pour <em>Miran, variations autour d'une absence</em>, nous avons opté pour la forme d’un marque-page car, lors de ce festival, il est difficile de se démarquer d'une concurrence féroce en restant dans un format familier et aisément transportable pour des programmateurs submergés d'informations.</p>

Réalisation de deux flyers sous la forme d’un marque-page et d’une étiquette de bagage

Le travail en allers et retours avec Florian et Anne-Cécile a permis de mettre en oeuvre notre idée d'éléments de communication pour le Festival AVIGNON OFF 2022. L'assistance et les conseils de Florian ont permis un meilleur dialogue avec l'imprimeur et ses besoins. 

Compagnie Rêve général ! – Réalisation de 2 flyers sur un format original 

<p>Dans le cadre du festival d’Avignon, présentant ses différentes pièces de théâtres, la <em>Compagnie Rêve général&nbsp;! </em>avait besoin d’une brochure de présentation facilement distribuable et avec un format de poche. Nous avons donc opté pour un format A6 fermé de 32 pages.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n1fe0u1r5m70h3dmcb345e.jpg"><div class="image-overlay"></div></div></div></div>

Réalisation d’un catalogue A6 de présentation d’une compagnie de théâtre à Épinal (88)

Le travail en allers et retours avec Florian et Anne-Cécile a permis de mettre en oeuvre notre idée d'éléments de communication pour le Festival AVIGNON OFF 2022. L'assistance et les conseils de Florian ont permis un meilleur dialogue avec l'imprimeur et ses besoins. La réactivité de l'équipe du Collectif 201 nous permet de mettre à jour les informations de ce document essentiel dans notre communication avec nos (futurs) partenaires institutionnels.

Compagnie Rêve général ! – Réalisation d’un catalogue A6

<p>Afin de donner une identité graphique aux bâtiments et de guider les étudiants et personnels de l’école de management ICN Business School, nous avons élaboré toute une signalétique sur le thème de l’art, du management, de la technologie et bien entendu de l’éducation.</p><p></p><p>Cette signalétique a été mise en place dans les trois campus d’ICN Business School, c’est-à-dire à Nancy Campus ARTEM, à Paris La Défense &amp; à Berlin.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n189cx1r3070h34jicb6q9.JPG"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n17yhb1r2t70h3f1778j9i.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n17omc1rfo73hjczzi0znh.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n173jy1r2i70h3ars0c766.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n13hpi1r1i70h3ay8afutg.jpg"><div class="image-overlay"></div></div></div></div>

Mise en place de différents visuels et d’une signalétique sur les différents campus d’ICN Business School (Nancy, Paris & Berlin)

ICN Business School – Signalétique intérieure et extérieure 

<p>Dans le cadre des «&nbsp;Admissibles&nbsp;» organisés par l’école de management ICN Business School, il a fallu mettre en place des supports pour une campagne de communication dans les trois villes des campus de l’école, à savoir Paris, Nancy &amp; Berlin. </p><p></p><p>Dans chaque ville, ont été mis en place des affiches publicitaires dans les arrêts de bus/tram/métro, des panneaux publicitaires ainsi que des beach flags aux abords de l’école.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n19c5z1r3h70h3du6v26q3.jpg"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n0zbmh1r0670h3cpw64xsx.png"><div class="image-overlay"></div></div></div></div>

Mise en place d’une campagne publicitaire (affiches, beach flags, etc.)

ICN Business School – Campagne d’affichage

<p>En collaboration avec l’école de management ICN Business School, nous avons réalisés plusieurs supports «&nbsp;print&nbsp;» (supports imprimés) tels que des brochures et flyers, afin de présenter l’école aux futurs étudiants lors de différents salons d’orientations internationaux.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n0pnos1qwa70h30ozf6e18.jpg"><div class="image-overlay"></div></div></div></div>

Création de divers documents imprimés (flyers, brochures, etc.)

ICN Business School – Print

<p>Dans le cadre des «&nbsp;Admissibles&nbsp;» organisés par l’école ICN Business School, l’école de management distribuait des tote-bags identifiés aux différents campus (Paris, Nancy &amp; Berlin).</p>

Création d’un tote-bag pour une grande école de management

ICN Business School – Tote-bag

90 Tech

<p>Dans le cadre de la refonte de son identité visuelle, la start-up 90Tech, basée à Metz (57), avait besoin d’un nouveau logo illustrant son activité de conception logicielle.<br><br>La start-up 90Tech avait un besoin précis de moderniser son identité visuelle et ainsi rendre un aspect plus serein, jeune et dynamique. </p><p></p><p>Le logo devait aussi, implicitement, renvoyer des valeurs d’accompagnement total auprès des futurs clients de la société.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n0jzc61qu370h39vwlh8t3.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cl9n0jt3j1r7873hjc98cfg6y.png"><div class="image-overlay"></div></div></div></div>

Logotype de la start-up 90Tech

<p>Le Collectif 201 est <strong>une équipe de créateurs dynamiques et compétents</strong>, prêts à construire avec vous tous vos projets de communication numérique, avec une spécialisation dans le web et le design graphique. <br></p><p></p><p>Nous vous accompagnons dans votre présence sur le web. Nous composons pour vous une équipe de freelances dédiés pour chacun de vos projets. <br></p><p></p><p>Trois interlocuteurs principaux restent à votre disposition : une référente administrative, un référent technique et un référent artistique.</p><p></p><p>Du fait de nos formations et de nos expériences en graphisme et en développement web, nous réalisons vos projets en prenant en considération toutes les facettes de votre futur site web : <strong>vos besoins de commanditaire</strong>, <strong>l’expérience utilisateur</strong> et <strong>les dernières pratiques et recommandations web</strong>.</p><p><br><em>En d’autres termes, nous faisons correspondre </em><strong><em>UX design</em></strong><em> et </em><strong><em>UI design </em></strong><em>avec </em><strong><em>développement web.</em></strong></p><p></p><p>Nous pensons notre méthodologie et notre accompagnement pour vous permettre de vous impliquer, selon vos besoins. A notre sens, participer à la construction de l’outil facilite aussi la manière de vous <strong>l’accaparer</strong>.</p><p></p><p>En matière de gestion de projet, nous privilégions la <strong>méthodologie AGILE</strong>, centrée sur l’humain et sur la communication, plus souple et plus adaptée, plutôt que la méthodologie “<em>waterfall</em>” (en cascade), “traditionnelle”.</p>

791 collectifs