Martin Luke

Direction artistique

LukeVideo est un site vitrine présentant a travers un avatar en low poly mes différentes compétences et mes goûts ainsi que des liens vers mes différents comptes sur les réseaux sociaux et blogs.

La gamme de couleur est inspiré des gammes chromatiques des films de Wes Anderson. Cette touche un rétro répond à l'aspect plus "high-tech" du webgl et du personnage en 3D.

Version Desktop et tablette format paysage

La version desktop et la version tablette sont identiques.

Ici nous pouvons voir un exemple de vignette ouverte avec un lien en italique et souligné. Pour sortir on peut cliquer sur un autre point ou sur le background.

Version tablette portrait

Cette version portrait garde le même design que le desktop jusqu'a 768 pixels de large. Cette version sert aussi sur le desktop si le navigateur n'est pas en plein écran.

Version petite tablette portrait

Cette version petite tablette prend en charge l'interface de 768 à 400 pixels.

Les vignettes sont centrées et prennent environ 80% de la largeur. 

Version Mobile.

La version Mobile du site est prise en charge à partir de 400 pixels. Le modèle 3D n'est plus visible et les différentes vignettes s'ouvrent en accordéon.

Remarques

Les textes des vignettes et leur traduction seront rédigées pour la semaine 19.

Si WebGL n'est pas reconnu par le navigateur une photo remplacera le modèle 3D.

En fonction de l'avancement du projet le modèle 3D devra être amélioré pour pouvoir être animé.

Dans ce cas les zones de sélections pourrait être remplacées par des accessoires ( Tablette, chapeau, badges,sac à dos...).

Les mentions légales seront accessible depuis une vignette.

Remarques

le maximum d'animations seront réalisées en CSS pour garantir la meilleurs compatibilité avec les navigateurs bloquant le Javascript.

L'architecture de la page devra prendre en compte l'accessibilité.

Je tenterais de prendre en compte le user-agent du visiteur pour forcer la version tablette sur les téléphones avec des résolution HD.

Charte graphique

Polices :

Open sans : textes vignettes.

arvo : titre du site pour  la version mobile.

Jura : sélection de la langue.


couleurs :

texte : rgba 255, 255, 255, 1

vignettes version non mobile : rgba 209, 172, 7, 0.75

vignettes version mobile : rgba 209, 172, 7, 1


Suite du projet

Par la suite plusieurs bonus pourrait être ajouté au site.


Par exemple un KonamiCode pour lancer un mini jeux,comme un snake3D pour rester dans l'esprit retro.

Si on clique sur "réalité virtuelle" la caméra fait un panoramique à 360° et révèle quelque chose à l'internaute.


Create a presentation like this one
Share it on social medias
Share it on your own
Share it on social medias
Share it on your own

How to export your presentation

Please use Google Chrome to obtain the best export results.


How to export your presentation

New presentation

by lukemartinvideo

10 views

Public - 5/4/16, 12:18 PM