Hugo Chouinard

Développeur web

Pigiste en développement web prêt à vous épaulez dans vos projets, que se soit un premier site web, la refonte d'un site existant, l'ajout d'une fonctionnalité ou le développement d'une application web.

Site web

À la recherche d'une première présence sur le web ? ou vous souhaitez revoir votre site existant ? Je peux vous aidez à atteindre vos objectifs. D'abord dans l'analyse de vos besoins puis dans la conception d'une expérience et d'un design unique répondant à ces besoins. Finalement par le développement d'un site de qualité, qu'il soit en design adaptatif (bureau, tablette, mobile) ou qu'il nécéssite un système de gestion de contenu.

Technologies utilisées:
  • HTML
  • CSS
  • JS
  • WordPress
  • Festival
    du Bûcheux

    Capture écran de l'accueil du Festival du Bûcheux

    Site web complet avec SGC personnalisé reposant sur Laravel ainsi qu'une intégration WordPress.

  • Armoires
    Dumont Design

    Capture écran de l'accueil de Armoires Dumont Design

    Intégration d'une maquette dans un thème WordPress. Design web par Amélie Côté

Développement web

Vous souhaitez ajouter des fonctionnalités ? ou voulez développer une application particulière ? Je peux vous aidez dans la conception et la programmation de votre projet, que se soit un ajout à un système existant ou le développement d'un nouveau. J'utilise PHP, avec lequel je programme depuis plus de 5 ans. Je maîtrise aussi Javascript pour le développement d'interface interactive, particulièrement avec React.

