Une démarche écoresponsable et pour un web plus accessible

Des bonnes pratiques à mettre en oeuvre

L'impact du numérique sur l'environnement et l'accessibilité du web pour les personnes en situation de handicap sont de vrais sujets pour lesquels il faut se préoccuper.

Allant dans le sens du respect de l'environnement et du respect des personnes en situation de handicap, nous nous efforçons d'appliquer les bonnes pratiques en termes de conception , d'hébergement et de développement web, pour répondre concrètement à ces enjeux..

Logo Bivouacexplorateurs du web
Exploration.Innovation.Création.Conscience.

Collectif d'acteurs du numérique engagés dans la création de sites internet modernes, performants et éco-responsables.

Graphisme

Nous proposons des solutions graphiques pour vous aider à développer votre univers de marque au travers de logos, de chartes graphiques et d'illustrations personnalisées.

Par le biais d'une approche participative, nous serons en étroite collaboration pour observer, analyser et créer au travers de mots, de concepts et de valeurs, votre identité graphique.

Sites internet

En tant qu'artisans du web, nous proposons des sites internet créés sur-mesure et évolutifs basés sur des technologies modernes.

Nous proposons un accompagnement personnalisé ponctué par des échanges réguliers avec notre équipe.

Nous militons pour un web plus responsable reprenant les bonnes pratiques d'éco-responsabilité et d'accessibilité.

Bivouac Partners

Nous mettons à disposition notre espace de communication privilégié pour discuter avec nous de vos projets mais aussi de profiter de notre réseau et de nos conseils sur divers sujets.

Animés par la volonté de créer des connexions entre les métiers du web, cet espace permet d'éviter le surplus de mail et favoriser l'échange rapide et décomplexé entre vous, notre équipe et les partenaires Bivouac.

Notre méthode de travail

La création d'un site web sur mesure passe pour nous par 3 étapes distinctes:

  • La phase de conception laisse toute la place à la créativité pour imaginer mais aussi formaliser une architecture du contenu et une ébauche du design sytem.
  • La phase de design permet de créer des éléments graphiques sur mesure qui mettront en valeur la thématique.
  • La phase de développement, réalisée en dernier, permet de mettre en oeuvre la partie technique du projet sans avoir à rediscuter l'architecture ou le design qui sont déjà validés. C'est un gain de temps et de performance vraiment non négligeable !

01 / Conception

Votre site internet doit être pensé, façonné, perfectionné, pour atteindre son ergonomie optimale.

Cette phase de conception a pour objectif de créer une architecture solide : les fondations de votre futur site web. Nous imaginons des prototypes qui favorisent l'expérience utilisateur dans lesquels il sera possible de naviguer et de se projeter davantage.

Comment?

Nous créons et concevons vos maquettes fonctionnelles à l'aide de logiciels de prototypage. Vous pourrez visualiser le document à l'aide de liens générés par le logiciel qui vous permettront de vous immerger dans l'architecture de votre site internet et y naviguer en temps réel.

02 / Webdesign

Le webdesign incarne la véritable identité de votre site : l'ambiance et les éléments graphiques pour le plaisir des yeux de vos utilisateurs.

Le webdesign transforme les maquettes fonctionnelles en maquettes graphiques, en intégrant les différents éléments de la charte graphique. Cette phase apporte le sens du détail par les couleurs, les choix typographiques, et autres éléments graphiques qui constitueront votre site, déclinés sur desktop, mobile et tablette. Elle rend compte du visuel final attendu.

Comment?

Nous utilisons des logiciels graphiques afin de vous présenter différentes propositions que vous pourrez commenter au travers de plusieurs versions et donc, d'affirmer vos choix tout au long du processus.

03 / Développement

Le développement consiste à rendre interprétables nos idées par l'éco-système web.

Nous utilisons des technologies modernes et évolutives afin de vous livrer un site de qualité: une performance élevée et une consommation de ressources optimisée.

Comment?

.Front-end
{

Nous développons votre site pour tout type d'appareil avec une approche "mobile first", le téléphone portable représentant aujourd'hui l'essentiel du trafic internet.

}
.Back-end
{

C'est le moteur de votre site. Il contient toute la logique qui permet de stocker vos données, manipuler, et sécuriser.

}
.Tests
{

Au cours de la phase de développement, tout une batterie de tests est effectuée afin de vérifier que le site ne contient aucun bug. Cette phase permet de préparer la mise en ligne du site, validée par vos soins.

}

