Vous prendrez bien un peu de crème en ce dimanche ?! Et pas n’importe laquelle : voici la crème de la semaine #7 ! Au menu : la suite de Unleash Your Fingers plus pépouze que jamais, un sublime Time-Lapse en résolution 4K à regarder en plein écran, le tue l’amour mortel en Turquie, des joueurs de football aux supers pouvoirs, une astuce pour cacher sa dernière bière dans son frigidaire, une mission commando menée par des chats en pâte à modeler, un petit son proposé par DJ Durex, la nouvelle campagne « Cauchemar de femmes » du Samusocial, les faux espoirs de la Samsung Smart TV avec motion-control, et pour finir, « A step from Zero » ou quand le Coke Zero donne le mouv’…
Have fun et bonne fin de week-end !
La crème de la semaine #7…
PS : Pour ceux qui n’auraient toujours pas l’habitude d’utiliser une playlist Youtube, vous n’avez qu’à lancer le player. Une fois qu’une vidéo se termine, la suivante démarre automatiquement. Si l’une d’entre elles ne vous intéresse pas, vous n’avez qu’à cliquer sur l’icône « Playlist » pour faire apparaitre la sélection et choisir une nouvelle vidéo !
Voici la crème de la semaine #6, une playlist des 10 meilleures vidéos de la semaine ! Avec un peu de retard… Mon four était en panne Au menu : la lutte contre l’imitation menée par Volkswagen, une vidéo d’affrontements pleine d’imagination, la nouvelle interaction homme-machine comme dans le film Minority Report, un stop-motion signé Getty Images, l’art de filmer les ombres d’un skateur, un petit son de rap de patron sur la musique de Gotye, le virtuose-geek Beckham en action avec des ballons, un demi-terrain de basket customisé par Nike, la statue d’Obama sous différents points de vue et pour finir, une musique tout en préservatifs.
Have fun et bon week-end prolongé !
La crème de la semaine #6…
PS : Pour ceux qui n’auraient toujours pas l’habitude d’utiliser une playlist Youtube, vous n’avez qu’à lancer le player. Une fois qu’une vidéo se termine, la suivante démarre automatiquement. Si l’une d’entre elles ne vous intéresse pas, vous n’avez qu’à cliquer sur l’icône « Playlist » pour faire apparaitre la sélection et choisir une nouvelle vidéo !
Pour terminer ce week-end, je vous propose une mignardise locale et savoureuse ! Le site VDM (Vie De Merde pour ceux qui ne connaitraient pas…!) met à l’honneur cette semaine la VDM illustrée de mon pote Kévin Gauvin, alias « Des pixels dans les yeux » ! Si vous ne le connaissez pas (et même si vous le connaissez !), je vous invite à lire l’interview de shérif qu’il a accordé au site (par LÀ !) et bien évidemment à suivre son blog (par ICI !). Vous y trouverez des articles bien pépouzes, parfois même intrigants (et oui… il est en 2ème année à l’École Supérieure des Arts décoratifs de Strasbourg !). Et pour lire sa VDM, cliquez sur l’image ci-dessous. Bon app’ !
Have fun !
La VDM illustrée, signée « Des pixels dans les yeux »…
Cette semaine, les pâtissiers du web nous ont concoctés des vidéos très sympathiques et en grand nombre ! Sélectionner les 10 meilleures d’entre elles n’a donc pas été de tout repos ! Découvrez la crème de la semaine #5, la Playslist Youtube assurément plus onctueuse que celle de la semaine dernière !
Au menu : une compilation des plus belles images de sports en slow motion sur une bande musicale de patron, une nouvelle campagne à succès pour l’agence Buzzman et son saut à l’élastique sans élastique, la solution Kit Kat pour vaincre son énervement, de la réalité augmentée artistique, le fantasme de l’ascenseur illustré par Playboy, un papa-poule Volkswagen, la recherche sémantique bientôt instaurée par Google, le showreel 2012 de la marque Quechua, un run extrême en vélo de descente filmé en caméra embarquée et pour finir, une musique à l’effigie de Mark Zuckerberg pour célébrer la spectaculaire entrée en bourse de Facebook ! N’hésitez pas à partager !
Have fun et bon week-end !
La crème de la semaine #5…
PS : Pour ceux qui n’auraient toujours pas l’habitude d’utiliser une playlist Youtube, vous n’avez qu’à lancer le player. Une fois qu’une vidéo se termine, la suivante démarre automatiquement. Si l’une d’entre elles ne vous intéresse pas, vous n’avez qu’à cliquer sur l’icône « Playlist » pour faire apparaitre la sélection et choisir une nouvelle vidéo !
ATTENTION : long… très long article… Cela fait un petit moment que je ne vous ai pas reparlé de notre projet tuteuré de cette année : concevoir le site Internet de la Maison de la Création. Ce travail est certes long mais je l’apprécie particulièrement car c’est la définition même d’un projet. Nous avançons pas-à-pas, nous nous remettons constamment en question, de nouvelles idées d’interfaces et de fonctionnalités sont apportées au fur-et-à-mesure de notre réflexion, certaines sont finalement supprimées,… Bref, nous sommes conscients que nous aurons rarement autant de temps à consacrer pour un projet comparable une fois entrés dans la vie active. Cependant, cette approche et ce projet en général sont très enrichissants car nous sommes poussés dans nos « retranchements et dans une position destabilisante », comme le dirait Philippe Quinton, notre commanditaire. Ce projet nous a montré que notre futur métier et notre principale compétence est de concevoir et non pas développer, comme savent le faire bon nombre de freelancers aujourd’hui. Et je dois l’avouer, c’est une vision que je n’avais pas forcément acquise en début d’année scolaire.
Cette semaine, nous venons de terminer notre année scolaire et de passer notre soutenance de projet tuteuré. Dans cet article, je vous propose la seconde version de notre zoning intitulée « Nhub ». Il ne s’agit donc pas de la version finale que nous avons exposé lors de notre oral avec mes deux collègues et amis Marius Ortiz et Benoit Serraillier. Je publierai notre travail final plus tard, mon objectif étant de vous présenter l’ensemble de notre réflexion et de notre progression autour de la forme géométrique du cube. Si vous souhaitez vous remémorer le premier article au sujet de la version initiale (intitulée « Apéricube »), c’est par ICI !
PS : tous les visuels présentés ci-dessous sont en gris car il s’agit uniquement de maquettes fonctionnelles servant à expliquer le concept. Le webdesign sera réalisé par la suite.
Changement de terminologie…
Souvenez-vous dans la version précédente (voir la présentation SlideShare en fin d’article), le cube était une « Création » et son contenu, des « Cellules ». Après un premier rendez-vous avec les experts (nos professeurs de suivi), il s’est avéré que la version initiale, bien que complète, était peu claire et assez déroutante pour l’internaute. Cela nous a donc amené à repenser la majorité de notre concept en commençant par son nom. Les termes « Cellule » et « Création » ont laissé respectivement place aux termes « Nub » (le vif du sujet en anglais) et « Hub » (faisant référence à la jonction de flux). D’où le nom de projet « Nhub » (hohoho !).
Le principe du site reste le même grosso modo, à savoir que le contenu du site est représenté par l’ensemble des « Nubs » uniquement créés par les membres de la Maison de la Création. Le but étant de valoriser et de diffuser les travaux et réflexions des membres de cet institut. Les « Hubs » sont en quelques sortes des supports de navigation personnalisés regroupant les « Nubs » sélectionnés par tout internaute .
Nouvelle page d’accueil…
Une fois la terminologie de notre site ré-étudiée, nous avons repensé tout le projet étant donné sa complexité et son manque de compréhension. En premier lieu, la page d’accueil a été restructurée en quatre parties : un accès rapide vers l’information par le biais de “Hubs” et de “Nubs” les plus partagés et les mieux notés, une entrée pour naviguer, une zone d’inscription et d’identification, et enfin une vidéo démonstrative du site, tout comme le font certains médias sociaux. Cette page d’accueil a été l’une de nos principales difficultés car l’objectif était de la rendre attractive et compréhensible d’un simple coup d’oeil. Celle-ci a par la suite été répensée lors de la version finale.
Comparaison des pages d'accueil entre l'Apéricube et le Nhub
Back office remodelé et épuré…
Le back-office a également été remodelé pour une meilleure prise en main et proposer davantage de fonctionnalités et de formats de publication. En effet, la première version de notre réflexion obligeait l’internaute à se limiter aux formes géométriques du cube. Désormais, un internaute membre de la Maison de la Création peut créer des contenus (ou « Nub ») en tout genre et les ajouter d’un simple « glissé-déposé » sur les faces de son « Hub ». De plus, les interfaces des back office « Hub » et « Nub » ont été épurées et simplifiées. Le site Pearltrees nous a inspiré en ce qui concerne les fonctionnalités du back office « Hub », avec la possibilité de stocker des « Nubs » dans une barre horizontale et de les glisser-déposer à tout moment sur les faces du « Hub ».
Nous avons également séparé explicitement l’usage de ce site : les membres de la Maison de la Création peuvent créer un « Hub » ainsi que des « Nubs » alors que les visiteurs non-membres ne peuvent créer qu’un « Hub ». Ceci pour des questions de modération et de pertinence des contenus publiés sur le site.
Comparaison du back office entre l'Apéricube et le Nhub
Navigation en profondeur…
Hub de recherche en mode aperçu
Contrairement à la première version qui obligeait l’internaute à naviguer à l’intérieur du cube, nous avons décidé de nous inspirer de la navigation du site Beercamp 2011. Ainsi, l’internaute peut naviguer en « profondeur » par le biais d’un effet zoom sur la surface du cube. Cette navigation offre un champ de vision dégagé et instaure un sentiment d’ouverture.
Le « Hub » de recherche est représenté à l’intérieur d’un cube et non plus à l’extérieur comme nous l’avions illustré dans notre première ébauche. Il offre à la fois une meilleure expérience du cube ainsi qu’une visibilité optimale des résultats de recherche. Nous avons introduit la fonctionnalité « Aperçu » afin de combler l’espace vide du « Hub de recherche » sur les côtés et ainsi visualiser au survol le contenu des « Nubs », tout comme le propose Google dans ses résultats de recherche. Nous avons également donné la possibilité de visiter un « Nub » à partir des résultats du « Hub » de recherche avec un menu cubique inspiré de la vidéo ci-dessous :
Vidéo d’inspiration pour le menu cubique en lévitation…
Création d’une “Galaxie”…
Galaxie de Hubs associés
Pour terminer, nous avons instauré une nouvelle partie du site pour le moins originale et surprenante : « La Galaxie de Hubs associés”. Elle représente une multitude de « Hubs » flottants dans le vide. Cette interface du site représente le mieux l’esprit créatif associé à la Maison de la Création puisque son objectif est de faire graviter la création autour de nous. Ce dernier peut alors naviguer dans la galaxie à l’aide du scroll et visiter le « Hub » souhaité. Pour cette application, nous nous sommes inspirés de certains canvas réalisés par Mr.doob. Cela nous a montré que ce genre de navigation était difficile et nécessitait un équipement informatique performant pour profiter au mieux de l’expérience , mais qu’elle restait réalisable !
J’imagine que peut de monde est venu à bout de cet article et je comprends pourquoi ! J’espère cependant que ces explications vous auront permises de comprendre le concept et de percevoir les différentes progressions que nous avons apportés par-rapport à la version « Apéricube ». La semaine prochaine, je publierai notre travail final avec les dernières modifications, les différents scénarios d’usages qui nous ont permis de finaliser cette conception ainsi que le démonstrateur vidéo réalisé sur After Effect et présentant une partie de la navigation de ce site !
Have fun et bonne semaine !
pour faire apparaitre la sélection et choisir une nouvelle vidéo !
Au menu : la lutte contre l’imitation menée par Volkswagen, une vidéo d’affrontements pleine d’imagination, la nouvelle interaction homme-machine comme dans le film Minority Report, un stop-motion signé Getty Images, l’art de filmer les ombres d’un skateur, un petit son de rap de patron sur la musique de Gotye, le virtuose-geek Beckham en action avec des ballons, un demi-terrain de basket customisé par Nike, la statue d’Obama sous différents points de vue et pour finir, une musique tout en préservatifs.
