Browsing Category

Design

Design, Interfaces

True Detective – Séquence titre


Générique de True Detective
Superbes design et animation par Antibody pour la série True Détective. Parfait accord entre une musique qui sent bon une Louisiane moite et dark, une nonchalance profonde qui se prolonge en image avec un enchainement sans faille de visuels surex et entremêlés à la perfection. Très fan.

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

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

art, Design, Ergonomie, Interfaces, Services, User experience

Tout pour les yeux

tply
Un petit Zoom sur Tout pour les yeux aka tply. Un site qui m’a plu pour trois raisons :

  • Présente le meilleur des expos de la scène montante de l’illustration, du street art, de la photographie et des arts numériques, et ça, c’est bien.
  • Le site est dans une structure proportionnelle en colonne, un format ajustable en fonction de la dimension de la fenêtre de votre navigateur. Autant de colonnes que le permet la largeur de la fenêtre. La mise en forme est voisine de  sites comme D&Department, un site japonais que j’aime beaucoup ou encore EnjoyThin.gs, site des gens qui aiment les choses.
    Cette structure minimaliste est très agréable à parcourir, très proche de la une d’un quotidien. Ca me rappelle aussi la version expérimentale du NYTimes, l’article skimmer qui est très proche mais va plus loin puisque configurable à volonté.
  • J’aime bien le logo & sa typo (merci à Joaquim pour cette version)

tply
Ci-dessous, une capture de D&Department, le top de la mise en page différente, sexy et néanmoins intuitive.
tply

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

Design, E-commerce, User experience

36 boutons d'action en PSD for you for free

Le Call to action, des boutons clefs sur les sites marchands (ou pas) qui peuvent rapporter des ronds s’ils incitent convenablement au clic . Je me suis amusé à en faire quelques uns que je mets à dispo dans leur version PSD : une partie inspirée des boutons de sites reconnus pour leur ergonomie et une autre partie plus personnelle. Si cela vous intéresse, le PSD des ces boutons d’action (Ajouter au panier, inscription, etc…)  est dispo librement en cliquant sur l’illustration ci-dessous ou ici.

boutons d'action PSD - téléchager gratuitement

Les boutons sont dispos en version PSD, en vectoriel, avec des typos courantes pour la plupart. Si cela vous intéresse, vous pouvez donc les personnaliser en dimension, texte et couleurs.

Design, Iphone

Huge type

huge type
huge type
Huge type est un concept expérimental assez cool bien qu’il ne serve absolument à rien. Un pool sous flickr est à votre dispo pour y uploader des photos de Typos volées au détour d’un clic. Vous vous connectez ensuite avec votre iphone sur hugetype.com, vous saisissez une lettre et visualisez les photos du pool correspondant à cette lettre. Pour ceux qui aiment les typos sous toutes leurs formes. Sympa.

Via MatiasJajaja

art, Design

L'amour et la violence

Mcbess
Un genre de purgatoire Manga pour tatoué russe, sex, drug & rock’n roll, Yay ! Beaucoup de cultures mélangées pour un dessin dont je suis complètement fan, je me demande si je ne vais pas commander une épreuve.
J’aime beaucoup cette vision trash du jugement dernier.
Par MacBess aka Matthieu Bessudo, Londonien, 23 ans et plein de talent. Par ici
Via Minimazine