Portfolio. Guillaume Brachon. À propos. Activités. Périmètre dʼintervention. Conception (arborescence, zoning, cinématique) Intégration (HTML, CSS)

Transcription

1 2012 est designer interactif. Il a mené le début de sa carrière en tant que webdesigner freelance pour des annonceurs et des agences interactives. En 2005, il est entré chez Banque Accord (Groupe Auchan) en tant que designer interactif pour s'occuper du déploiement de la nouvelle marque Oney (site web, ings, campagnes en ligne). Depuis, il a en charge la création et la mise à jour de l'ensemble des sites web et des applications mobiles de Oney Banque Accord. Il intervient également sur la conception et le design d'interfaces de certains outils internes à la société. En parallèle, il a exercé de nombreuses responsabilités bénévoles au sein de *designers interactifs* (dont il est l'un des co-fondateurs) et s'occupe, depuis sa création en 2006, du design, de l'évolution et de la maintenance de la plateforme web de l'association. Activités Conception (arborescence, zoning, cinématique) Design (interface graphique, charte graphique) Intégration (HTML, CSS) Développement (WordPress) Périmètre dʼintervention Ordinateur de bureau Tablette Smartphone

2 aujourdʼhui Missions Site web «bureau» B2C de la société Oney (solutions de paiement et de financement). Présentation des produit, souscription en ligne et espace client. - Création (2005) et refonte du site (2009) - Mise à jour et optimisation du site - Campagnes e-marketing ( ing, bannières) - Création de la charte graphique - Conception (arborescence, story-boards) - Design (maquettes graphiques, animations Flash) Arborescence Cartes Rachat de crédits Cartes de Oney Accueil Accueil Votre recherche 3 500! 9 500! Simulez votre crédit Des remboursements sur mesure à partir de 10! par mois Offre spéciale jusqu'au 02/09/2009 n-2 n-1 n n+1 n+2 0! d'intérêts pendant 2 mois! (TEG fixe : 0%) Découvrir les cartes Un conseiller Oney est là pour vous répondre Questions - réponses Un règlement à la carte Un règlement à la carte Des avantages exclusifs C'est vous qui définissez le montant de vos remboursements par mensualité de seulement 3% des sommes dues avec un minimum de 10!. [mentions légales ] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam massa non sapien aliquam pellentesque. Nullam lobortis aliquam magna ut sollicitudin. Quisque id tellus elit, vel vulputate odio. Vivamus est eros, cursus nec tincidunt in, luctus in odio. Vivamus felis orci, rhoncus non ultrices vel, ullamcorper sed libero. Duis justo tortor, rutrum sit amet dictum sit amet, sollicitudin a sapien. Praesent malesuada erat vel neque tincidunt eu luctus tellus tristique. Nam varius commodo enim id pretium. Etiam eu diam vitae justo tincidunt adipiscing. Nam metus mi, ultricies eu varius vel, hendrerit eget metus. Proin ut diam sit amet justo egestas dapibus a nec nunc. Sed ut tortor dui. Cras ultricies Newsletter Spécialiste du crédit sur le Net, Oney est une marque de Banque Accord, filiale du groupe Auchan. Plus de 5 millions de clients bénéficient déjà des meilleurs produits au meilleur prix! En savoir plus Inscrivez-vous à la newsletter pour être informé de l'actualité des produits et des offres Oney : Votre BANNIÈRE Par Prix d'un appel local depuis un poste fixe Plan du site Mentions légales Espace partenaires Oney recrute VISUEL De plus, vous pouvez modifier à tout moment et ce, sans frais, le montant de vos mensualités, ou effectuer des remboursements anticipés! Des assurances Pour nous contacter Demande en ligne À l'issue de ces 2 mois, le TEG passe automatiquement à un TEG révisable de 19,50% jusqu'à 3 000!; 18,50% de 3 000,01! à 7 000!; ou 16,50% au delà de 7 000!. Des services pratiques 105! Crédit reconstituable d'un an renouvelable de 500 à !, au TEG révisable de 19,50% jusqu'à 3 000!; 18,50% de 3 000,01! à 7 000!; ou 16,50% au delà de 7 000! Des questions? Besoin d'aide? En détail BANNIÈRE «produit» ! 9 500! n+3 Découvrez une gamme complète de cartes de crédit conçues pour répondre aux besoins et aux attentes de chacun! Suivi de dossier 3 500! Pas besoin de changer de banque Nos solutions en 1 coup d'œil 3 500! 500! Des mensualités à partir de Gagnez de l'argent sur vos achats Web Pour un montant de Aucun justificatif d'utilisation n-3 Votre recherche Une réponse immédiate de principe ! Faire une simulation Cartes Rachat de crédits Oney FlexPay Guide du crédit de Oney de Oney La solution à vos dépenses planifiées ou imprévues! BANNIÈRE «produit» majeure BANNIÈRE «produit» Rachat de crédits De combien avez-vous besoin? Simulez et demandez votre crédit en ligne 500! Vous utilisez......vos mensualités minimums 300! 10! 500! 15! 1 000! 30! 1 500! 45! 2 000! 60!...jusqu'à ! 3% des sommes restant dues La réserve de crédit est un crédit reconstituable d'un an renouvelable de 500 à !, au TEG révisable de 19,50% jusqu'à 3 000!; 18,50% de 3 000,01! à 7 000!; ou 16,50% au delà de 7 000!. Valeurs et engagements Oney Oney est une marque de Banque Accord - S.A. au capital de ! - RCS Roubaix - Tourcoing Siège social : 40 avenue de Flandre Croix Adresse postale : BP Lille cedex 9 Votre réserve de crédit en 3 étapes : 1 Page d accueil Souscrivez en ligne 2 Retournez votre contrat signé 3 Utilisez votre Demande en ligne Réponse de principe immédiate! (refonte de 2009) Des questions? Besoin d'aide? Consultez la définition du terme «réserve d'argent» dans notre glossaire du crédit. Un conseiller Oney est là pour vous répondre [mentions légales ] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam massa non sapien aliquam pellentesque. Nullam lobortis aliquam magna ut sollicitudin. Quisque id tellus elit, vel vulputate odio. Vivamus est eros, cursus nec tincidunt in, luctus in odio. Vivamus felis orci, rhoncus non ultrices vel, ullamcorper sed libero. Duis justo tortor, rutrum sit amet dictum sit amet, sollicitudin a sapien. Praesent malesuada erat vel neque tincidunt eu luctus tellus tristique. Nam varius commodo enim id pretium. Etiam eu diam vitae justo tincidunt adipiscing. Nam metus mi, ultricies eu varius vel, hendrerit eget metus. Proin ut diam sit amet justo egestas dapibus a nec nunc. Sed ut tortor dui. Cras ultricies Cartes Rachat de crédits Oney FlexPay Guide du crédit de Oney Newsletter Spécialiste du crédit sur le Net, Oney est une marque de Banque Accord, filiale du groupe Auchan. Plus de 5 millions de clients bénéficient déjà des meilleurs produits au meilleur prix! En savoir plus Inscrivez-vous à la newsletter pour être informé de l'actualité des produits et des offres Oney : Votre Pour nous contacter Par Prix d'un appel local depuis un poste fixe Page produit «réserve de crédit» (refonte de 2009) Suivi de dossier Plan du site Mentions légales Espace partenaires Oney recrute Valeurs et engagements Oney Oney est une marque de Banque Accord - S.A. au capital de ! - RCS Roubaix - Tourcoing Siège social : 40 avenue de Flandre Croix Adresse postale : BP Lille cedex 9 Page d accueil (refonte de 2009) Charte graphique Page produit «réserve de crédit» (refonte de 2009) 2