Nos technologies

Nous construisons nos sites internet selon le principe de la JamStack, ce qui nous permet de créer une architecture réellement spécifique à vos besoins.

Notre équipe

Photo de Maxime Marty-Dessus

Maxime Marty-Dessus

Ingénieur en informatique et webdesigner en herbe
Photo de Margot Mayance

Margot Mayance

Web project manager et conceptrice UI-UX
Photo de Clément Nicolas

Clément Nicolas

Développeur et chef de projet web
Photo de Laura Lucaccio

Laura Lucaccio

Designer UX-UI
Photo de Dorian Penin

Dorian Penin

Développeur web & blockchain
Photo de Julien Poujol

Julien Poujol

Développeur web

Derniers projets

Capture d'écran du site Clinique des Minimes

Clinique des Minimes

Clinique des Minimes située à Toulouse, est une clinique gériatrique qui propose une offre médicale complète dédiée aux plus de 60 ans.

La clinique souhaitait refondre son site internet et concevoir un nouveau site internet clair, structuré et efficace dans une approche la plus écoresponsable possible.

Afin de répondre à l'ensemble des problématiques, la clinique des Minimes, Bivouac et Taly&Co ont utilisé une méthodologie participative sous la forme d'ateliers de co-conception (cartes d'empathie, Personas,tri de cartes). Grâce à cette méthodologie, La conception, le webdesign et le développement web a été réalisé sur-mesure avec une vraie identité digitale propre et intégrant l'ensemble des règles Opquast. Vous pouvez retrouver le déroulé du projet ici. Bivouac a utilisé, pour se faire, le CMS Strapi.

Découvrir le site internet
Capture d'écran du site E-santé Occitanie

E-santé Occitanie

E-santé Occitanie est un Groupement d’Intérêt Public qui a pour objectif d'ancrer les pratiques numériques dans la prise en charge des patients et des usagers d’Occitanie, en étant un référent local et le relais privilégié de l'e-santé.

E-sante avait pour objectif de moderniser son rapport d'activité annuel en le présentant sous forme de site internet qui soit agréable et facile à lire. Ce nouveau site devait également respecter les normes d'accessibilité et être bien intégré à l'écosystème existant d'E-sante.

Bivouac a répondu à ces problématiques en concevant une navigation sur mesure et un design spécifique mais dans la continuité de la charte graphique d'E-santé. Le site a été livré avec une douzaine de composants sur mesure réutilisables grâce au CMS spécialement configuré pour les besoins du rapport.

Découvrir le site internet
Capture d'écran du site Petsitoo

Petsitoo

Petsitoo est une plateforme de mise en relation de gardiennage d'animaux.

Développé en fullstack Javascript et intégralement sur-mesure pour les activités liées au Petsitting, cette plateforme a aussi quelques intégrations tierces comme Sendinblue, slack, stripe, mapbox, algolia...

En fonction des cibles, la plateforme a été pensée et designée pour faciliter la navigation (prise d'informations, inscription, chat...) et favoriser les parcours utilisateurs.

Découvrir le site internet
Capture d'écran du site Chronozone Records

Chronozone Records

ChronoZone Records est un label de musique regroupant des artistes divers et variés faisant la promotion de leurs productions musicales. Véritable vitrine de ce label, le site internet a été crée avec la technologie Next.Js, React et développé entièrement sur-mesure avec une solution CMS (Content Management System, ou système de gestion de contenu) innovante : Strapi, maîtrisé par nos équipes.​

L'univers visuel a été crée autour du logo Chronozone et mis en application au travers d'éléments graphiques spécifiques tels que : la typographie, les animations et la couleur.

Découvrir le site internet
Capture d'écran du site Sporteen

Sporteen

Sporteen est un magazine de sport pour enfant pour lequel nous avons développé une boutique en ligne.

Nous avons réalisé l’intégration du design fourni par l’équipe de Sporteen et développé en fullstack Javascript cette boutique e-commerce avec Next.js, Strapi et Vendure.

Le site a été pensé pour être rapide et respecter le plus possible les normes W3C (World Wide Web Consortium) qui font références en termes de bonnes pratiques numériques.

Découvrir le site internet

Explorons l'avenir ensemble

Sinon, que ce soit pour une discussion immédiate ou une réponse différée, nous sommes là pour vous. En cas d'absence temporaire, votre message ne restera pas sans réponse longtemps !