Baroclean

Le but de ce projet était de crée un site web complet pour une entreprise vendant leur hydrocureurs. Le site actuellement est basé sur boostrap et contient de nombreux problèmes de responsive design. Le but était de refaire le site en utilisant Bootstrap et de le rendre plus moderne et plus responsive.

Pour cela, j'ai utilisé figma dev pour réaliser la maquette qui avais été réalisé par un designer.

Comme c'était l'un des premiers projets où j'ai utilisé Bootstrap, j'ai fait de nombreuses erreurs comme modifier directement le CSS de Bootstrap. J'ai appris de mes erreurs et j'ai pu corriger le site pour qu'il soit plus responsive.

Durant ce premier site j'ai également appris à utiliser Lottie pour ajouter des animations sur le site.

Script permettant de stopper l'animation lorsque l'utilisateur ne la voit pas et de la relancer lorsqu'il la voit.

<script src="/js/lottie-interactivity.min.js"></script>
<script>
    LottieInteractivity.create({
        mode: 'scroll',
        player: '#firstLottie',
        actions: [
            {
                visibility: [0, 0.2],
                type: "stop",
                frames: [0],
            },
            {
                visibility: [0.2, 0.9],
                type: "loop",
                frames: [0, 999999],
            },
            {
                visibility: [0.9, 1.0],
                type: "stop",
                frames: [0],
            }
        ]
    });
</script>