Browsing Tag

Design

Design, Interfaces, Lifestyle, web

Art of the Title Sequence

J’ai toujours aimé les séquences d’ouverture de films. C’est le moment privilégié où l’on entre dans un film, dans son ambiance. Quelques minutes qui posent les bases de l’intrigue, de l’atmosphère ou du débat de fond. C’est une séquence beaucoup plus libre que le film, espace qui peut laisser place à une créativité débridée, dans un format proche du clip parfois ou dans une sobriété esthétique toute dévolue aux impressions. C’est un Art en soi et une très belle source d’inspiration. J’ai découvert il y a peu The Art of the Title, un site à la gloire des « Title designers« , site qui nous expose ses choix subjectifs et une analyse des séquences d’ouvertures, celles de films mais aussi de génériques TV. Le site est par là : Art of the Title. Ci-dessous, pour le fun, 10 liens vers 10 séquences d’ouverture que l’on connait tous mais qui donnent envie de revoir les films.

1 – Bullit
Pour la music de Lalo Schiffrin et ses lents travellings très 70s avec jeux de typos.
Lien vers la séquence d’ouverture de Bullit
The Art of title sequence

2 – Dirty Harry
Le premier volet de la série avec aussi la musique de Lalo Schiffrin. Pour l’ambiance de l’intro, les prises de vues et pour Eastwood en Harry Callahan.
Lien vers la séquence d’ouverture de Dirty Harry
The Art of title sequence

3- Lord of War
Pour la problématique résumée dans un « plan séquence » hors norme.
Lien vers la séquence d’ouverture de Lord of War
The Art of title sequence

4 – The Shining
Musique et images théatrales qui font entrer dès les premières secondes dans l’ambiance oppressante du film. Brillant.
Lien vers la séquence d’ouverture de Shining
The Art of title sequence

5 – Catch me if you can
Pour les illustrations graphiques et l’animation. Pour les fans d’Helvetica et de vintage.
Lien vers la séquence d’ouverture de Cath me if you can
The Art of title sequence

6 – Se7en
Le seul souvenir que j’ai du film vu au cinéma, c’est cette intro… dérangeante. Bien vue.
Lien vers la séquence d’ouverture de Se7en
The Art of title sequence

7 – Panic Room
Belle utilisation de 3D intégrée dans un décors urbain aux teintes superbes, ambiance globale aux inspirations « Hitchcockiennes ».
Lien vers la séquence d’ouverture de Panic Room
The Art of title sequence

8 – Vertigo
Sobre, simple, inquiétant, le style de Saul Bass.
Lien vers la séquence d’ouverture de Vertigo
The Art of title sequence

9 – Delicatessen
La plus frenchy avec l’univers unique de Caro et Jeunet du début.
Lien vers la séquence d’ouverture de Delicatessen
The Art of title sequence

10 – Fight Club
Pour le parcours synaptique sous cocaine. Dans le ton.
Lien vers la séquence d’ouverture de Fight Club
The Art of title sequence
The Art of title sequence

Design, E-commerce, Imazine, Interfaces, Timefy

Good time

Quelques news de Timefy qui est dans le dernière ligne droite, le gros œuvre est fini et on est maintenant en train de finaliser le site, rédiger les pages de contenu, ajouter des infos, régler les fonctionnalités, gros rush encore, beaucoup à faire mais ça va bientôt être OK. Le lancement est prévu semaine prochaine, que du bon.
Montres Timefy
Les jours qui viennent de filer depuis le dernier post ont filé très vite, reçu le Kbis, obtenu le contrat VAD dans un temps record, toutes les montres ont été réceptionnées, l’éditorial rédigé, des milliers de photos shootées (pour en garder peu), et mises en ligne, des 100aines de tasses de café avalées, de clopes fumées, de playlists écoutées sur Spotify, la belle vie équilibrée quoi. La première sélection est en place sur le site. Beaucoup d’échanges avec mes amis de Newquest sur les finitions du site. De passage à Barbusland Vendredi, on a pu faire un gros point et échanger sur la dernière ligne droite, on est calé. Ils ont fait vraiment un super boulot et ce travail d’artisans que nous sommes pour préparer les murs et le mobilier de la boutique est un énorme plaisir, c’est bon de voir une idée prendre forme.
Prestashop et WordPress
Newquest a réalisé un super job sur les base d’un Prestashop, la solution qui a été retenue pour sa simplicité, sa souplesse et sa puissance. La boutique est couplée à un WordPress qui va nous servir à porter le blog bien sûr mais amener aussi des compléments intéressants sur la fiche produit.

