SlideShare une entreprise Scribd logo
1  sur  19
CASE STUDY
Correction LOGOTYPE
et recherche couleur segmentation
pour la site web Les Nguyen

Déc. 2007
Anicen logotype
 LOGOTYPE 1




                                            J’ai travaillé le monogramme
                                            pour qu’on voir bien c’est un L & N

                                                                                  J’ai travaillé le dessin pour que soit
                                                                                  plus luxe, rafiné.
   J’ai vue que t’as prix myriad comme
   polices. La myriad c’est un polices
   trés ulister partout et la point entre
   les nguyen n’as aucune rapport au
   dessin. Donc j’ai recherché un po-
   lices qui peut être plus en haromie
   avec le icon.
Le monogramme
  LOGOTYPE 2

                                                                    Nouvelle monogramme et dessin.
                                                                    retravaillé pour qu’il soit plus
  anicen monogramme et dessin.                                      lisible et raffiné.




                                 Ici on se retrouve le L dans Les                       L’ensemble des lettres on se voit
                                                                                        le N dans Nguyen qui forme.




                                                                        Le dessins plus clean et net.
                                                                        mois gras partout.
Le relook du logotype
  LOGO 2 AXES
                                                                         Choix 1
 Voici 2 choix de la logo une plus gras et l’autre plus fine.




             Anicen logo




                                                                         Choix 2




                             le logo est dans un carre bien équilibré.
Les autres declinastion du logotype
GAMME COLORS FOR LOGO AND WEBSITE
Avec un logo net et clean on peut le décliner plus facile sur n’import lesquelles supports.
Donc plus du choix en gardant l’identité l’air du luxe – raffiné.




Choix 1




Choix 2
Les regles de typographie et graphic design


Voici votre Choix
Dans les règles de typographie et graphique design.
Si on garde toujours la forme de l’icone et les polices.
On peut décliner le logo en différent couleur avec ou sans le
Carre. C’est est important de reconnaitre toujours la marque
peut n’import de la
Couleur et ou carre. Dans notre cas on le voit bien la marque
avec ou sans carré.




 La correction j’avais fait ici c’est de remettre le contour du noir
 et le icone en noir sauf la premier couleur parce que on je le
 vois pas.
Correction au Segmentation couleur de les 8 rubriques
CASE STUDY
design du site web
Les-nguyen.com
Janvier 2008
Le contexte : 2 Concepts graphique de l’identité visuelle mots clés




        Cette étape illustre la stratégie créative qui a été choisie pour positionner le design du site.
             Une présentation de 2 Concepts graphique de l’identité visuelle du site web fait
                                    au tour les mots clés pris du Brief créatif.

                          Les mots employés pour décrire l’ambiance graphique :
                                                 - Cultures
                                                - Simplicité
                                             - Années folles
                                               - Originalité
                                             - Haut gamme
                                          - Finesse asiatique
                                                    - Folie
                                                  - Liberté
                                                 - Curiosité
                                              - Chic - hippie
1ere concepts créatif
LOGO 2 AXES
Homepage choix de lanque avec un zone news. Le logo sera
animé en changant couleur. La taille du site et à 850 px x
600 px




 Logo sera animé en
 changant couleur




                                                              ENGLISH

                                                             FRANCAIS




        Fond de la siteweb
ZONEING Pages intérieur LOGO AND WEBSITE
 GAMME COLORS FOR
L’emplacement                        850 px taille

des éléments
Les boutons...
autant d’éléments à
positionner de manière
rigoureuse pour respecter
une logique homogène.
                              Logo




         Fond de la siteweb                          600 px taille


         Navigation bar
LOGOTYPE 2
Le principe de navigation
Prévoir de détailler les interactions liées au survol de la souris, notamment les rollovers sur les textes
(graisse, couleur, soulignement)




        Les rubriques




                                                                       Déclination gamme couleurs par rapport au rubrique




   Survol de la souris ( ROLLOVER)
   Quand la souris est dessous on voir un
   bar tranparence en couleur affiche
   avec un sous menu à côté


                                                                                           sous menu