3 Missions Site web «bureau» B2B de la société Oney (solutions de paiement et de financement pour les professionnels). Présentation des produit. - Création (2008) et refonte du site (2011) - Mise à jour et optimisation du site - Campagnes e-marketing ( ing, bannières) - Conception (arborescence, story-boards) - Design (maquettes graphiques, animations Flash) Arborescence Espace partenaires Espace partenaires Solutions de paiement et de financement Nos solutions Solutions de paiement et de financement Contact Accueil Le 3-4 fois par CB Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. Aenean vel leo in lectus porta dictum. Pellentesque ullamcorper condimentum metus quis consequat malesuada Votre recherche Les cartes cadeaux Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. Aenean vel leo in lectus porta dictum. et aussi... (liste autres produits) Lorem ipsum dolor sit amet, Actualitéconsectetur adipiscing elit. Carte Et aussi... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. En savoir plus Les cartes cadeaux S'inscrire Votre de Oney (focus Auchan) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. Aenean vel leo in lectus porta dictum. Vivamus velit nisl, semper nec iaculis eget, convallis id sem. Vivamus velit odio, tempor et varius eu, lobortis eu diam. Nullam pulvinar, mi quis convallis tempus, tortor purus sodales eros, sit amet viverra ante urna eleifend purus. Aliquam vel sapien urna, a ornare ante. Votre recherche de la carte cadeaux n-2 n-1 n n+1 n+2 n+3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. Aenean vel leo in lectus porta dictum. Carte Zoom sur... Contact Lorem ipsum dolor sit amet, consectetur adipiscing elit! Vivamus velit nisl, semper nec iaculis eget Carte Les cartes cadeaux Nos solutions n-3 Inscrivez-vous à notre newsletter pour être tenu au courant de l'actualité de Oney : Le 3-4 fois par CB Accueil Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. Aenean vel leo in lectus porta dictum. Sed pulvinar ligula eget est accumsan volutpat. Mauris tristique nunc sit amet enim venenatis sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere. En savoir plus Nos solutions Oney est le leader de la carte cadeaux en France Aux couleurs de votre enseigne, vendue et utilisable à la fois sur votre site marchand et en magasin, adaptable à votre plan commerce, la carte cadeaux est une véritable source de chiffre d'affaires additionnel et un formidable outil de promotion de votre enseigne! La carte cadeaux Oney Les + produit Aenean vel leo in lectus porta dictum. Vivamus velit nisl, semper nec iaculis eget, convallis id sem. Vivamus velit odio, tempor et varius eu, lobortis eu diam. Nullam pulvinar, mi quis convallis tempus, tortor purus sodales eros Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. Aenean vel leo in lectus porta dictum. Vivamus velit nisl, semper nec iaculis eget, convallis id sem. Vivamus velit odio, tempor et varius eu, lobortis eu diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. Vivamus velit odio, tempor et varius eu. En savoir plus Télécharger la plaquette Le 3-4 fois par CB Les cartes cadeaux Pour nous contacter Nos autres solutions Vestibulum in urna et nisl tincidunt blandit sed ac augue. Vivamus et neque purus, nec feugiat odio. Integer egestas euismod est, eu tempus massa mollis et. Vivamus a fermentum magna : Nous contacter Mentions légales Plan du site En ligne : Nous contacter Par téléphone : Vous souhaitez en savoir plus? Rencontrons-nous! (proposition dans le cadre de la refonte de 2011) Prendre rendez-vous du lundi au vendredi de 9h à 19h Oney est une marque de Banque Accord - S.A. au capital de ! - RCS Roubaix - Tourcoing Siège social : 40 avenue de Flandre Croix Adresse postale : BP Lille cedex 9 Page d accueil Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo elit, consequat vitae iaculis quis, faucibus vel nisi. Aenean vel leo in lectus porta dictum : Le 3-4 fois par CB Les cartes cadeaux Nos autres solutions Nous contacter Mentions légales Plan du site de Oney Pour nous contacter Lorem ipsum dolor sit amet, consectetur elit. Vivamus quis metus urna. Mauris quis tortor auctor nulla suscipit bibendum ac a nulla. Duis a nunc urna. En savoir plus Vestibulum in urna et nisl tincidunt blandit sed ac augue. Vivamus et neque purus, nec feugiat odio. Integer egestas euismod est, eu tempus massa mollis et. Vivamus a fermentum magna : Vous êtes un particulier? Cliquez ici pour découvir les produits et services Oney pour les particuliers. Nous contacter Oney est une marque de Banque Accord - S.A. au capital de ! - RCS Roubaix - Tourcoing Siège social : 40 avenue de Flandre Croix Adresse postale : BP Lille cedex 9 Page produit (proposition dans le cadre de la refonte de 2011) Page d accueil (proposition dans le cadre de la refonte de 2011) Page produit (proposition dans le cadre de la refonte de 2011) 3

