Articles taggés avec ‘design’

Noro - Bouteille double bec

Mercredi 19 novembre 2008

Voilà un système ingénieux à travers cette élégante ligne de bouteilles par Noro pour Lemarmenaje : Un double “bec” permet de récupérer les gouttes qui tomberaient. Elles vont passer entre les 2 parois pour finalement retomber dans le récipient… La gamme comprend 5 bouteilles en verre, 2 modèles déclinés chacun 2 contenance et une bouteille à l’allure plus “traditionnelle”. On pourrait notamment voir ce système appliqué pour des bouteilles de vin, où les gouttes sur nappe blanche peuvent être fatales… Une idée simple et esthétique. Comme quoi entre cette carafe et la bouteille avec une étiquette en braille, le monde du vin et de l’alcool en général est propice à la création!

Une histoire d’étiquette de champagne…

Jeudi 30 octobre 2008

Et si Prestille était un Champagne? …

J’ai fait quelques tests graphiques pour la conception d’une étiquette de bouteille de Champagne au nom de Prestille… Pas facile en tout cas, mais j’ai voulu aborder la chose d’une façon différente de l’étiquette standard et nous représentant bien, c’est à dire pas de fioritures à gogo, de la simplicité et de la clarté.

1ère étape :  Se renseigner sur les éléments à inclure sur l’étiquette:

  • La mention Champagne : Très important, et ce serait con de pas le mettre si on a le droit à l’appellation!
  • La marque (…)
  • Le fournisseur : Prestille n’ayant pas des hectares de vignes, il convient de travailler avec un producteur vigneron…
  • Le dosage
  • Le degré d’alcool
  • Le millésime si besoin
  • le statut professionnel du fournisseur, sous la forme de deux lettres ésotériques dont la signification est la suivante :

NM : Négociant-Manipulant
Il vend le vin qu’il a élaboré à partir de raisin acheté.
CM : Coopérative-Manipulant
RM : Récoltant-Manipulant
Il vend lui-même le vin qu’il a élaboré lui-même, à partir de ses propres vignes.
MA : Marque d’acheteur.
L’achat sur lattes est légal : il s’agit de vin déjà fait, revendu sous le nom et au prix de l’acquéreur.
En général, il s’agit de vin que le négociant ne souhaite pas commercialiser lui-même.
RC : Récoltant-Coopérateur
Il vend sous son étiquette le vin fait par la coopérative.

Je n’ai pas tout à fait cerné ce dernier point pour tel type de Champagne, mais bon, on continue:

2e étape : Après une petite veille tendance et signification des étiquettes de vins/champagne comme ici ou ,

c’est partis pour quelques tests :

conception etiquette champagne

  • 1 2
  • 3 4
  • 5 6
  • 7

- Quelles sont vos critiques +/- ? Qu’est ce que cela vous évoque?

- Quelle est votre étiquette préférée?

Bien sur on peut envisager de miser certains éléments avec d’autres…

Tout cela n’est qu’un essai de toute façon…

Merci pour vos remarques!

Prestille en local + Apprentissage du CSS et php à distance…

Lundi 6 octobre 2008

Voilà ce que nous avons mis en place avec Martin, depuis la semaine dernière… L’aprentissage à distance mais d’une façon extrêmement efficace et simple et qui nous sera d’une grande aide. Le tout grâce à une simle petit logiciel nommé sparksangel.

Afin d’optimiser la relation conception design et développement web, Martin m’a fait installé le site Prestille en local sur mon ordinateur, afin que je puisse créer moi même directement le CSS pour les pages que j’aurai conçues. Nous gagnons ainsi du temps et nous renforçons notre efficacité en étant plus proche l’un de l’autre en terme de développement. Ne connaissant pas grand chose en css (je me débrouille en action script seulement), Martin a pu m’expliquer plein de choses à distance, de l’installation au développement.

Pour revenir à sparsangel, ce logiciel permet de contrôler à distance l’écran d’une autre personne afin de lui montrer où cliquer. Il ne s’agit pas de prendre le contrôle total de la souris (ce qui pourrait peut-être engendrer quelques dérives ;) ), mais en voyant à distance l’écran d’un autre, on peut tout simplement lui dire où cliquer et lui montrer, à l’aide d’un curseur précisant “clic gauche” ou “clic droit” selon l’action à effectuer. Afin d’effectuer la connection entre les 2 ordinateurs, il suffit que la personne qui souhaite être accompagnée clique sur “je suis accompagné” pour qu’apparaisse un code que devra rentrer la personne “accompagnant” en cliquant sur “j’accompagne”. La synchro faite, le reste est un simplicisme et très efficace…

Après quelques soirées passées tardivement à installer (ensemble) Prestille en local, j’ai pû bidouiller directement les fichiers css sans modifier les fichiers du site online. J’utilise pour cela Zend studio afin d’écrire le css et de lire les php. Lorsque j’ai créé un css correct et que je l’ai testé en local, je l’envoi alors directement sur le serveur Prestille en un clic depuis Zend. A l’inverse, je peux aussi rapidement me synchroniser avec le site si Martin y a apporté des modifications et vice versa, lui peut télécharger en local ce que j’ai uploadé…

Enfin, outre l’efficacité que tout cela nous apporte, avoir un backup de Prestille sur l’ordinateur de Martin, en ligne, sur le miens + sur des disques durs externes, permet d’assureur une plus grande sécurité pour la sauvegarde de notre travail

Un blog, oui mais un blog brandé !

Mardi 27 mai 2008

L’ouverture récente du blog ne nous a pas encore permis de modifier en profondeur le design et l’architecture de celui-ci qui fonctionne sous wordpress. Pour faire simple, et je ne suis pas un développeur, wordpress est une plateforme de blog très répandue et très simple à utiliser. Elle permet de créer des blogs qui sont très proches de sites web traditionnels: une adresse en www.adresse.com, et la possibilité de créer de A à Z son “thème” wordpress, autrement dit le design de son blog, à partir de html et de CSS

Je me suis d’ailleurs un peu collé au CSS afin de mieux pouvoir appréhender l’intégration des éléments graphiques, que ce soit pour le blog, le site ou mon stage chez Orange en ce moment… Bref, Martin est un pro du html et CSS et pour l’instant c’est lui qui met encore tout en place, je n’ai qu’à lui livrer des éléments prêts à intégrer.

Le design du blog ou”blogdesign” est donc un élément essentiel, surtout quans il s’agit du blog d’une société. Il se doit de véhiculer les valeurs et l’image de l’entreprise et doit bien sur être simple et facile d’usage. Un très bon site de webdesign et particulièrement de blogdesign sous wordpress: Fran6art. On peut en effet suivre étape par étape le dévelopement, le design et l’intégration de celui-ci dans un blog wordpress.

En attendant de refondre totalement le blog, j’ai déjà retravaillé le fond et le “header” (l’entête) à partir d’un thème fournis d’office par wordpress… A cela on peut aussi ajouter le design d’un élément important: le pictogramme d’abonnement RSS, qui permet en cliquant dessus de nous suivre partout: Dès qu’un article est posté vous êtes au courant !

Pour cela il suffit d’avoir un lecteur RSS type feedreader ou mieux, googlereader (on pourra débatre sur les flux RSS dans un autre article). Voilà déjà les recherches graphiques effectuées, comprenant le symbole RSS et un élément se rapprochant de prestille, comme le cadeau ou l’interprétation des deux ronds comme deux cercles qui s’enlassent…

Alors, lequel préférez-vous?…