En visitant notre site, vous acceptez notre politique de confidentialité sur les cookies, le suivi statistique, etc.

Communication d'utilité publique

site internet

Logoressourcesurbaines

2022 | ressources urbaines : site internet, design et développement

Après que C.U.P. ait créée la nouvelle identité du Centre de ressources en Île-de-France 91 94 77 : voici le site internet refait à neuf, avec une charte graphique illustrée de pictogrammes thématiques et de dégradés couleurs. Design d’information pour un contenu complexe et rédactionnel ainsi des actus territoriales prolifiques !

| Site web wordpress, navigation à plusieurs niveaux, agenda, documentation ressources, filtre de recherches avancées, formation | © direction artistique, storyboard et graphisme : mathilde et osama | développement et intégration : mahé
working on a web template on the laptop >

federationsudsantesociauxaphpcoulpt

2022 | campagne nationale syndicale pour les personnels hospitaliers

Tous les 4 ans ont lieu les élections professionnelles des délégués syndicaux : instance représentative du personnel hospitalier pour discuter et négocier des futures conditions de travail à l’hôpital.  © C.U.P. a conçu sur-mesure une stratégie et imaginé une communication humaine & féminine pour la cible des professionnelles, en majorité des femmes trentenaires. Sur les réseaux sociaux et à distribuer, ce sont des milliers de kits de campagne envoyés dans tous les hôpitaux de France.
| Affiches, tracts, stickers, rubalise, faux médicaments placebo en bonbons Haribo, fausse ordonnance prescriptions, objets de communication décalés… | Formation aux vidéos et campagne sur réseaux sociaux Tik Tok Facebook avec ©Elsa | Conseil stratégique : Mathilde Bardel, Direction artistique : © Cléo d’Oréfice et Mathilde Bardel. Illustrations : © Mona Leuleu. Rédaction maquette bureautique : Isabelle et Romain. Fabrication et dispatch en ESAT. Photos ©Pexels, Unsplash, Pixabay, Freepik |

 

Continuer la lecture de CAMPAGNE POUR L’HOPITAL PUBLIC

mockup affiche lhopitalencommun1 >

Logo Association Addictions France

2020 | étude sondage BVA : campagne de communication en santé publique « crise covid, confinement et addictions »

Suite à la crise de la COVID19, les addictions ont augmenté pendant les confinements et le constat en santé publique est amer. Voici des extraits des résultats de cette enquête dans les centres d’addictologie de France, auprès d’un millier de personnes. Sondage effectué en 2020 par l’institut BVA pour l’association Addictions France.

| conseil : stratégie de communication et campagne de communication digitale. conception création de datadesigns – posts images – posts vidéos – pour les réseaux sociaux  | Direction artistique et graphisme : © Mathilde – Réalisation motion vidéo : Guillaume – Rédaction : © Nathalie Continuer la lecture de ETUDE BVA : CONFINEMENT & ADDICTIONS
condage confinement addictions3 >

Logo Assoaddictionsfce

2021 | site internet et blog plaidoyer : association « Addictions France »

CUP conçoit le site internet pour le grand public et un blog, la nouvelle identité de l’Association nationale de prévention en alcoologie et addictologie (ANPAA) : « Association Addictions France ». 2500 personnes et 90 établissements dans toute la France

 

| audit communication digitale, dossier de recommandations, prescriptions réseaux sociaux, cahier des charges site internet, développement des fonctionnalités, formation wordpress. | © Création web design : Elise, Mathilde | © Audit, cahier des charges, intégration et développement : Laurent, Elsa, Mathilde

Continuer la lecture de SITE INTERNET & BLOG PLAIDOYER

Blog5 >

 

2019 | »liberté-fraternité-inégalités » outil digital pédagogique