Examples sur le principe de navigation


                                                850 px taille




                          Logo




     Fond de la siteweb                                             600 px taille


     Navigation bar
                                                        sous menu




       Survol de la souris ( ROLLOVER)
       Quand la souris est dessous on voir un
       bar tranparence en couleur affiche
       avec un sous menu à côté
Examples sur les Pages intérieur




                                                                                                           LA MARQUE........
                                   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
                                   dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
 Quand on changera                 kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
                                   sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam

 rubrique le logo et le            voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
                                   sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
                                   eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

 dessin va changer couleur         justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

                                   Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
 par rapport de la rubrique.       nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis
                                   dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                                   euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

                                   Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea

 C’est un segmentation par         commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
                                   illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
                                   zzril delenit augue duis dolore te feugait nulla facilisi.
 couleur                           Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer
                                   possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                                   ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
                                   ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

                                   Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
                                   nulla facilisis.

                                   At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
                                   Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
                                   tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
                                   dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem
                                   ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos
                                   erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea
                                   sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
                                   elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

                                   Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
                                   diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
                                   sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
Examples sur les Pages intérieur & bar navigation




                                                                                                                     LA MARQUE........
                                             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
                                             dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
                                             kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
                                             sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
                                             voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
                                             sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
                                             eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
                                             justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

                                             Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
                                             nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis
                                             dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                                             euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

                                             Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
                                             commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
                                             illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
                                             zzril delenit augue duis dolore te feugait nulla facilisi.

                                             Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer
                                             possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                                             p                      p                                    p    g                       y
                                             ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
                                             ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat
                                                                                                         consequat.

                                             Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat
                                             nulla facilisis.

                                             At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
                                             Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
                                             tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
                                             dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem
                                             ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos
                                             erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea
                                             sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
                                             elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

                                             Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
                                             diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
                                             sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
Examples sur les Pages intérieur collection photos
Examples sur les Pages intérieur press photos
Signature email 1




                     Pierre BOISSE Contact commercial
                    Tel/Fax: 01 45 55 01 39 - Mobile: 06 21 65 96 95
                    Mail: commercial@les-nguyen.com

                    LES NGUYEN
                    27/29 rue Bosquet - 75007 Paris




                     Pierre BOISSE Contact commercial
                    Tel/Fax: 01 45 55 01 39 - Mobile: 06 21 65 96 95
                    Mail: commercial@les-nguyen.com

                    LES NGUYEN
                    27/29 rue Bosquet - 75007 Paris
Rachael HAMPTON
c/o ardephwerk (artdeisgnphotographie)
www.ardephwerk.fr // rachael@ardephwerk.fr
T. +33 1 43 57 20 04 // + 33 6 62 46 25 76
24, rue de Lappe 75011 Paris FRANCE

Contenu connexe

En vedette

Expédition ReFaire - Julien Holtzer, Pobot
Expédition ReFaire - Julien Holtzer, PobotExpédition ReFaire - Julien Holtzer, Pobot
Expédition ReFaire - Julien Holtzer, PobotFing
 
Humour Larousse2006
Humour Larousse2006Humour Larousse2006
Humour Larousse2006guest72e03a
 
Proyecto de Ley Código Orgánico Monetario y Financiero
Proyecto de Ley Código Orgánico Monetario y FinancieroProyecto de Ley Código Orgánico Monetario y Financiero
Proyecto de Ley Código Orgánico Monetario y FinancieroAsamblea Nacional
 
Bienvenue
BienvenueBienvenue
BienvenueEric S.
 
Evaluaciondelava 140318220547-phpapp01
Evaluaciondelava 140318220547-phpapp01Evaluaciondelava 140318220547-phpapp01
Evaluaciondelava 140318220547-phpapp01Oliver Arteaga
 
08 perú hoy valderrama 2009 a
08 perú hoy valderrama 2009 a08 perú hoy valderrama 2009 a
08 perú hoy valderrama 2009 aIndira Florian
 