Cette semaine, implantation du stock avec une journée et demi de réglages logistiques, mise en place des procédures, de l’administratif à faire, de la compta, des tests, d’autres tests et retests et reréglages tout en finissant la déco et les contenus.

Design, E-commerce, Imazine, Timefy

Timefy

Ca avance, ça se précise, ma nouvelle vie s’organise et le site est en bonne voie. Le deal est acté avec mon ami et associé Marc, les statuts de la société signés depuis la semaine dernière et j’attends maintenant avec impatience le Magic Kbis qui va être la clé de pas mal de choses (c’est trop long !). Le mois qui vient de passer a été bien chargé et le mois en cours commence fort aussi (et je ne vous parle pas des suivants :)). Donc, voila, un peu plus d’infos sur Timefy qui est donc le site en cours de préparation. Des montres, des montres design et funky sélectionnées avec soin et qui viennent de loin. Japon, Danemark, Allemagne, UK, USA mais aussi France (oui Madame). J’espère que la sélection vous plaira.
Timefy
Le blog de Timefy est lancé depuis un petit moment, la page facebook, le twitter, enfin toute la panoplie quoi. Le site est fini à 90% et sera 100% fonctionnel dans la 15aine, à nous le débuggage et les réglages fonctionnels mais pour le moment, il est au pixel, nickel. Et ça, c’est grâce à mes camarades barbus de Newquest qui sont à fond sur Timefy.com.

Les sélections sont faites, les commandes passées et je commence à recevoir les premières montres, c’est énorme. Maintenant, partie éditoriale, base, shoots complémentaires, contenu du site, réglages, administratif, etc. Il y a un max de taff et c’est vraiment bon de voir avancer cette idée qui prend forme.

Design, E-commerce, Interfaces, User experience

UI Pattern web survey

Toujours intéressant de benchmarker une quantité importante de sites pour connaître la localisation la plus courante de telle ou telle fonction. Où est l’aide, comment est la nav, y-a-t’il des onglets, où est le logo, où l’accès au compte, etc… Sur ce terrain, une initiative très intéressante de UI Patterns qui nous propose un service qui permet de tester collectivement des sites, 105 sites pour le moment, et de mutualiser le résultat qui est très intéressant. Pour le moment le questionnaire porte sur 16 questions, ce qui est encore peu mais cela va se développer à l’usage puisque le site est participatif.
UI Pattern web survey
Le résultat ressort soit sous forme de grille de « chaleur » dans le cadre d’une localisation de fonction, comme ci-dessous,  plus le carré est foncé, plus on retrouve l’élément à cet endroit. Le résultat peut aussi être représenté sous forme de pourcentages pour les questions non visuelles. Pour voir la liste des questions et les résultats, c’est ici.

UI Pattern web survey

Le questionnaire est ludique (cf ci-dessous), une box interactive pour les questions et le site testé est placé en dessous. Les questions sont soit des questions de localisation d’éléments (que l’on positionne d’un clic de souris) ou des questions relatives à la qualification du look ou des fonctionnalités de ces sites (est-ce que le fond est clair ou foncé ?).

UI Pattern web survey

Merci à Benoit pour l’info

Buzz, Design, Music

24 hours, un Mix & Buzz signé Soundwalk

24 hours : une  très belle idée de buzz pour faire découvrir Soundwalk, éditeur notamment de guides audio très sioux, les sound walk tours.

24 hours, c’est  mix de 24h00 disponible en appli Iphone / Ipod Touch ou ici sur le site de SoundWalk. Le concept : vous lancez l’appli Iphone ou l’appli flash et le stream du mix se lance à l’heure correspondant au fuseau horaire de l’endroit où vous vous situez. Le mix a été créé par Soundwalk sous la direction de Philippe Starck en partenariat avec WallPaper.
Soundwalk - 24h00
Soundwalk est une agence basée à Paris et New York qui réalise notamment des Sound Walk Tours, près de 40. Avec les walk tours, vous pouvez par exemple découvrir les racines du Hip Hop illustrées d’extraits d’African Bambaataa & jazzy Jay tout en étant guidé dans le Bronx, là où est né le Hip Hop. Si vous voulez jeter un oeil, les livres audios sont dispos dans L’itune store.