Projet non retenu. Dessiné par & pour les jeunes collégiens / lycéens de France. L’Observatoire des inégalités en France & le réseau pédagogique Canopé (Education Nationale) ont souhaité une plateforme digitale à destination des jeunes sur smartphone : l’idée d’un webdoc et d’une chaîne Youtubes, fait de « stories » vidéo décalées, pour sensibiliser la jeunesse aux inégalités en France. Témoignages face caméra, pour alimenter les réflexions et s’interroger face aux discriminations. 4 thématiques :
scolarité avec « Hakim Potter »,
stage / travail avec « Kohlantaff »,
logement avec « La Guerre des apparts »,
loisirs vacances avec « Camping »…
• Data-design et infographies à la clé, complétés de vidéos d’experts et d’un renvoi à la loi avec la bitmoji animée de « Marianne », comme icône-projet.
| Direction artistique et conception : © Mathilde Bardel, assistée des stagiaires adolescents : Fabien Crouzet, Marc-Antoine Marmot, Aude d’Ortho (illustrations et maquette). Conseil social media : Elsa Miske. Développement & intégration : Moduloo.net Julien Villalard. Iconographie : emoticons, bitmoji, giphy ©Pexels, Unsplash, Pixabay, Freepik | Identtité visuelle, illustrations stickers, mascotte Marianne et portraits des jeunes en bitmoji, data-designs, covers de pages, motion design vidéo. Projet non abouti.

Continuer la lecture de LES INEGALITES ENTRE LES JEUNES A L’EDUCATION NATIONALE

>

2019 | logo animé, site web & réseaux sociaux « www.anousdejouer.ch » : l’entreprenariat des jeunes de genève

Le programme de la Fondation Ethique et Valeurs « Anousdejouer.ch » est un guide papier et un site web éducatif conçu comme une plateforme participative d’entraide et de valorisation des projets et des associations de jeunes pour la ville de Genève, en Suisse. « Inspire-toi, interroge-toi, outille-toi et engage-toi ici et maintenant ! »
| Plateforme web responsive & réseaux sociaux | Direction artistique : © Mathilde Bardel, avec les jeunes stagiaires Fabien Crouzet & Marc-Antoine Marmot. Exécution maquette : Aude d’Ortho © Conseil digital : Elsa Miske, Elise Sanceaume. Architecture développement et intégration : Moduloo.net Julien Villalard. Iconographie : giphy, vidéos transition, photos ©Pexels, Unsplash, Pixabay, Freepik |

Continuer la lecture de COM DIGITALE POUR JEUNES « GENEVOIS »

>

2018 | tutoriel clip vidéo pour le départ en mission de volontariat international

Conception & réalisation du story-board et du clip : Concept carnet de voyage et pages qui tournent les chapitres : photos de voyages, rencontre humaine, projet concret, « casting » métiers des volontaires… 1 minute 30 pour tout savoir : où quand et comment partir ? « Tu n’as qu’une vie, mets-la à profit ! »
| Clip vidéo pour recruter des volontaires sur les réseaux sociaux. Durée 1 minute 30 | Direction artistique : © Mathilde Bardel, voix ©Katia, montage & motion : Sylvain, Habillage son ©PremiumBeat, Vidéo © De REpente Shutterstock, Icono©Pexels, Unsplash, Pixabay|

Continuer la lecture de TUTO « PARTIR EN VOLONTARIAT »

>

2018 | Prix jeunesse pour l’égalité : campagne d’utilité publique envers les jeunes lycéen-n-e-s

Concours d’affiches et vidéos pour les JEUNES LYCEENS : proposé par l’Observatoire des Inégalités, pour que les 15-20 ans, puissent exprimer dénoncer leurs discriminations : à leurs façons ! Avec leurs images et avec leurs mots et avec leurs codes de communication.
| Posts animés déclinés pour réseaux sociaux Snap Insta Fb, Affiches 40 x 60 cm, Adaptation formats A3, en deux versions | Concept et direction artistique : © Mathilde Bardel, Illustration © Mona Leu-Leu |