Comunidad de David de Ugarte
Comunidad de David de UgarteComunidad de David de Ugarte
Comunidad de David de Ugarteaugustodefranco .
 
Rendición de Cuentas del Asambleísta Gastón Gagliardo 2013
Rendición de Cuentas del Asambleísta Gastón Gagliardo 2013Rendición de Cuentas del Asambleísta Gastón Gagliardo 2013
Rendición de Cuentas del Asambleísta Gastón Gagliardo 2013Asamblea Nacional
 
Informe - Proyecto de Ley de Creación de la Universidad IKIAM
Informe - Proyecto de Ley de Creación de la Universidad IKIAMInforme - Proyecto de Ley de Creación de la Universidad IKIAM
Informe - Proyecto de Ley de Creación de la Universidad IKIAMAsamblea Nacional
 
Formato informes02
Formato informes02Formato informes02
Formato informes02crjuarez
 
Plaquette pp ginkoa_5.5
Plaquette pp ginkoa_5.5Plaquette pp ginkoa_5.5
Plaquette pp ginkoa_5.5AGENCE GINKOA
 
Guillaume Mazain (Videology) - Télé et vidéo : la grande convergence - Ma...
Guillaume Mazain (Videology)  - Télé et vidéo : la grande convergence - Ma...Guillaume Mazain (Videology)  - Télé et vidéo : la grande convergence - Ma...
Guillaume Mazain (Videology) - Télé et vidéo : la grande convergence - Ma...Viuz
 
Réponse immunitaire innée chez la drosophile 2007
Réponse immunitaire innée chez la drosophile 2007Réponse immunitaire innée chez la drosophile 2007
Réponse immunitaire innée chez la drosophile 2007Indoumady Baskara
 
Refugio - "Aportes y desafíos" para la Construcción de la Ley de Movilidad Hu...
Refugio - "Aportes y desafíos" para la Construcción de la Ley de Movilidad Hu...Refugio - "Aportes y desafíos" para la Construcción de la Ley de Movilidad Hu...
Refugio - "Aportes y desafíos" para la Construcción de la Ley de Movilidad Hu...Asamblea Nacional
 
Comment les robots nous aident à comprendre l'homme - Pierre-Yves Oudeyer
Comment les robots nous aident à comprendre l'homme - Pierre-Yves OudeyerComment les robots nous aident à comprendre l'homme - Pierre-Yves Oudeyer
Comment les robots nous aident à comprendre l'homme - Pierre-Yves OudeyerFing
 
Projet Espace OSM Francophone (ProjetEOF) au launch parisien du projet TheMis...
Projet Espace OSM Francophone (ProjetEOF) au launch parisien du projet TheMis...Projet Espace OSM Francophone (ProjetEOF) au launch parisien du projet TheMis...
Projet Espace OSM Francophone (ProjetEOF) au launch parisien du projet TheMis...chavent nicolas
 
Les tic et les enseignants dans la même
Les tic et les enseignants dans la mêmeLes tic et les enseignants dans la même
Les tic et les enseignants dans la mêmeKengam78
 

En vedette (20)

Expédition ReFaire - Julien Holtzer, Pobot
Expédition ReFaire - Julien Holtzer, PobotExpédition ReFaire - Julien Holtzer, Pobot
Expédition ReFaire - Julien Holtzer, Pobot
 
Humour Larousse2006
Humour Larousse2006Humour Larousse2006
Humour Larousse2006
 
Proyecto de Ley Código Orgánico Monetario y Financiero
Proyecto de Ley Código Orgánico Monetario y FinancieroProyecto de Ley Código Orgánico Monetario y Financiero
Proyecto de Ley Código Orgánico Monetario y Financiero
 
Pop
PopPop
Pop
 
Bienvenue
BienvenueBienvenue
Bienvenue
 
Evaluaciondelava 140318220547-phpapp01
Evaluaciondelava 140318220547-phpapp01Evaluaciondelava 140318220547-phpapp01
Evaluaciondelava 140318220547-phpapp01
 
08 perú hoy valderrama 2009 a
08 perú hoy valderrama 2009 a08 perú hoy valderrama 2009 a
08 perú hoy valderrama 2009 a
 
