Lemariey Antoine

Présentation de mon site

Mon site repose sur un pont qui donne le message "viens traverser le pont pour me decouvrir".

Chaque page du site se superpose avec un declage (comme sur l'image de gauche).

Le background se deplace à chaque changement de page, ce qui peu fair perdre les repère visuelle du visiteur, j'ais donc ajouter un fond noir transparant entre le background et le contenue pour fixer son regard.


La polices des titres est Comics sans MS et les textes sont en arial, les polices seront peut etre amené à changer, mais elles resteront simple et sans fioriture.


Le menu dans le bas est cliquable pour amener directement aux pages desiré. Et les fleches situé à droite et à gauche servent à ateindre la page suivante ou la page precedentes.

Les couleurs dominantes sont le noir pour le background et blanc pour le texte

A part quand le text est plus long à lire, pour une lecture plus facile , je l'ais mis en noir sur fond blanc.

Site version desktop

La silhoutte blanche me represente et elle sera sur toute les pages sauf sur contact

 Comme si j'acompagnai le visiteur sur le site. Elle se deplacera a chaque changement de page pour ateindre sa place.

Le background diminue ou rétrecie en fonction de la taille d'affichage du visiteur, mais le fond noir et son contenu ne bouge pas.

La formation ecrite en blanc et les experiences en noir sur fond blanc. Cela fait une separation net entre les deux categorie

Je n'ais pas encore la video, je vais la filmer bientôt.

La silhouette part en meme temps que cette page

Les boutons des resaux sociaux reprennent le couleurs original quand on passe par dessu avec la sourie.

Site version tablette

A 768 px il y a un break point,

les boutons pour revenir a droite et a gauche disparaissent.

Il faut swipe pour changer de page. 

Le fond noir est remonté et le menu à un peu grossi

Pas de changement ici.

Pas de changement ici

Le bouton envoyer est plus gros .

Site version mobile

Le breakpoint tablette/mobile est a 320px.

Sur la version mobile je ne garde que le strict nécessaire, la silhouette sur la 1ere page n'apparaistra plus après

Il ne reste plus que le texte  Le menu est pareille que sur la tablette. Les titres arrivent au milieux

Les competences "personnelle" et "informatique" été separé par ma silhouette que j'ais remplacé ici par une ligne pour un gain de place.

Sur cette page le texte est un peu plus reserré

Sur la page contact il y aura un overlay pour acceder au reseaux sociaux, les icones grandiront quand on clique sur l'overlay

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

site_antoine_lemariey

by antoinelema

14 views

Public - 5/4/16, 8:00 AM