Continuer la lecture de #BALANCES TES DISCRIMINATIONS

>

2018 | site web pour les « avantages carte familles nombreuses » • en partenariat avec la sncf, pour le ministère des solidarités et de la santé

Peu connues des usager-e-s, la carte propose des promotions variées, au-delà des réductions déjà proposées sur les transports par la SNCF. Conception l’identité graphique de la carte famille nombreuse pour le web. Territoire visuel des « avantages » de la carte, modèles de pages web, habillage de page FB, campagne de com’ digitale sous forme de posts. Pastilles de couleurs promotionnelles clignotantes, motifs illustrations et pictogrammes dessinés au pinceau. Affiches.
| design responsive : adaptabilité des écrans tablette smartphone desktop. Déclinaison des chartes couleurs et graphiques de l’unaf et de la carte famille nombreuse existante. | Direction artistique : © Mathilde Bardel • Typographies google fonts : Merienda & Courgette • Illustrations : Mathilde Bardel assistée de Fabien Crouzet, stagiaire • Photographies © Fotolia, Shutterstock • Développement : 404.fr |
>

2018 | clip et pastilles vidéo pour une communication de mobilisation en faveur des habitants des quartiers : prise de parole des directrices et directeurs de toutes les régions de france

« Ancrés dans la réalité de nos territoires, nous accompagnons depuis vingt-cinq ans les acteur.rice.s à faire la ville ensemble, à faire plus et mieux, là où il y en a le plus besoin.
Les quartiers ne sont pas le problème. Leurs habitants, s’ils connaissent de réelles difficultés, sont porteurs du devenir de notre société. C’est pourquoi, nous, directrices et directeurs des centres de ressources, invitons à poursuivre une action au service d’une politique de la ville qui renforce la solidarité entre territoires, en mobilisant toutes les politiques publiques. À l’heure de cette grande mobilisation nationale, habitant.e.s et acteur.rice.s peuvent compter sur notre engagement pour se réapproprier et diffuser une image juste et positive des quartiers populaires. »
| 1 clip vidéo de 2 minutes, story-board, synopsis, animation logo balle, 11 interviews en 1 jour, mots clés, habillage graphique et sonore. Déclinaison en mini-pastilles vidéo, GIF animé. | Conseil & direction artistique, réalisation production : ©Mathilde Bardel, Captation interviews : ©Benoit Finck, Montage mixage et motion design : ©Sylvain, Son libre de droits PremiumBeat | Merci !

Continuer la lecture de POUR LES HABITANTS DES QUARTIERS

>

2017 |  » Refonte technique et graphique du site internet de la fédération de la protection de l’enfant « 

Fondée en 1948, la CNAPE est une fédération d’associations pour l’enfance. Site internet est un centre de ressources, au contenu texte très dense. La nouvelle charte graphique et l’évolution des codes du web demandent une refonte totale de la plateforme, pour répondre aux fonctionnalités responsive.
| proposition non retenue | Développement : 404.fr | Conception graphique : Mathilde Bardel assistée de Osama Jeljeli. | © illustrations non contractuelles & non libres de droits.

Continuer la lecture de POUR LA PROTECTION DE L’ENFANCE

>

2017 | site internet institutionnel : la musique pour tous !

association reconnue d’intérêt général, les Cmr sont agréés « association éducative complémentaire de l’enseignement public » et « jeunesse et éducation populaire » et bénéficient du soutien des ministères en charge de l’Education nationale – des Sports, de la Jeunesse, de l’Education populaire et de la Vie associative, et de la Culture et de la Communication.
| template adapté sur wordpress pour un usage responsive. codes de couleurs pour 5 secteurs d’activité musicale | Direction artistique et maquette : Mathilde Bardel assistée de Sabrine Sidki, stagiaire. Architecture et développement web : 404.fr |

Continuer la lecture de SITE WEB MUSICIENS