4 aujourdʼhui Missions Site web «bureau» B2C de la société Banque Accord (solutions de paiement et de financement). Présentation des produit, souscription en ligne et espace client. - Consultant sur la refonte du site (2012) - Mise à jour et optimisation du site - Campagnes e-marketing ( ing, bannières) - Conception (arborescence, story-boards) - Design (maquettes graphiques, animations Flash) Arborescence!"#$%& QRUPDO ª!"#$%& SURPR ª!"#$%& VLPSOH DFFqV ª &RGH DFFqV SHUGX,PSD\pV FRGH quh FRQQH[LRQ 'peorfdjh FRGH DFFqV %ORFDJH!"#$%&'()*')(*"+&,*(!"#-&. /--"*()*')0+01'02*( /LVWH SURGXLWV <"5$&' "*1#%+*.0D.*!"E' :*"(#11*. 'HUQLqUHV RSpUDWLRQV 8&101,*6*1' 6020(&1?)@#1)ABC'6* efkpdqflhu GH UHPERXUVHPHQW 7,,#"$%# efkpdqflhu GH UHPERXUVHPHQW efkpdqflhu GH UHPERXUVHPHQW /LVWH UHOHYpV GpWDLO <0"'*=(> 'HUQLqUHV RSpUDWLRQV /LVWH UHOHYpV GpWDLO PHQVXDOLWp 9(Q) 9LUHPHQW ([SUHVV 9(Q) 9LUHPHQW ([SUHVV 9LUHPHQW DYHF VDQV UHSRUW 9LUHPHQW!"#$%& "'()*+',-.,' 9:0"21* *03 FHUWLILFDW DXWUH DVVXUDQFH $FFXHLO &SWH &RXUVH $XFKDQ 9LUHPHQW DYHF VDQV UHSRUW 9LUHPHQW 'HUQLqUHV RSpUDWLRQV 1RWLFH 3') " $FFXHLO $FFRUG $YHQLU +LVWRULTXH GH RSpUDWLRQV ([SRUW ([FHO 0RQH\ (IIHFWXHU XQ YHUVHPHQW /LVWH UHOHYpV GpSHQVH GpWDLO (IIHFWXHU XQ UHWUDLW PHQVXDOLWp 3DUDPpWUHU OҋDERQQHPHQW "!-"&'0 0jM FRGH GҋDFFqV 3!""#$%&)2#K2%8#$ 'pwdlo RIIUH! VRXVFULSWLRQ 9EE)+#-1),$#/$;3 4)$M$6*&$()0$)*2N-( 9EE)+#-1)1""+(%1,;3 PRGH UHPERXUVHPHQW $VVXUDQFHV DVVXUDQFH DXWR DVVXUDQFH KDELWD' WLRQ DVVUXDQFH VpFXULWp DVVXUDQFH HPSUXQWHXU SUpYR\DQFH JDUDQWLH PRELOLWp HWF esdujqh DVVXUDQFH YLH FRPSWH FRXUVH DXFKDQ &URVV VHOO FDUWH SUrW SHUVR FUpGLW UHQRXYHODEOH &DUWHV FDGHDX[ 'LYHUV VHUYLFH PDJD]LQH DFFRUG DXWR HWF ( UHOHYp DYDQWDJHV OLpV DX[ SURGXLWV DVVXUDQFHV &% HWF UHQRXYHODEOH DXWRULVp PRQWDQW UHVWDQW 7'4")*2'8'(&3 ( UHOHYp &RGH DFFqV HVSDFH FOLHQW $FFqV VLPSOH DFFqVª 0pPR DQWLSKLVKLQJ $'31"#$%&0 5HQYRL FRGH FDUWH /LHQ )DFHERRN 5HQYRL FRGH FDUWH FDUWHV 2QH\ 0jM LQIRV FOLHQW ª 'pwdlo RIIUH # VRXVFULSWLRQ 9OC)/%(+)*2$6%$2)!#"<+,;3 9EE)-2+/+#M;3 )DLUH RSSRVLWLRQ 4)$M$6*&$()0$)*2N-( 4)1*-%1,( 9EE)&1%(%2(;3 9(Q) 9LUHPHQW ([SUHVV 9OC)6+(-$2"+20)!#"<+,;3 0RQ 5\WKPH 0HVVDJHULH HQ OLJQH.#%/%)0$)01((%$2 (UUHXU :2-"4('!""#$%&)2#K2%8#$ &RXUULHU!-"&'031-$'-*;!""#$%&)2#K2%8#$?*%$'@$#8)0!""#$%&)*210#%- 7FKDW 9+((#2+,"$)+#-1;3 9+((J)/%$)!""120)!/$,%2;3 &DOOEDFN 4),1()L126#&$()$-)1*-%1,( 4)777 )4777 6pFXULWp 9+((#2+,"$)<+K%-+-%1,;3 9"16*-$)"1#2($)!#"<+,;3 4),1()L126#&$()$-)1*-%1,( 4)777 4)777 9+((#2+,"$)(5"#2%-5;3 /LVWH '$% 9OE)Q$21:)D$2&%,;3 R+%2$)1**1(%-%1, R!B B#%)(166$(4,1#()7 9*25($,-+-%1,)2+*%0$)C!; F22$#2)G)HIH!""'()$(*+"$)"&%$, %A,+A$()"&%$,-(; E&+,)0#)(%-$!#0%1-$& F46+%&)$,)&%A,$?1()*+2-$,+%2$( D$,-%1,()&5A+&$(.%A,+-#2$)5&$"-21,%8#$ O1#22%$2 =,)*+2&$)0$),1#( 9*2$(($>)25"16*$,($(;.:,-<'($)0$()L2+%() K+,"+%2$( S"<+- F42$&$/5)0$)"16*-$ O+&&K+"T 9+((#2+,"$)$6*2#,-$#2;3.%-$)61K%&$ *ORVVDLUH >2QH\@ "!**&%"+-%1,)61K%&$ Q%(-$)U!C 5pIRUPH GX FUpGLW 9*25/1:+,"$;3 Y&1((+%2$)W=,$:X)97; 4)777 Q$()0%LL52$,-()-:*$( 0$)"250%-()W=,$:X)97; 5HQYRL FRGH FDUWH FDUWHV 2QH\ 3DJHV j SDUW ª.5"#2%-5 9OE)C1#&+,A$2;3 4)$M$6*&$()0$)*2N-( <32")2)0 $'3=-(>*'3911)"$ 9%$'@1)(&-1& $SSOLFDWLRQ PRELOH 9EE)-25(12$2%$;3 /LVWH UHOHYpV WpOpSKRQH GpWDLO $XGLRWHO /HV GLIIpUHQWV W\SHV GH FUpGLWV >2QH\@ " 9OE)!&%,5+;3 4)$M$6*&$()0$)*2N-( 9LUHPHQW DYHF VDQV UHSRUW 9LUHPHQW 7pOpSKRQH 6LWH PRELOH 9OE)?12+#-1;3 4)1*-%1,( &RQYHQWLRQ 3') )$4 $FFqV HVSDFH FOLHQW 6LJQDWXUH pohfwurqltxh 3DJHV j SDUW ª )DLUH RSSRVLWLRQ 6\QWKqVH GHV IUDLV EDQFDLUHV 9OE)!#"<+,;3 ( UHOHYp GH FRPSWH 4)1*-%1,( 4)$M$6*&$()0$)*2N-(!""'()$(*+"$)"&%$,- 900*"-(1'0!""#$%&)2#K2%8#$ 'pwdlo RIIUH " VRXVFULSWLRQ 9OC)/%(+)!#"<+,;3 FRPSWH GH SUpOqYHPHQW " 7&$*4,#1'0,'!""#$%& $FFXHLO &RRUGRQQpHV,QIRV FOLHQW ",QVFULSWLRQ QHZVOHWWHUV $OHUWH $05 $OHUWH VXU FUpGLW 5"6& 2'"0)((', ;%&+&)$*)$#((&*" 3 'HUQLqUHV RSpUDWLRQV PHQVXDOLWp $FFXHLO 7((%"01,*=(> 3%&$*4$56#( V5L126$)0#)"250%- 9OE)!-+";3 $FWLYDWLRQ &RQGLWLRQV JpQpUDOHV FDUWH 3') 9OE)P$--,$2;3 '(3,%4(' '(3,%4(' '(3,%4(' '(3,%4(' )*3$'+%03'(3,%4(' '(3,%4(' Des questions? Vos produits et services Déconnexion Bienvenue dans votre espace client sécurisé Mr Guillaume BRACHON Vos offres et avantages Votre profil Des questions? Crédit renouvelable Messagerie (1) Vos produits et services Accueil Suivi de dossier Regroupement de crédits Cartes Assurances Épargne Cartes cadeaux Prêt Auto Occasion Prêt Auto Occasion PICTO Choisir un autre prêt personnel Changez de véhicule pour une auto, moto,... d'occasion de 4 ans et plus. Le Prêt Auto Occasion vous permet de concrétiser votre projet dans les meilleures conditions. Pour financer l'acquisition d'un véhicule de moins de 4 ans, cliquez ici. BANNIÈRE «produit» BANNIÈRE «service» Vos produits Numéro de compte Type de produit Voir le détail du produit Voir le détail du produit Voir le détail du produit Voir le détail du produit SIMULATEUR Zoom sur... VISUEL Lorem ipsum dolor sit amet, consectetur adipiscing elit Pellentesque accumsan sagittis tellus sit amet consectetur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla a augue sapien, eu placerat nisi. Cras ullamcorper tristique magna, a suscipit augue varius quis. Vos demandes en cours Numéro de dossier Type de produit Voir le statut de la demande Voir le statut de la demande COMMENT SOUSCRIRE? QUESTIONS - RÉPONSES D'ACCORD pour faire une bonne affaire grâce au Prêt Auto Occasion! EXEMPLES DE PRÊTS f Je partage sur Facebook VISUEL Vous choisissez votre montant de 3 000! à ! Votre avis nous intéresse! Vos offres et avantages EN DÉTAIL Vous bénéficiez d'un taux fixe de 2,20% à 7,99% pendant la durée du remboursement Vous modulez votre remboursement de 12 à 60 mois Aliquam in odio nulla, venenatis blandit justo? VISUEL Raison n 1 : Une protection en cas d'événement imprévu Vous ne devez pas fournir de justificatif de projet En cas de maladie, les mensualités du prêt sont prises en charge. En cas d'invalidité ou de décès, le capital restant dû est pris en charge par l'assurance. Pourquoi choisir le Prêt Auto Occasion Banque Accord? BANNIÈRE «produit» BANNIÈRE «produit» Donnez votre avis PICTO Réponse de principe immédiate PICTO Remplissez votre demande de prêt en ligne pour obtenir tout de suite un premier avis sur votre dossier. 3 raisons de choisir l'assurance Emprunteur Sans frais de dossier PICTO Vous ne remboursez que vos mensualités, pas un centime de plus! Pause paiement Une fois par an, vous pouvez suspendre le paiement de vos mensualités*. [mentions légales ] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam massa non sapien aliquam pellentesque. Nullam lobortis aliquam magna ut sollicitudin. Quisque id tellus elit, vel vulputate odio. Vivamus est eros, cursus nec tincidunt in, luctus in odio. Vivamus felis orci, rhoncus non ultrices vel, ullamcorper sed libero. Duis justo tortor, rutrum sit amet dictum sit amet, sollicitudin a sapien. Praesent malesuada erat vel neque tincidunt eu luctus tellus tristique. Nam varius commodo enim id pretium. Etiam eu diam vitae justo tincidunt adipiscing. Nam metus mi, ultricies eu varius vel, hendrerit eget metus. Proin ut diam sit amet justo egestas dapibus a nec nunc. Sed ut tortor dui. Cras ultricies Page d accueil espace client (proposition dans le cadre de la refonte de 2012) Nos produits et services de Banque Accord Aide et contact - Crédit renouvelable - Prêts personnels - Regroupement de crédits - Cartes - Assurances - Épargne - Cartes cadeaux - Nos origines - Nos valeurs - Choisir Banque Accord - - Réseau d'acceptation - Recrutement - Nous contacter - Faire opposition - Aide en ligne - Tous nos tarifs Page produit «prêt personnel» (mise à jour du site existant) Plan du site Mentions légales Site mobile f Votre avis nous intéresse! VANI Rejoignez-nous sur Facebook [mentions légales] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a molestie odio. Vivamus aliquet condimentum mi, at auctor dolor consectetur a. Sed neque mi, dignissim vitae congue sit amet, aliquam et dui. Nulla lobortis varius tortor, ornare luctus neque molestie id. Sed pharetra lectus at massa suscipit blandit. [mention référencement] Banque Accord, spécialisée dans les solutions de paiement et le crédit à la consommation, vous propose une large gamme de financement : prêt personnel, crédit renouvelable, regroupement de crédits. Découvrez aussi nos produits d'épargne et d'assurance. Page produit «assurance» (mise à jour du site existant) Page produit «prêt personnel» (mise à jour du site existant) 4

