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
                 ...
Le monogramme
  LOGOTYPE 2

                                                                    Nouvelle monogramme et des...
Le relook du logotype
  LOGO 2 AXES
                                                                         Choix 1
 Voic...
Les autres declinastion du logotype
GAMME COLORS FOR LOGO AND WEBSITE
Avec un logo net et clean on peut le décliner plus f...
Les regles de typographie et graphic design


Voici votre Choix
Dans les règles de typographie et graphique design.
Si on ...
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...
1ere concepts créatif
LOGO 2 AXES
Homepage choix de lanque avec un zone news. Le logo sera
animé en changant couleur. La t...
ZONEING Pages intérieur LOGO AND WEBSITE
 GAMME COLORS FOR
L’emplacement                        850 px taille

des élément...
LOGOTYPE 2
Le principe de navigation
Prévoir de détailler les interactions liées au survol de la souris, notamment les rol...
Examples sur le principe de navigation


                                                850 px taille




               ...
Examples sur les Pages intérieur




                                                                                     ...
Examples sur les Pages intérieur & bar navigation




                                                                    ...
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 - ...
Rachael HAMPTON
c/o ardephwerk (artdeisgnphotographie)
www.ardephwerk.fr // rachael@ardephwerk.fr
T. +33 1 43 57 20 04 // ...
Upcoming SlideShare
Loading in...5
×

Case Study Nguyen

1,075

Published on

Case study for the re-looking of logo and web site http://les-nguyen.com

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,075
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Case Study Nguyen

  1. 1. CASE STUDY Correction LOGOTYPE et recherche couleur segmentation pour la site web Les Nguyen Déc. 2007
  2. 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. 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. 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. 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. 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. 7. Correction au Segmentation couleur de les 8 rubriques
  8. 8. CASE STUDY design du site web Les-nguyen.com Janvier 2008
  9. 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. 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. 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. 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. 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. 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. 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. 16. Examples sur les Pages intérieur collection photos
  17. 17. Examples sur les Pages intérieur press photos
  18. 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. 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

×