>

2018 | réseaux sociaux « carte familles nombreuses » • Facebook

Faire connaître aux parents les avantages de famille nombreuse, , au-delà des réductions déjà proposées par la SNCF. Après avoir conçu l’identité graphique & le site web : habillage de page Facebook et  campagne de communication digitale. Création de l’univers graphique de l’ancien logo de l’Union Nationale des Familles UNAF
| posts réseaux sociaux illustrés et site internet sur les offres promotionnelles à destination des parents. Visuel de communication, trct affiche, document de communication en quadri R°V° en 4 pages A5 pour les partenaires commerciaux | Direction artistique : © Mathilde Bardel + Tony à la maquette • Développement web : Laurent. • Typographies : Merienda & Courgette
>

2016 | paris 14 18 : le quotidien des parisiens pendant la grande guerre

Dans la veine du tout nouveau site internet de la ville de Paris. En responsive, pour un public de scolaires. Conception graphique d’un site internet ludique en abécédaire pour un public de scolaires. Pour faciliter l’accès à l’Histoire et consulter des documents d’archives.
| compétition pour le comité d’histoire de la ville de paris. non remporté.  | Design graphique Mathilde Bardel, intégration développement Laurent de 404.fr, avec Félix graphiste |

Continuer la lecture de SITE WEB PARIS 14-18

>

2016 | maquette graphique du portail web dédié à la jeunesse : myunicef.fr

Compétition non remportée. Identité graphique du site internet ludo-éducatif : myunicef.fr : à destination des 3 à 26 ans. Pour s’informer, éduquer  s’engager, s’amuser… Ateliers et animations autour des droits de l’enfant. Qu’on soit à l’école, au lycée, étudiant ou enseignant.  
| Identité du dispositif web et déclinaison en territoire visuel pour les publics cibles. Réponse à la consultation de l’Unicef France : non remporté. | Mathilde Bardel, assistés de Pauline Ayoudj et Mickaël Cunha. |

Continuer la lecture de APPLICATION WEB : MYUNICEF.FR

>

2015 – 2017 | campagne régionales île-de-france : « novidabor » le comprimé contre la maronite

Le mouvement pour une alternative de gauche écologiste et solidaire mène campagne pour les élections régionales en IdF| Programme dépliant accordéon 12 pages 6 volets, carte à gratter derrière les idées, affichettes adhésifs candidats découpe mi-chair, tracts bi-faces à suspendre dans les arbres, objet de communication : comprimé m&m’s anti-crise avec posologie… 
| Messages : programme du « Front de gauche » | Direction artistique & création : © Mathilde Bardel, assistée en maquette graphique par Mickaël Cunha, Réseaux sociaux © Elsa Miske, Vidéo et suivi de fabrication : Ludovic Weyland |

Continuer la lecture de CAMPAGNE REGIONALE ILE-DE-FRANCE

>

logo_ensPETIT2011 | outil web pour l’enseignement des mathématiques à l’école normale supérieure de paris

Le Département a 3 unités : un Laboratoire de recherche, une section Enseignement et la Bibliothèque de Mathématiques et Informatique. Pour les présenter et les remettre en lien : une page « portail ». Charte graphique, codes couleur et choix d’images adaptées.| Pour l’Enseignement  : un outil de gestion web pour le secrétariat pédagogique qui informe les étudiants en temps réel, au jour le jour. Outil administré réactif.

| identité visuelle et charte graphique, site web portail, et outil web à l’arborescence développée. | typographie mathématiques cmu  choisie par les chercheurs. code couleur vert. | charte graphique de l’ecole imposant alors, les caractères : times new roman + arial. | Développement en SPIP Jean-Sylvain Bailly | Direction artistique : Mathilde Bardel.| http://www.math.ens.fr/enseignement/ |
 

Continuer la lecture de SITE WEB : ENSEIGNEMENT MATHEMATIQUES

>