Rampazzo et associes - le blog de notre agence de design éditorial et graphique » lejsl.com http://blog.rampazzo.com Agence de conception éditoriale et graphique - Paris France Tue, 07 Feb 2012 09:47:38 +0000 en hourly 1 Nouveau design pour le site Webdu « Bien Public » et du « Journal de Saône-et-Loire » http://blog.rampazzo.com/2009/05/25/nouveau-design-pour-le-site-webdu-%c2%ab-bien-public-%c2%bb-et-du-%c2%ab-journal-de-saone-et-loire-%c2%bb/ http://blog.rampazzo.com/2009/05/25/nouveau-design-pour-le-site-webdu-%c2%ab-bien-public-%c2%bb-et-du-%c2%ab-journal-de-saone-et-loire-%c2%bb/#comments Mon, 25 May 2009 10:35:21 +0000 elise http://blog.rampazzo.com/?p=2196 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; }); }); Simultanément au passage au format tabloïd, à la formation des journalistes et du personnel technique et à la campagne de communication des deux quotidiens bourguignons, l’agence a réalisé la conception graphique de leurs sites et est intervenue dans l’organisation des rubriques et de la navigation : une ergonomie optimisée, des passerelles entre le Web et [...]]]> 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; }); });

Simultanément au passage au format tabloïd, à la formation des journalistes et du personnel technique et à la campagne de communication des deux quotidiens bourguignons, l’agence a réalisé la conception graphique de leurs sites et est intervenue dans l’organisation des rubriques et de la navigation : une ergonomie optimisée, des passerelles entre le Web et le journal papier, des vidéos et des photos, une information plus rapide et interactive… Des changements profonds destinés à fédérer et fidéliser une communauté d’internautes fière de sa région et heureuse de trouver l’information qui l’intéresse. A tout moment !

Depuis le 27 mai, c’est ici et là…

bp_27-mai_1_400

bp_27-mai_2_400

jsl_27-mai_1_400

jsl_27-mai_2_400

]]> http://blog.rampazzo.com/2009/05/25/nouveau-design-pour-le-site-webdu-%c2%ab-bien-public-%c2%bb-et-du-%c2%ab-journal-de-saone-et-loire-%c2%bb/feed/ 0