Rampazzo et associes - le blog de notre agence de design éditorial et graphique » Mairie de Paris http://blog.rampazzo.com Agence de conception éditoriale et graphique - Paris France Mon, 05 Jul 2010 10:06:07 +0000 en hourly 1 « àParis » n° 32, acte 2 http://blog.rampazzo.com/2009/09/14/%c2%ab-aparis-%c2%bb-n%c2%b0-32-acte-2/ http://blog.rampazzo.com/2009/09/14/%c2%ab-aparis-%c2%bb-n%c2%b0-32-acte-2/#comments Mon, 14 Sep 2009 10:05:52 +0000 pierre http://blog.rampazzo.com/?p=2423 DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); }); Lancée durant l’été, notre nouvelle formule de journal de la Mairie de Paris revient en septembre. Et toujours : un design plus visuel, un déroulé plus rythmé, un plaisir de lecture accru. Jugez-en. L’Agenda, un cahier de 8 pages encarté au cœur du magazine (40 pages). De largeur légèrement inférieure, il est détachable. On y [...]]]> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); });

Lancée durant l’été, notre nouvelle formule de journal de la Mairie de Paris revient en septembre. Et toujours : un design plus visuel, un déroulé plus rythmé, un plaisir de lecture accru. Jugez-en.

01-COUV.indd

[[Diaporama]]



L’Agenda, un cahier de 8 pages encarté au cœur du magazine (40 pages). De largeur légèrement inférieure, il est détachable. On y trouve l’ensemble des événements parisiens, classés par arrondissement.
AP32-COUV AGENDA-DEFfg.indd AP32-AGENDAfg.indd

]]> http://blog.rampazzo.com/2009/09/14/%c2%ab-aparis-%c2%bb-n%c2%b0-32-acte-2/feed/ 0 àParis dans tout Paris http://blog.rampazzo.com/2009/06/16/aparis-dans-tout-paris/ http://blog.rampazzo.com/2009/06/16/aparis-dans-tout-paris/#comments Tue, 16 Jun 2009 08:30:34 +0000 elise http://blog.rampazzo.com/?p=2330 DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); }); La nouvelle formule du magazine de la ville de Paris est dans toutes les boîtes aux lettres parisiennes. Rampazzo & Associés est intervenu à toutes les étapes de la conception et de la réalisation du trimestriel et de son agenda : création de la maquette et du nouveau logo, proposition de déroulé, mise en pages, [...]]]> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); });

La nouvelle formule du magazine de la ville de Paris est dans toutes les boîtes aux lettres parisiennes. Rampazzo & Associés est intervenu à toutes les étapes de la conception et de la réalisation du trimestriel et de son agenda : création de la maquette et du nouveau logo, proposition de déroulé, mise en pages, suivi d’impression… Notre savoir-faire au service des Parisiens !

ap31-01_couv_200

ap31-06_paris-plagefg_400

ap31-14_rep-jardinfg_400

ap31-couv-agenda_200