Le Mix 24 hours est vraiment très sympa pour le peu que j’ai pu écouter pour le moment en rédigeant ce post. (19:35)
Pour la version, c’est là
L’appli Iphone est là

Une très belle idée de buzz en tout cas, Soundwalk mérite d’être connu du reste, bien vu.
Désolé pour le post doublé sur Ma déco et Imazine pour ceux qui suivent les deux, ça concernait les deux blogs :)
Via Ma décoration & Viacomit

E-commerce, Imazine, web

New Day

Un nouveau jour pour une nouvelle vie. Ca y est, c’est parti, yay ! J’en ai envie depuis des années, l’idée depuis plus d’1 an, travaille sur le projet depuis des mois et je suis maintenant full time sur le sujet. Le projet, c’est un site de e-commerce avec des produits comme vous les aimez, une offre ciblée pour les early adopters que vous êtes.

New day imazine

Le site est en cours de développement par des gens très bien dont je vous parlerai bientôt, mes barbus à moi qui me brodent un site sur mesure, au pixel avec de jolis features. Du taff en cours et du taff en perspective. Je vous tiens au courant de l’histoire et vais revenir plus près du blog.
++

Blog, Design, Interfaces, Wordpress

Divine, créer un template wordpress depuis Photoshop

Une top info communiquée par Yann, un plugin au top pour Photoshop CS4 : Divine. Un plugin puissant qui vous permet de créer un template WordPress depuis un fichier Photoshop, oui Madame vous avez bien entendu. Pas testé l’outil encore, vu qu’il ne tourne que sous Windows et pas sous Mac, mais le concept est au top. J’ai l’impression que l’exécution est à la hauteur, à vérifier par les graphistes alertes que vous êtes.

Divine, créer un template wordpress depuis Photoshop

Le plugin est activé depuis Photoshop et vous permet de définir des zones, des tranches en quelque sorte à la image ready. Vous affectez ces tranches à un élément de WordPress (Title, Comment, User, etc…), il faut donc être assez précis dans le template de départ, ça va de soi.

Divine, créer un template wordpress depuis Photoshop

Divine, créer un template wordpress depuis Photoshop

Une fois ces zones définies, on procède à la création du template, Divine travaille pour vous et peut même le publier à votre place. J’ai regardé, mais pas trouvé, l’intégralité des fichiers a l’air d’être généré depuis le PSD principal. Il doit donc falloir faire quelques retouches pour les pages internes (post, page, résultat recherche).

Divine, créer un template wordpress depuis Photoshop

Divine est gratuit mais il y a des limitations : toutes les images sont exportées en GIF et les dimensions du template doivent se situer entre 750×1000 et 1000×2000. La version payante permettra de faire sauter ces verrous.

Divine, créer un template wordpress depuis Photoshop

Via Newquest.

Blog, Design, Ergonomie, Interfaces, Réseaux sociaux, Services, User experience, web

Cargo, un CMS social pour les créatifs

Cargo Collective
Cargo Collective est un projet découvert cette semaine via Astro. J’ai pu obtenir un accès à la beta et je vous fais un petit topo du service que je viens de tester. En quelques mots, Cargo est un CMS puissant et élégant destiné aux créatifs pour construire et partager leur portfolio d’une part et également un outil qui permet de suivre l’activité de portfolios que l’on a décidé de suivre. C’est un mix entre un CMS pur et un service comme Tumblr qui fonctionne de la même manière. Pas mal de points communs mais plus puissant en terme de customisation et de navigation. Des utilisateurs, il y en a déjà, dont le très intéressant Does it Float par exemple.

Ci dessous, l’accueil du portail Cargo Collective où vous pouvez suivre l’actu des portfolios que vous suivez, décrouvrir de nouveaux CargoSites.

Cargo Collective

Voici ci-dessous, La partie settings de votre Dashboard une fois votre compte créé. (J’ai fait 3 captures du frame droit du dashboard que j’ai disposées en colonnes). Vous pouvez définir la page que vous souhaitez en page d’accueil, ajouter une favicon, définir une image pour le header, etc. Vous pouvez sélectionner des gabarits prédéfinis dont vous pouvez retoucher le CSS à volonté et vous avez enfin la possibilité d’ajouter des morceaux de html spécifiques (Scripts, Tags analytics, etc.)

Cargo Collective

