Project Description

Présentation du projet

Agence
RJS

Refonte du site vitrine de l’agence RJS afin de développer sa visibilité et sa notoriété. Outil indispensable aujourd’hui pour promouvoir sa marque et étendre sa visibilité, il doit permettre la démonstration des différents services et compétences vendus par cette agence de communication. Il doit mettre également, plus en valeur son identité graphique et son univers tout en référençant au maximum ce site vitrine.

Lien externe au site vitrine : https://agencerjs.com

Vidéo Home

Réalisations WEB

stevendecarvalho-portfolio-informatique-photos-visuel-agence-rjs-web-mockup

Missions

Réalisation d'une page WEB responsive mettant en valeur l'univers graphique et les différents travaux et expertises de l'agence.

Plusieurs travaux ont donc été menés comme :

  • Une Slider-home vidéo
  • Des animations JSON / SVG
  • Des animations CSS
  • Des transitions CSS
  • Des effets de parallax
  • Un portfolio des travaux réalisés
  • Un formulaire de prise de contact

Effets & animations SVG

Chargé en animation, le défi a été de tous les rajouter sur le site vitrine. Le langage CSS3 étant très peu apte à nous fournir de grosses animations, on a dû recourir à une librairie du nom de Bodymoovin. Grâce à cette technologie, nous avons pu exporter des animations d’After Effect en SVG et à partir de cette librairie, pouvoir interpréter le SVG en animation. De plus, celui-ci sera totalement responsive.


Effets de parallax

Pour moderniser et rendre attractif la navigation du site, nous avons utilisé une autre librairie du nom de parallax qui permet le déplacement d’une image ou d’un élément de la page à une certaine vitesse. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, la position de l’élément change, ce qui va générer un effet de profondeur.

stevendecarvalho-portfolio-informatique-photos-visuel-agence-rjs-web-mockup2