5 aujourdʼhui Site web «mobile» B2C de la société Banque Accord (solutions de paiement et de financement). Aide en ligne et espace client «réduit». Mission - Création du site (2009) - Mise à jour et optimisation du site - Conception (arborescence, story-boards) - Design (maquettes graphiques, animations Flash) Arborescence Accès par types de comptes carte réserve de crédit compte course Auchan amortissable Login Aide connexion Session expirée Logout cas code d accès perdu Authentification Choix média Confirmation pages accessibles depuis toutes les pages du site cas compte bloqué ou 1ère connexion Authentification Saisie nouveau code d accès Question personnelle Confirmation Liste des comptes (accueil) Pages Arrivée bannière cas plusieurs comptes/supports cas un seul compte/support possibles pour le service concerné possible pour le service concerné Aide et contact cas un seul support opposable cas plusieurs supports opposables Détail d un compte cas plusieurs comptes permettant de faire un virement + cas plusieurs comptes permettant de faire un À mon rythme Liste - libellé - date - montant Choix support - augmenter Choix type - diminuer changement - au plus juste Choix compte Choix compte Détail DERNIÈRES OPÉRATIONS Authentification date de naissance cas au plus juste Saisie montant cas un seul type de virement possible Choix type virement cas plusieurs types de vir. possibles (vir. report, vir. classique) Choix montant Informations - carte perdue/volée complément. - code secret présent Validation Saisie montant possibilité d effectuer plusieurs simulations Choix mensualité (et màj montant) - choix parmi une liste - possibilité de modifier le montant Validation Confirmation Validation résultat de simulation Validation CHANGEMENT DE MENSUALITÉ Confirmation Confirmation Confirmation OPPOSITION CARTE Plan du site mobile Banque Accord VIREMENT + À MON RYTHME Version janvier 2011 Process de transfert «À Mon Rythme» (création du site, 2009) Process de transfert «À Mon Rythme» (création du site, 2009) 5