Ci-dessous, la partie création de page. Cette partie est accessible depuis votre accueil Dashboard ou la liste des pages existantes est présente, un clic et vous arrivez sur cette fonction de création de page/post. Vous définissez, pour une page, son contenu et sa mise en page avec des fonctionnalités insérables telles que slide show entre autre. Vous pouvez ensuite associer un thumbnail à votre projet (pour les mises en avant), un titre, une date, des tags et une couleur de fond. Et voila.

Cargo Collective

Beaucoup de choses sont donc possibles sous Cargo qui donne la main potentiellement sur la mise en page et les fonctionnalités sans pour autant rendre l’outil compliqué. Il est complètement accessible à quelqu’un qui n’y connait que chi en code. Complètement dans la lignée d’un Tumblr, à surveiller. C’est utilisable comme portfolio mais également comme alternative aux blogs pour les passionnés de photos ou d’illustration, de création en général, la finalité est le partage et la diffusion, donc, le champ est libre.

Ci-dessous, un exemple de portfolio, celui de Nuinosis à voir ici.
D’autres à découvrir comme But Does it Float, Sara the Cupcake, ou encore les sélections de portfolio faites par cargo, ici

Cargo Collective

Accessoires, Design, Gadgets, Interfaces, Iphone, User experience

Iphone Stencil Kit

Vous qui avez en tête la création d’une interface pour l’iphone, voici un Iphone Stencil Kit car rien de vaut le papier et le crayon pour laisser crayonner ses idées, les gommer et recommencer. Excellente idée, justement. L’iconographie générique joue un un rôle clef dans ces interfaces qui se doivent d’être intuitives, les automatismes visuels créent le confort d’utilisation. J’en ai commandé un, ça me plait bien, ne serait-ce que pour l’objet lui même. 16,95 USD, par là

iphone-stencil-kit

iphone-stencil-kit

Via TUAW

Blog, Design, E-commerce, Interfaces, Multicanal, Services, User experience, Video

Archiduchesse, king of the chaussette, on air

Archiduchesse - chaussettes colorées made in France

Patrice vient de lancer Archiduchesse, yay ! Je m’y suis collé trop tard, moi qui voulait du orange et du vert pomme.. Pfff, 5 heures après le lancement, déjà dévalisé sur ces 2 tons, success. Pas grave, plein de couleurs de chaussettes façon Panton, 30 au total pour le lancement dans un coton égyptien quali teinté-tissé en France. Bon démarrage à toi Patrice ! Et félicitations pour le site, j’aime beaucoup la home, claire, explicite et immédiate. Efficace, simple et funky, c’est bon.

Archiduchesse - chaussettes colorées made in France
Archiduchesse - chaussettes colorées made in France
Archiduchesse - chaussettes colorées made in France
Archiduchesse - chaussettes colorées made in France

Design, Video

Wood des Dead Pirates par McBess

McBess frappe encore une fois et c’est la classe intégrale pour cette video réalisée pour son groupe les dead pirates, video du titre Wood, réalisée en collaboration avec Simon. La musique passe pas mal mais surtout j’adore son univers graphique, c’est noir, c’est peuplé de vampires des bois à frange et culotte, de persos aux visages allongés et regard vide, aux tatouages typographiés à outrance. Par contre, au niveau scenar, c’est un peu la misère, mais on s’en fout, le graphisme porte tout.
mcbess-dead-pirates

Via Nice Fucking Graphics

Buzz, E-commerce, Ergonomie, Interfaces, User experience

Uniqklo intro

Uniqlo interface

introduction : une très belle interface événementielle pour Uniqlo, site Tokyoïte qui n’en est pas à son coup d’essai (cf post du capitaine sur le sujet). Les valeurs clefs de la marque défilent en scrolling vertical, les produits apparaissent en tournoyant, un par un dans un enchainement rythmé et en musique. Belle démonstration. Le tout est interactif, on peu cliquer chaque produit et aller l’acheter sur le shop. Ca c’est du web.

Uniqlo interface

Ci-dessous une capture du site Uniqlo, le vrai. Belle dispo produit en enchainement vertical, à la japonaise. Donne le sentiment d’une offre très riche sur ses 5 colonnes à la une, on va au produit directement, intéressant. La segmentation, elle, se révèle une fois dans le site. J’aime l’idée de se lâcher en page d’accueil et de rester minimaliste au niveau de la navigation, seulement l’essentiel.

Uniqlo interface