Comunidad de David de Ugarte
Comunidad de David de UgarteComunidad de David de Ugarte
Comunidad de David de Ugarte
 
Rendición de Cuentas del Asambleísta Gastón Gagliardo 2013
Rendición de Cuentas del Asambleísta Gastón Gagliardo 2013Rendición de Cuentas del Asambleísta Gastón Gagliardo 2013
Rendición de Cuentas del Asambleísta Gastón Gagliardo 2013
 
Deuxieme au classement a.jamini
Deuxieme au classement a.jaminiDeuxieme au classement a.jamini
Deuxieme au classement a.jamini
 
Informe - Proyecto de Ley de Creación de la Universidad IKIAM
Informe - Proyecto de Ley de Creación de la Universidad IKIAMInforme - Proyecto de Ley de Creación de la Universidad IKIAM
Informe - Proyecto de Ley de Creación de la Universidad IKIAM
 
Formato informes02
Formato informes02Formato informes02
Formato informes02
 
Plaquette pp ginkoa_5.5
Plaquette pp ginkoa_5.5Plaquette pp ginkoa_5.5
Plaquette pp ginkoa_5.5
 
Guillaume Mazain (Videology) - Télé et vidéo : la grande convergence - Ma...
Guillaume Mazain (Videology)  - Télé et vidéo : la grande convergence - Ma...Guillaume Mazain (Videology)  - Télé et vidéo : la grande convergence - Ma...
Guillaume Mazain (Videology) - Télé et vidéo : la grande convergence - Ma...
 
Réponse immunitaire innée chez la drosophile 2007
Réponse immunitaire innée chez la drosophile 2007Réponse immunitaire innée chez la drosophile 2007
Réponse immunitaire innée chez la drosophile 2007
 
Refugio - "Aportes y desafíos" para la Construcción de la Ley de Movilidad Hu...
Refugio - "Aportes y desafíos" para la Construcción de la Ley de Movilidad Hu...Refugio - "Aportes y desafíos" para la Construcción de la Ley de Movilidad Hu...
Refugio - "Aportes y desafíos" para la Construcción de la Ley de Movilidad Hu...
 
Comment les robots nous aident à comprendre l'homme - Pierre-Yves Oudeyer
Comment les robots nous aident à comprendre l'homme - Pierre-Yves OudeyerComment les robots nous aident à comprendre l'homme - Pierre-Yves Oudeyer
Comment les robots nous aident à comprendre l'homme - Pierre-Yves Oudeyer
 
Projet Espace OSM Francophone (ProjetEOF) au launch parisien du projet TheMis...
Projet Espace OSM Francophone (ProjetEOF) au launch parisien du projet TheMis...Projet Espace OSM Francophone (ProjetEOF) au launch parisien du projet TheMis...
Projet Espace OSM Francophone (ProjetEOF) au launch parisien du projet TheMis...
 
Les tic et les enseignants dans la même
Les tic et les enseignants dans la mêmeLes tic et les enseignants dans la même
Les tic et les enseignants dans la même
 
Gab
GabGab
Gab
 

Similaire à Case Study Nguyen

Le Test Be angels - Spark
Le Test Be angels - SparkLe Test Be angels - Spark
Le Test Be angels - SparkBe Angels
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirConcept Image
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et MarquesArcbees
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et MarquesArcbees
 
Koball dossier
Koball dossierKoball dossier
Koball dossierECVDigital
 
telmedia* : tendances digitales 2014, l'engagement émotionnel
telmedia* : tendances digitales 2014, l'engagement émotionneltelmedia* : tendances digitales 2014, l'engagement émotionnel
telmedia* : tendances digitales 2014, l'engagement émotionneltelmedia
 
Du concept board aux pistes graphiques
Du concept board aux pistes graphiquesDu concept board aux pistes graphiques
Du concept board aux pistes graphiqueslaureno
 