ap31-agendafg4-5_400

]]> http://blog.rampazzo.com/2009/06/16/aparis-dans-tout-paris/feed/ 0 Rampazzo à la mairie de Paris ! http://blog.rampazzo.com/2009/04/02/rampazzo-a-la-mairie-de-paris/ http://blog.rampazzo.com/2009/04/02/rampazzo-a-la-mairie-de-paris/#comments Thu, 02 Apr 2009 15:32:22 +0000 elise http://blog.rampazzo.com/?p=1905 DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); }); Rampazzo & Associés a remporté l’appel d’offre lancé par la mairie de Paris pour la nouvelle formule de son magazine d’informations municipales àParis. Notre maquette modifie en profondeur le graphisme et le déroulé du magazine. Plus aérée, plus lisible, plus hiérarchisée, la mise en page accorde une place importante au visuel : photos et infographies sont [...]]]> DD_roundies.addRule('div.arrondi', '15px'); jQuery(document).ready(function($){ $("#envoyer").click(function() { valid = true; var tab_error = new Array();var message_error_web='';var message_error_mail='';var haut_mess_form = true;message_error_coche='';message_error_question='';message_error_captcha='';if($("#nom_input").val() == "") { $("#nom_input").css("background-color","#eeeeee"); $("#span_nom").css("color","#ffffff");$("#nom_input").next().text("");tab_error[0] = "Nom"; valid = false; } else { $("#nom_input").css("background-color",""); $("#span_nom").css("color",""); $("#nom_input").next().text(""); tab_error[0] = ""; }tab_error[1] = ""; if($("#mail_input").val() == "") { $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");tab_error[2] = "Mail"; valid = false; } else if(!$("#mail_input").val().match(/^([a-z0-9_]|\-|\.)+@(([a-z0-9_]|\-)+\.)+[a-z]{2,7}$/)){ $("#mail_input").css("background-color","#eeeeee"); $("#span_mail").css("color","#ffffff");$("#mail_input").next().text("");message_error_mail = "L'email entré n'est pas valide"; tab_error[2] = ""; valid = false; } else { $("#mail_input").css("background-color",""); $("#span_mail").css("color",""); $("#mail_input").next().text(""); tab_error[2] = ""; message_error_mail = ""; }tab_error[3] = "";if($("#objet_input").val() == "") { $("#objet_input").css("background-color","#eeeeee"); $("#span_objet").css("color","#ffffff");$("#objet_input").next().text("");tab_error[4] = "Sujet"; valid = false; } else { $("#objet_input").css("background-color",""); $("#span_objet").css("color",""); $("#objet_input").next().text(""); tab_error[4] = ""; }if($("#message_input").val() == "") { $("#message_input").css("background-color","#eeeeee"); $("#span_message").css("color","#ffffff");$("#message_input").next().text("");tab_error[5] = "Message
"; valid = false; } else { $("#message_input").css("background-color",""); $("#span_message").css("color",""); $("#message_input").next().text(""); tab_error[5] = ""; } if(valid == false) { $("#formulaire_contact").animate({ backgroundColor: "#" }, 100); var message = "Veuillez renseigner le(s) champs: "; for (var i=0; i < tab_error.length; ++i) { if(tab_error[i] != "") { message += tab_error[i]+", "; } } message = message.substring(0, message.length-2); var espace_coche = ""; if(message_error_mail != "") { message += message_error_mail; espace_coche = "
"; } if(message_error_coche != "") { message += espace_coche+message_error_coche; } if(message_error_question != "") { message += espace_coche+message_error_question; } if(message_error_captcha != "") { message += espace_coche+message_error_captcha; } if(message_error_web != "" && message_error_mail != "") { message += "
"+message_error_web; } else { message += message_error_web; } if(haut_mess_form == true) { $("#message_error").css("display","block"); $("#message_error").html(message); } } $("#formulaire_contact").animate({ backgroundColor: "#e5e5e5" }, 800); return valid; }); });

logo-mairie-de-parisRampazzo & Associés a remporté l’appel d’offre lancé par la mairie de Paris pour la nouvelle formule de son magazine d’informations municipales àParis.

Notre maquette modifie en profondeur le graphisme et le déroulé du magazine. Plus aérée, plus lisible, plus hiérarchisée, la mise en page accorde une place importante au visuel : photos et infographies sont ainsi mises en valeur et invitent à la lecture. Une gamme couleurs moderne permet au lecteur de se repérer à l’intérieur du magazine.
Éditorialement, l’information est mieux ordonnée, une large place est accordée aux verbatims (témoignages de Parisiens et d’experts) et de nouvelles rubriques sont créées afin de faire d’àParis un magazine à la fois pédagogique, pratique et proche des Parisiens.
Et bien d’autres surprises attendent encore le lecteur !
Distribué à 1 150 000 exemplaires, àParis porte la triple dimension de la ville : locale (collectivité), nationale (grande métropole) et internationale (capitale européenne). Un nouveau challenge pour notre équipe qui s’occupe également de la conception et de la réalisation de tous les documents de communication éditoriale de la Région Île-de-France !

]]> http://blog.rampazzo.com/2009/04/02/rampazzo-a-la-mairie-de-paris/feed/ 0