Flying-flexographie

yesbutnau_planche

Petit exercice de style : illustrer une compétition internationale de flying-disc ou « ultimate » pour impression en 2 couleurs sur des « freesbees ».

Les contraintes techniques, j’adooooore.

La flexographie est plus contraignante que la sérigraphie : pas de grandes surfaces. pas de trame fine. nuancier de couleur très limité.

Coté contenu, mes propositions allaient d’idées farfelues « barrées » à des choses plus raisonnables, plus politiquement correcte mais aussi plus fades.

Logo Do i Do – épisode 1

Un groupe de musicien de la région me sollicite pour créer leur logo. Le cahier des charges est peu fourni. Après une écoute attentive de leur composition électro, je découvre un assemblage de sons divers sans évocations précises constituant une musique d’ambiance lêchée. Pour offrir à leur public cette même part d’abstraction qui laisse libre court à l’imagination, j’opte pour une typo sobre mais au style marqué et tente une mise en place actuelle : une perturbation graphique révélant le logo non dessiné (en réserve).
Le principe et la typo les séduisent mais il reste à inventer l’habillage supportant le logo.

Fin de l’épisode 1 ! À suivre donc…

 

Papercraft 1er

Voici une exploration tout à fait intéressante dans la continuité de ma démarche participative des têtes-à-roulette.

Les papercraft sont des pliages à faire soit même.

J’ai amorcé une série de 10 têtes modélisées en 3D et en cour de dépliage.

Je vous livre mon premier papercraft en deux versions :
L’une peinte numériquement et l’autre vierge à peindre vous même.

une petite simulation premier papercraft

Matériel nécessaire :

imprimé au format A3 (oui je sais…), sur du papier 100g/m² minimum,
de bons ciseaux ou cuter à lame neuve, de la colle ou mieux, de l’adhésif double face.

Skins

maqtt_Interface_msWmp_media-ste@k.jpg
Les technologies du Web ont permis la dissociation de l’interface et du programme informatique. Du coup un champ d’expression large, très large s’est ouvert répondant aux attentes de personnalisation des utilisateurs et des distributeurs de logiciels. La technologie XML ou XULL permet aux créatifs toutes sortent de fantiaisies.skins.jpgIci une exploration d’une même thématique graphique pour diférents softs skinnables : Windows Media Player, BSplalyer, zooM et Lens.

Une école de yoga en Inde

Ullas Kumar enseigne le « progressive yoga » et prodigue des soins ayurvédiques à Varkala dans le sud de l’Inde.

La tradition et un petit coté fait soi même distingue ce site des gros usines et me semble essentiel pour toucher une population internationale souvent en quête d’authentique.

Le cms CMSimple me permet de générer un site web très portable.

HighSlide dynamise la présentation des albums photos.

—> le site d’Ullas Kumar

Aptéa, push et mini-site

Combiner une communication soignée et dans le même temps fournir le matériel pour communiquer est un bel exercice de style. L’objectif est donc de communiquer sur les nouveautés d’Equinoxe, poste de travail en agence mais aussi de fournir à la banque le matériel pour gérer leur propre communication s’il le souhaite.

La réponse réside dans la combinaison d’une lettre push (mail) et un mini-site Web présentant l’information et le matériel de communication à télécharger.

Cette interface reprend la signalétique et l’organisation du produit sur lequel on communique.

Push

capt_push_depeches.jpgcapt_push_metiers.jpgcapt_push_entetes.jpg

Toucher les clients ou partenaires directement sur leur poste de travail. Face à la masse de mail que nous recevons aujourd’hui, la reconnaissances du destinataire doit être rapide. Le soin est donc porté au design mais aussi à l’objet même du mail.

Techniquement… Les logiciels de consultation de mail tirent les possibilités design vers le bas : HTML2. Leur interprétation des styles CSS sont différentes voir pour certains supprimes toute information dans le HEAD. L’écriture des styles doit être adaptée.

A distance…

Oui bon, d’accord, un peu « limite » cette image ! Mais bon ! Juste 8 mn après un déjeuner au lance pierre. Et oui, j’aurai pu dessiner des galets !

En fouillant dans l’environnement de développement en ligne Google App Engine, je suis tombé sur le petit soft de dessin en ligne Blographica très Web2. Après un essai rapide, je me suis demandé ce que devenaient Queeky et Splashup. Ces derniers reposent sur la technologie Flash. Ils ont une longueur d’avance …plus efficaces, plus ergonomiques qu’à leurs premières heures… prometteurs !