Charte Graphique Camille Bonnevial
Charte Graphique Camille BonnevialCharte Graphique Camille Bonnevial
Charte Graphique Camille Bonnevialasterisquesetperils
 
Ae msofts mascareignes ltd
Ae msofts mascareignes ltdAe msofts mascareignes ltd
Ae msofts mascareignes ltdAmrit Joyekurun
 
Créer une identité visuelle efficace pour attirer vos clients en ligne
Créer une identité visuelle efficace pour attirer vos clients en ligneCréer une identité visuelle efficace pour attirer vos clients en ligne
Créer une identité visuelle efficace pour attirer vos clients en ligneJeremie Gisserot
 
Nouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesNouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesConcept Image
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesMicrosoft Technet France
 

Similaire à Case Study Nguyen (20)

Le Test Be angels - Spark
Le Test Be angels - SparkLe Test Be angels - Spark
Le Test Be angels - Spark
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenir
 
Logotogo
LogotogoLogotogo
Logotogo
 
Case Study Ange Cabotin by Ardephwerk
Case Study Ange Cabotin by ArdephwerkCase Study Ange Cabotin by Ardephwerk
Case Study Ange Cabotin by Ardephwerk
 
OVADYS.pdf
OVADYS.pdfOVADYS.pdf
OVADYS.pdf
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et Marques
 
mark, Marque et Marques
mark, Marque et Marquesmark, Marque et Marques
mark, Marque et Marques
 
Koball dossier
Koball dossierKoball dossier
Koball dossier
 
Design like a developer
Design like a developerDesign like a developer
Design like a developer
 
telmedia* : tendances digitales 2014, l'engagement émotionnel
telmedia* : tendances digitales 2014, l'engagement émotionneltelmedia* : tendances digitales 2014, l'engagement émotionnel
telmedia* : tendances digitales 2014, l'engagement émotionnel
 
Du concept board aux pistes graphiques
Du concept board aux pistes graphiquesDu concept board aux pistes graphiques
Du concept board aux pistes graphiques
 
Fabio Ferrari Case Study
Fabio Ferrari Case StudyFabio Ferrari Case Study
Fabio Ferrari Case Study
 
Charte Graphique Camille Bonnevial
Charte Graphique Camille BonnevialCharte Graphique Camille Bonnevial
Charte Graphique Camille Bonnevial
 
NEMO EDITIONS
NEMO EDITIONSNEMO EDITIONS
NEMO EDITIONS
 
Ae msofts mascareignes ltd
Ae msofts mascareignes ltdAe msofts mascareignes ltd
Ae msofts mascareignes ltd
 
Créer une identité visuelle efficace pour attirer vos clients en ligne
Créer une identité visuelle efficace pour attirer vos clients en ligneCréer une identité visuelle efficace pour attirer vos clients en ligne
Créer une identité visuelle efficace pour attirer vos clients en ligne
 
Book2016
Book2016Book2016
Book2016
 
Nouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesNouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notes
 
A14 01-images actives
A14 01-images activesA14 01-images actives
A14 01-images actives
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelines
 