Technologies utilisées:
  • PHP
  • Laravel
  • React
  • Canadian
    Numismatic Company

    Capture d'écran du système d'encan de Canadian Numismatic Company

    Système d'encan en ligne. Développement de l'interface interactive et de ses fonctionnalités.

  • Sentier
    de la bouette

    Capture d'écran du formulaire d'inscription au sentier de la bouette

    Formulaire d'inscription à un évenement avec paiement en ligne. Développement d'un plugins avec une partie back-end (enregistrement de données et système de paiement) et front-end (affichage et saisie de données).

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hugo Chouinard - Développeur Web</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body class="container">
    <div class="row">
        <header class="col-xs-12 col-md-7">
            <h1>Hugo Chouinard</h1>
            <span class="titre-emploi">Développeur web</span>
            <p>Pigiste en développement web prêt à vous épaulez dans vos projets, que se soit <a href="#site-web">un premier site web</a>, la <a href="#site-web">refonte d'un site existant</a>, l'<a href="#developpement-web">ajout d'une fonctionnalité</a> ou le <a href="#developpement-web">développement d'une application web</a>.</p>
        </header>
    </div>
    <main class="row">
        <section class="block col-xs-12 col-md-6" id="site-web">
            <h2>Site web</h2>
            <p>À la recherche d'une première présence sur le web ? ou vous souhaitez revoir votre site existant ? Je peux vous aidez à atteindre vos objectifs. D'abord dans l'analyse de vos besoins puis dans la conception d'une expérience et d'un design unique répondant à ces besoins. Finalement par le développement d'un site de qualité, qu'il soit en design adaptatif (bureau, tablette, mobile) ou qu'il nécéssite un système de gestion de contenu.</p>
            <div class="outils">
                <span class="titre-outils">Technologies utilisées:</span>
                <ul>
                    <li><img src="images/html5_32.jpg" title="HTML" alt="HTML"></li>
                    <li><img src="images/css3_32.jpg" title="CSS" alt="CSS"></li>
                    <li><img src="images/js_32.jpg" title="JS" alt="JS"></li>
                    <li><img src="images/wp_32.jpg" title="WordPress" alt="WordPress"></li>
                </ul>
            </div>
            <ul class="realisations row">
                <li class="realisations__item col-xs-12 col-md-6">
                    <div class="row">
                        <h3 class="realisations__titre col-xs-12">Festival<br>du Bûcheux</h3>
                        <a class="col-xs-12 col-sm-6 col-md-12" href="http://festivaldubucheux.ca" target="_blank"><img class="realisations__image" src="images/accueil_festival_400.jpg" alt="Capture écran de l'accueil du Festival du Bûcheux"></a>
                        <p class="col-xs-12 col-sm-6 col-md-12">Site web complet avec <abbr title="Système de gestion de contenu">SGC</abbr> personnalisé reposant sur Laravel ainsi qu'une intégration WordPress.</p>
                    </div>
                </li>
                <li class="realisations__item col-xs-12 col-md-6">
                    <div class="row">
                        <h3 class="realisations__titre col-xs-12">Armoires<br>Dumont Design</h3>
                        <a class="col-xs-12 col-sm-6 col-md-12" href="http://armoiresdumontdesign.com" target="_blank"><img class="realisations__image" src="images/accueil_dumontdesign_400.jpg" alt="Capture écran de l'accueil de Armoires Dumont Design"></a>
                        <p class="col-xs-12 col-sm-6 col-md-12">Intégration d'une maquette dans un thème WordPress. Design web par <a href="http://amcote.com" target="_blank">Amélie Côté</a></p>
                    </div>
                </li>
            </ul>
        </section>
        <section class="block col-xs-12 col-md-6" id="developpement-web">
            <h2>Développement web</h2>
            <p>Vous souhaitez ajouter des fonctionnalités ? ou voulez développer une application particulière ? Je peux vous aidez dans la conception et la programmation de votre projet, que se soit un ajout à un système existant ou le développement d'un nouveau. J'utilise PHP, avec lequel je programme depuis plus de 5 ans. Je maîtrise aussi Javascript pour le développement d'interface interactive, particulièrement avec ReactJS.</p>
            <div class="outils">
                <span class="titre-outils">Technologies utilisées:</span>
                <ul>
                    <li><img src="images/php_32.jpg" title="PHP" alt="PHP"></li>
                    <li><img src="images/laravel_32.jpg" title="Laravel" alt="Laravel"></li>
                    <li><img src="images/react_32.jpg" title="React" alt="React"></li>
                </ul>
            </div>
            <ul class="realisations row">
                <li class="realisations__item col-xs-12 col-md-6">
                    <div class="row">
                        <h3 class="realisations__titre col-xs-12">Canadian<br>Numismatic Company</h3>
                        <a class="col-xs-12 col-sm-6 col-md-12" href="http://cnc.forwardsim.com" target="_blank"><img src="images/encan_cnc_400.jpg" alt="Capture d'écran du système d'encan de Canadian Numismatic Company" class="realisations__image"></a>
                        <p class="col-xs-12 col-sm-6 col-md-12">Système d'encan en ligne. Développement de l'interface interactive et de ses fonctionnalités avec React.</p>
                    </div>
                </li>
                <li class="realisations__item col-xs-12 col-md-6">
                    <div class="row">
                        <h3 class="realisations__titre col-xs-12">Sentier<br>de la bouette</h3>
                        <a class="col-xs-12 col-sm-6 col-md-12" href="https://labouette.com/inscription" target="_blank"><img src="images/inscription_bouette_400.jpg" alt="Capture d'écran du formulaire d'inscription au sentier de la bouette" class="realisations__image"></a>
                        <p class="col-xs-12 col-sm-6 col-md-12">Formulaire d'inscription à un évenement avec paiement en ligne. Développement d'un plugins avec une partie back-end (enregistrement de données et intégration Stripe) et front-end (affichage et saisie de données avec React).</p>
                    </div>
                </li>
            </ul>
        </section>
    </main>
    <div class="row">
        <footer class="col-xs-12">
            <p>Mon curriculum vitae est disponible sur mon <a href="https://www.linkedin.com/in/hugochouinard">profil LinkedIn.</a></p>
            <p>Pour me contacter vous pouvez me téléphoner au <a href="tel:+4189566879">418 956-6879</a>, en semaine entre 9 et 5 ou par courriel au <a href="mailto:chouinard.hugo@gmail.com">chouinard.hugo@gmail.com</a>.</p>
        </footer>
    </div>
</body>
</html>