SITE PERSONNEL

Ce site est une création à part entière. C'est à dire que le site est codé de a-z. Aucun C.M.S( Content Management System) ou Framework n'est utilisé ici. Les animations sont faites en Jquery ou JavaScript. Les médias queries sont utilisées pour faire le responsive( pour que le format s'adapte aux mobiles et tablettes).
img_fond2

INFORMATION SUR LE PROJET

Romain
Développeur Web
Date de Début:Site effectué sous 8jours
Catégorie:From scratch
CONCEPTION DU PROJET

Ce projet a été entièrement conçu depuis une page blanche. Comme pour tout projet on commence par réfléchir à la structure du site, ce que l’on veut y faire apparaître. Pour cela on va faire ce que l’on appelle un wireframe (un croquis pour nous y aider) et ainsi bien définir ce que l’on veut y mettre tout simplement. Il faut aussi déterminer la charte graphique (les couleurs à utiliser). A partir de ce fameux croquis, une maquette peut être faite afin de confirmer ou non les choix.

Ce projet utilise différentes formes de présentations de contenu.

  • un parallax sur la 1ère image : effet de mouvement sur une photo/image donnant parfois une impression de 3D (dans le cas présent la photo ne bouge pas à la même vitesse lorsque l’on scroll)
  • le scroll spy sur le menu (barre de navigation) : un logiciel espion lol !! non je plaisante. C’est une fonction créée en javaScript qui permet de faire ressortir l’élément du menu sur lequel vous êtes positionné dans le site. ( exemple si vous scrollez au niveau du formulaire de contact , celui-ci sera mis en évidence dans la barre de navigation.
  • des flips au niveau des prestations : les flips (cartes) se retournent lorsque l’on passe la souris ou que l’on clique (ici juste au survol de la souris)
  • un carousel pour le Pourquoi? : un carousel est un manège à éléments(des photos, des textes qui défilent).
  • des thumbnails qui “s’éclairent”au survol de la souris : des vignettes (images de certaines tailles avec un effet donnant l’impression d’un éclairage de celles-ci) du plus bel effet :p)
  • un formulaire de contact : tout est dans le nom !! 😉

les technologies et langages pour ce site , sont le HTML, CSS3 .

Pour les animations , du JavaScript et sa librairie jQuery.

Pour le formulaire de contact du php.