Case Study Nguyen

  • 1. CASE STUDY Correction LOGOTYPE et recherche couleur segmentation pour la site web Les Nguyen Déc. 2007
  • 2. Anicen logotype LOGOTYPE 1 J’ai travaillé le monogramme pour qu’on voir bien c’est un L & N J’ai travaillé le dessin pour que soit plus luxe, rafiné. J’ai vue que t’as prix myriad comme polices. La myriad c’est un polices trés ulister partout et la point entre les nguyen n’as aucune rapport au dessin. Donc j’ai recherché un po- lices qui peut être plus en haromie avec le icon.
  • 3. Le monogramme LOGOTYPE 2 Nouvelle monogramme et dessin. retravaillé pour qu’il soit plus anicen monogramme et dessin. lisible et raffiné. Ici on se retrouve le L dans Les L’ensemble des lettres on se voit le N dans Nguyen qui forme. Le dessins plus clean et net. mois gras partout.
  • 4. Le relook du logotype LOGO 2 AXES Choix 1 Voici 2 choix de la logo une plus gras et l’autre plus fine. Anicen logo Choix 2 le logo est dans un carre bien équilibré.
  • 5. Les autres declinastion du logotype GAMME COLORS FOR LOGO AND WEBSITE Avec un logo net et clean on peut le décliner plus facile sur n’import lesquelles supports. Donc plus du choix en gardant l’identité l’air du luxe – raffiné. Choix 1 Choix 2
  • 6. Les regles de typographie et graphic design Voici votre Choix Dans les règles de typographie et graphique design. Si on garde toujours la forme de l’icone et les polices. On peut décliner le logo en différent couleur avec ou sans le Carre. C’est est important de reconnaitre toujours la marque peut n’import de la Couleur et ou carre. Dans notre cas on le voit bien la marque avec ou sans carré. La correction j’avais fait ici c’est de remettre le contour du noir et le icone en noir sauf la premier couleur parce que on je le vois pas.
  • 7. Correction au Segmentation couleur de les 8 rubriques
  • 8. CASE STUDY design du site web Les-nguyen.com Janvier 2008
  • 9. Le contexte : 2 Concepts graphique de l’identité visuelle mots clés Cette étape illustre la stratégie créative qui a été choisie pour positionner le design du site. Une présentation de 2 Concepts graphique de l’identité visuelle du site web fait au tour les mots clés pris du Brief créatif. Les mots employés pour décrire l’ambiance graphique : - Cultures - Simplicité - Années folles - Originalité - Haut gamme - Finesse asiatique - Folie - Liberté - Curiosité - Chic - hippie
  • 10. 1ere concepts créatif LOGO 2 AXES Homepage choix de lanque avec un zone news. Le logo sera animé en changant couleur. La taille du site et à 850 px x 600 px Logo sera animé en changant couleur ENGLISH FRANCAIS Fond de la siteweb
  • 11. ZONEING Pages intérieur LOGO AND WEBSITE GAMME COLORS FOR L’emplacement 850 px taille des éléments Les boutons... autant d’éléments à positionner de manière rigoureuse pour respecter une logique homogène. Logo Fond de la siteweb 600 px taille Navigation bar
  • 12. LOGOTYPE 2 Le principe de navigation Prévoir de détailler les interactions liées au survol de la souris, notamment les rollovers sur les textes (graisse, couleur, soulignement) Les rubriques Déclination gamme couleurs par rapport au rubrique Survol de la souris ( ROLLOVER) Quand la souris est dessous on voir un bar tranparence en couleur affiche avec un sous menu à côté sous menu
  • 13. Examples sur le principe de navigation 850 px taille Logo Fond de la siteweb 600 px taille Navigation bar sous menu Survol de la souris ( ROLLOVER) Quand la souris est dessous on voir un bar tranparence en couleur affiche avec un sous menu à côté
  • 14. Examples sur les Pages intérieur LA MARQUE........ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita Quand on changera kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam rubrique le logo et le voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et dessin va changer couleur justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat par rapport de la rubrique. nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea C’est un segmentation par commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. couleur Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
  • 15. Examples sur les Pages intérieur & bar navigation LA MARQUE........ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt p p p g y ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
  • 16. Examples sur les Pages intérieur collection photos
  • 17. Examples sur les Pages intérieur press photos
  • 18. Signature email 1 Pierre BOISSE Contact commercial Tel/Fax: 01 45 55 01 39 - Mobile: 06 21 65 96 95 Mail: commercial@les-nguyen.com LES NGUYEN 27/29 rue Bosquet - 75007 Paris Pierre BOISSE Contact commercial Tel/Fax: 01 45 55 01 39 - Mobile: 06 21 65 96 95 Mail: commercial@les-nguyen.com LES NGUYEN 27/29 rue Bosquet - 75007 Paris
  • 19. Rachael HAMPTON c/o ardephwerk (artdeisgnphotographie) www.ardephwerk.fr // rachael@ardephwerk.fr T. +33 1 43 57 20 04 // + 33 6 62 46 25 76 24, rue de Lappe 75011 Paris FRANCE