6 Push center 2010 Mission Outil interne de gestion et de paramétrage des modes de communication client ( s, SMS) de la société Oney Banque Accord. - Refonte de lʼinterface de lʼoutil - Conception (story-boards) - Design (maquettes graphiques) Push-Center Admin Push-Center Admin Paramétrage Gestion Motif de contact Règle Créer Modifier Campagne Paramétrage Gestion Création d'une nouvelle règle Motif de contact concerné : MAYTESTGB (changer) Motif de contact Règle Créer Modifier Campagne NOUVELLE RÈGLE : Création d'une nouvelle règle Média Expéditeur Nb relance 2 Modèle <gbrachon@banque-accord.com> Jour(s) de planification L M M J! V S Plage(s) horaire D! NOUVELLE RÈGLE : de 09 h 00 à 11 h 15 de 13 h 30 à 17 h 45 Push-Center Admin Valider Règle Campagne Champ Comparateur Valeur Si Numéro client est supérieur à/de Si Numéro client est strictement inférieur à/de Enregistrer la règle Créer Condition(s) : Paramétrage Gestion Motif de contact Motif de contact concerné : MAYTESTGB (changer) MAYTEST ET Modifier Création d'une nouvelle règle Motif de contact concerné : MAYTESTGB (changer) Valider NOUVELLE RÈGLE : Condition(s) vérifiée(s) : Envoyer un de type «MAYTEST» avec l'expéditeur <gbrachon@banque-accord.com> les mardi et jeudi de 09h00 à 11h15 et de 13h30 à 16h45 (tenter 2 fois) Envoyer un de type «MAYTEST» avec l'expéditeur <gbrachon@banque-accord.com> les mardi et jeudi de 09h00 à 11h15 et de 13h30 à 16h45 (tenter 2 fois) Push-Center Admin Média Modèle Motif de contact Jour(s) de planification M M J! V S D Créer de Nb relance Passer à l'action suivante Paramétrage 3 SMSTEST Gestion SMS L Passer à l'action suivante Règle Campagne Plage(s) horaire h Modifier à h Création d'une nouvelle règle Valider Motif de contact concerné : MAYTESTGB (changer) Envoyer un SMS de type «SMSTEST» le mercredi de 10h30 à 12h30 (tenter 3 fois) NOUVELLE RÈGLE : Enregistrer la règle Passer à l'action suivante Envoyer un de type «MAYTEST» avec l'expéditeur <gbrachon@banque-accord.com> les mardi et jeudi de 09h00 à 11h15 et de 13h30 à 16h45 (tenter 2 fois) Passer à l'action suivante Envoyer un SMS de type «SMSTEST2» les lundi et vendredi de 10h00 à 17h00 (tenter 3 fois) Process de paramétrage d une règle Envoyer un SMS de type «SMSTEST» le mercredi de 10h30 à 12h30 (tenter 3 fois) Passer à l'action suivante Condition(s) NON vérifiée(s) : Média Modèle SMS M M J V S D! 3 Jour(s) de planification L! Nb relance SMSTEST2 Modifier Plage(s) horaire de 10 h 00 à 17 h 00 Enregistrer la règle Valider Enregistrer la règle Interface de paramétrage d une règle Interface de paramétrage d une règle (définition d une action) Interface de paramétrage d une règle Interface de paramétrage d un motif de contact 6