Ces outils en ligne laissent entrevoir ce que nous pourrons faire plus tard non plus d’un ordinateur personnel mais de n’importe quel terminal, de n’importe où.

  • Queeky.com nous offre un très efficace logiciel de peinture en ligne.
  • Splashup.com reprend les outils de bases de Photoshop et les propose en ligne.
  • Bien-être garanti

    Spices and self

    eliza-web_blog.jpg

    Le bien-↑tre et l’ayurveda n’ont aucun secret pour Elizabeth Provost, masseuse ayurv←dique et enseignante de yoga. Outre l’aspect promotionnel de ses activit←s, ce site montre son envie de partager. Le succ│s de ce site tient ¢ son contenu riche en information sur l’Ayuveda.

    Cot← design, la v←g←tation luxuriante du Kerala, berceau de l’Ayurveda, m’a largement inspir←.

    eliza-web_bleu.jpgeliza-web_vertOrange.jpg

    A venir, les th←matiques color←es pour marquer plus clairement les 3 grands th│mes de ce site (Ayurveda, le blog, les services propos←s).

    —> Spices and self (le site sur l’ayurveda d’Elizabeth Provost).

    jquery again

    jquery_logo.gif2 plugins pour illustrer précédent post sur jQuery et comprendre mon enthousiasme.

    Le 1er, wSlide présenté par k-ny sur WEBinventif.fr. Celui-ci permet de présenter des articles/images par masquer/glisser sans dépendre d’un soft propriétaire comme Flash ou Expression.

    Le 2ème plugin est proposé par Johann Burkard. Il permet d’assembler différentes page Web ou fichiers HTML ou quelques autres éléments dans une même page et est une véritable éclaircie dans ma vie de designer d’interface.

    Jusqu’alors on ne pouvait pas assembler un site en pseudo-frame sans un serveur Internet sur son poste ou à distance.

    A quoi peut servir un site web en pseudo-frame fonctionnant en local sans serveur Internet ??

    Et bien simplement monter une maquette « design » ou « contenu » peut coûter cher suivant le masse de page. Ce plugin me permet d’externaliser les blocs communs comme l’entête ou le pied de page mais aussi les éléments de navigation.

    Par ailleurs ce site maquette ou non est portable. il est consultable sur n’importe quelle machine (celle du commanditaire par exemple) sans y installation particulière.

    Extranet

    Un Extranet, extract coté client d’un Intranet, est un exercice périlleux : Rendre accessible intuitivement par des utilisateurs issue d’un autre monde avec un cheminement et des attentes radicalement différents.

    Les technologies employées ici ne permettaient pas de cibler le métier du banquier. Le portail est constitués de 4 onglets métiers regroupants les informations de première nécessité. Ces onglets reprennent les thèmes colorés des métiers de la banque utilisés dans de nombreux supports de communication. L’utilisateur retrouve à chaque visite l’environnement métier qu’il a visité lors de son dernier passage.

    Le menu principale regroupe la totalité des liens de l’extranet et les présente en suivant le processus des demandes, de la commande à la livraison.

    Intranet

    portail Lyrecapt_lyre-visionneuse.jpgcapt_lyre-historiqNews.jpgcapt_lyre-glossaire.jpgcapt_lyre-formulaire.jpgcapt_lyre-pageType.jpg

    L’intranet n’est pas seulement un outil de communication mais il est aussi un outil de travail essentiel pour une entreprise sur 7 sites géographiques de plus de 1000 collaborateurs de métiers différents et échangeant des milliers de documents. L’enjeu est de taille. La navigation, sa lisibilité, son moteur de recherche sont essentiels.

    Poste de travail bancaire

    p style= »text-align: left; »>eQ_capt_login.jpgeQ_capt_vente.jpgeQ_capt_bureau.jpg

    L’objectif était de proposer un outil efficace pour le métier de banquier et de générer une interface attrayante et en phase avec l’identité visuelle des banques, écrans perçus par les clients de la banque.

    Le challenge technique : réaliser, dans le même temps, les composants de l’interface et développer les éléments réutilisables pour les outils de développement du progiciel. Autrement dit, on conçoit une voiture et les moules des machines qui la fabriqueront en série.

    Distributeurs GAB

    gab_BP.jpg

    Certaines banques portent une attention ¢ leurs distributeurs. Ils sont une vitrine en contact directe avec des non-clients de la banque. La rapidit← de distribution et la disponibilit← des machines est donc suivie. Une attention est aussi port←e ¢ l’interface graphique et au relais des campagnes publicitaires.

    GAB_CCSO_acceuil_arcachon.jpggab_CCSO_autres_cartes_Vga.jpggab_CCSO_idle_Vga.jpg