7 9)6)1"%,+11-/$"%+55(6-7" B4)5&+#$5A+$7"AA*8#+ <"#()$ <"#()$ 4*-5#"%"15"-31"58 4*-5#"%2$(:)-#58 782#($34#/4*32,#%( 4*-5#"%6+#73($-"58 782#($34#/$4"!(-+23%$ B4)5&+#$5A+$7"AA*8#+ 4*-5#"%"15"-31"58 4*-5#"%2$(:)-#58 4*-5#"%6+#73($-"58 782#($34#/4*32,#%( 4*-5#"%6+#73($-"58 782#($34#/$4"!(-+23%$ 9'()#"$%6+#73($-" <"#()$ =9$3'%2/4$/'$%+/$4;A =9$3'%2/4$/'$%+/$4VA =9$3'%2/4$/'$%+/$4WA B4)5&+#$5A+$7"AA*8#+ 4*-5#"%2$(:)-#58 9'()#"$%2$(:)-# 9)6)1"%,+11-/$"%+55(6-7" <"#()$ 4*-5#"%"15"-31"58 4*-5#"%2$(:)-#58 782#($34#/4*32,#%( 4*-5#"%6+#73($-"58 782#($34#/$4"!(-+23%$ B4)5&+#$5A+$7"AA*8#+ <"#()$ B4)5&+#$5A+$7"AA*8#+ 4*-5#"%2$(:)-#58 D!($4,$3/%?3$4EFG46 D$3/%$34$/3$+%'(3$.$/(46 BC*$4,$432(!(%2/4,$'4>!//%?3$'46 B4)5&+#$ 5A$1#)>5*& 911)*"$ <"#()$ 4*-5#"%5-#"58 EA)3$+310"%+3+A&F M&"&5&$,4.2/(-4$/4*32,4&$4<<X<<X<<<<4O4<<1<< EA)3$+310"%+3+A&F G3S(4G$3'2 41(>%,+11-/$"8 41(>%,+11-/$"8 41(>%,+11-/$"8 T4E2/4UC(1.$ 41(>%,+11-/$"8 B4)5&+#$ 5A+$7"AA*8#+ E:-#"$ E:-#"$ M&"&5&$,4$/3$+%'(3-4&$4<<X<<X<<<<4 O4<<1<<Y4$/4!(($/($4,$4EFG 4A1#"$1+)#"%BC%D-#"8 =1$"3-5#$"$%*"5%>(:-?-6+#-(15 Gestion bannières 2011 Outil interne de gestion et de paramétrage des bannières commerciales pour les sites web de la société Oney Banque Accord. Mission - Création de lʼinterface de lʼoutil - Conception (arborescence, story-boards) - Design (maquettes graphiques) Arborescence!""#$%&!"##$"%&%'()$ *+%,-,*-(#./0)"!"##$"%&%'()$ )1"%2+3"!""#$%&)>%>&%2(1?@#$ &%'($)*!+$' 6*/+$2$4)5#$7*70*)& */+$2$4)5#$1"(+/!"#$%"&'()#*+$,!"#$1#)>5*&$, -.)*/*#$0"$1"(+$2$3+&&#+$2$4)5#$, 012%'%34#/$4"!(-+23%$ $5%'(!/($46 012%'%34#/4*32,#%(4$5%'(!/(46 <= <= 782#($34#/$4/2#9$&&$ "!(-+23%$46 782#($34#/4/2#9$!# *32,#%(46 *32*3%-(-')"!(-+23%$ *32*3%-(-')*32,#%(,-(!%&)*!+$ :)5;+00+$%"&'()#*+$, :)5;+"5$1#)>5*&$,!"(+$?$----- *32*3%-(-')"!(-+23%$ G2*#*4.2,!&$ *32*3%-(-')*32,#%( G2*#*4.2,!&$ G>*&+#$5A+$%"&'()#*+$, G>*&+#$5A$1#)>5*&$, &%'($)>!//%?3$')+-/-3%@#$' &%'($)>!//%?3$')+-/-3%@#$' &%'($)>!//%?3$')+-/-3%@#$' &%'($)>!//%?3$')+-/-3%@#$' K%'($4,$'4 >!//%?3$' L4+-/-3%@#$'4M K%'($4,$'4 >!//%?3$' L4+-/-3%@#$'4M H310"%+3+A&$?$----- CCDCCDCCCC$2$CC.CC K I J "3-!(%2/)>!//%?3$)+$/$3%@#$ :)5;+00+$7"AA*8#+$('A'#*95+$, &%'($)>!//%?3$')$/'$%+/$' L+#/*)A/$+A/+*(A+/$"//)%*'+/$, G2*#*4.2,!&$ *32*3%-(-')>!//%?3$)+-/-3%@#$ G>*&+#$5A+$7"AA*8#+$('A'#*95+$, *!3!.-(3!+$)>!//%?3$ K8#+$7"AA*8#+$+A/+*(A+$"//)%*'+$,.#"/+*%+"%0*#123/(#" H%&(3$34*!34"!(-+23%$ 4*-5#"%6+#73($-"58 &%'($)*32,#%('!"#$%&'""()*+, ;4'#34<< 0!332#'$&4*3-)(3%-4+3P"$46 =15"-31" 012%'%34#/4*32,#%(4$5%'(!/( )4!#54,%.$/'%2/'4,$4&Q%.!+$4=2/4/$4*32*2'$4@#$ 44"$4@#%4"233$'*2/,4!#4I23.!(4$/4"2#3'4,Q-,%(%2/A )4!#4(C*$4,$4*32,#%(4=2/4/$4*32*2'$4@#$4&$'4>!//%?3$' 44"233$'*2/,!/(4!#4*32,#%(4!''2"%-4,!/'4&!4.!(3%"$ G32,#%(4!''2"%-46 *32*3%-(-')>!//%?3$ *32*3%-(-')>!//%?3$ R$3'%2/'4$/'$%+/$'4,Q#/$4.S.$4>!//%?3$ H!"#&(!(%I 0!(-+23%$4 :)5;+00+$7"AA*8#+$, G>*&+#$5A+$7"AA*8#+$, N/I23.!(%2/'43$&!(%9$'4O4&!4>!//%?3$4 *!343!**23(4O4'2/4$.*&!"$.$/( =15"-31" G32,#%(4!''2"%-46 =15"-31" G32,#%(4!''2"%-46 H!"#&(!(%I 0!(-+23%$4 0!(-+23%$4 H!"#&(!(%I *32*3%-(-')*32,#%( G2*#*4.2,!&$ *32*3%-(-')"!(-+23%$ G2*#*4.2,!&$ :)5;+"5$1#)>5*&$, :)5;+00+$%"&'()#*+$, Gestion bannières Gestion bannières Limite de la page Mise à jour de la biblothèque Mise à jour d'une page Accueil Mise à jour page [nom site] - Page «[nom page]» [nom emplacement] Emplacement «[nom emplacement]» Limite de la page Mise à jour de la biblothèque Mise à jour d'une page Mise à jour page [nom site] - Page «[nom page]» [nom emplacement] Accueil Ajout d'une bannière générique dans la matrice Ajout d'une bannière générique dans la matrice Date dernière mise en production : 10/01/2011 à 15h30 Dernier enregistrement : 02/08/2011 à 11h00 Filtrer par catégorie : [nom catégorie] Matrice des bannières paramétrées : 1 sur XX - [nom bannière générique] Type de rotation des bannières : [type rotation] Produit(s) Bannière(s) associée(s) [libellé] [libellé] [nom produit] [libellé] [libellé] [nom bannière] [nom bannière] [nom bannière] [nom produit] 1 Ajouter une bannière [nom bannière] Ajouter un produit Retour [nom enseigne] [nom enseigne] [nom enseigne] [nom enseigne] [nom enseigne] [nom enseigne] [nom enseigne] [nom enseigne] [nom enseigne] Enregistrer la matrice Monter en production Enregistrer la bannière Interface de paramétrage des différentes bannières pour un emplacement défini Interface de paramétrage d une bannière Interface de paramétrage des différentes bannières pour un emplacement défini Interface de paramétrage d une bannière dans un emplacement Interface listant les versions d une bannière 7

8 !/0/1230/45 <5/=50'(" 781&9%"/*:%&.%+9&%!"#$%&'&($&#)(&$*!"#$%&'&($&#)(&$* 2(3.4&-'%&$%$ 2(3.4&-'%&$%$ +#$&'&(',-./01%#.( +#$&'&(',-./01%#.( >2057?5; 602>2057?5; >2057?5;!/0/1230/ &;&/01"12#,"# &;&/01"12#,"# &;&/01"12#,"# &;&/01"12#,"#!/0/1230/45 &1/:<!"#$%&'&($&#)(&$* = &9%"/*:%&.%+9&%!"#$%&'&($&#)(&$* 2(3.4&-'%&$%$ 2(3.4&-'%&$%$ +#$&'&(',-./01%#.( +#$&'&(',-./01%#.( #5A057B05'<59'A/0/1230/459 #5A057B05'<59'A/0/1230/459 C( C( #5A057B05'<59'A/0/1230/459 C( E-relevé Outil interne de paramétrage des s accompagnant les relevés de compte PDF de la société Oney Banque Accord. Missions - Création (2009) et refonte de lʼinterface de lʼoutil (2011) - Conception (cinématique, story-boards) - Design (maquettes graphiques) Cinématique!"#$%&'(")*+&'",,-#.!"#$%&'"()*"+','&+-&%.+& 6!/03:5'>"; Paramétrage E-RdC Paramétrage E-RdC Paramétrage de l'enseigne [nom enseigne] Paramétrage de l'enseigne [nom enseigne] Envoyer les e-relevés de test Mettre en production Emplacement «BA1» Bandeau E-relevé Supprimer la sous-page Reprendre les paramétrages BA1 du mois précédent d'une autre enseigne Valider BA5 BA2 Interface de paramétrage des différentes bannières pour un emplacement défini BA4 BA3 Bandeau Enseigne Interface de paramétrage de l ensemble des bannières d un Enseigne1 Enseigne5 Enseigne2 Enseigne4 Enseigne3 Pied E-relevé Paramétrage de l'enseigne [nom enseigne] Envoyer les e-relevés de test Mettre en production Interface de paramétrage des différentes bannières pour un emplacement défini Interface de paramétrage de l ensemble des bannières d un 8

9 aujourdʼhui Mission Site web «bureau» de lʼassociation *designers interactifs*, organisation professionnelle indépendante du design interactif en France. - Création (2006) et refonte du site web (2008, 2010) - Conception (zoning), en collaboration avec B. Drouillat - Design (maquettes graphiques), en collaboration avec B.Drouillat - Développement WordPress Formulaire de soumission d une offre d emploi Page d accueil du magazine Page de choix du type d adhésion Fiche de l annuaire 9

10 Mission Site web «bureau» de lʼapci (Agence de Promotion de la Création Industrielle). - Refonte du site web - Développement WordPress Page d accueil de l annuaire Page d accueil Page d accueil de la rubrique «Le design» 10