Développement web

Mettre la technologie à votre service

La technique pour des histoires web accessibles sur tous les écrans et écoresponsables

Chez Hippocampe, on développe des sites responsives pour adapter vos histoires à tous les écrans. Mais ce n’est pas tout ! On les rend accessibles à toutes et tous quel que soit le handicap.

Notre but : agir contre la fracture numérique et les discriminations.

Des sites construits avant tout en mobile first et content first. C’est à la technique de s’adapter pour améliorer la prise en main de votre site, pas aux contenus !

On vous accompagne sur le choix de la technologie et des outils pour optimiser votre histoire sur le web, la rendre évolutive, facile à maintenir et réduire votre impact écologique.

Notre objectif : simplifier au maximum la vie des utilisateurs et utilisatrices de votre site. Sans oublier celle de vos webmasters. Le tout avec une approche responsable pour vous épauler dans vos engagements éthiques.

UNE MAÎTRISE TECHNIQUE SUR LE BOUT DES DOIGTS

Il n’y a pas de digital sans tech. Chez nous, c’est une langue maternelle et l’un des piliers de la création depuis toujours. On structure la donnée, on l’interface, on développe les projets sur-mesure, on connecte, on synchronise, on sécurise, et on maintient. Le tout sur tous les écrans !

Du traitement de la data, à la mise en forme CSS, en passant par la création de modules personnalisés, nous maîtrisons l’ensemble du développement d’un site web responsive… et responsable !

On code léger et on optimise, pour limiter l’impact carbone de votre site internet. On code aussi en pensant aux utilisateurs et utilisatrices : on règle les enjeux d’accessibilité à coup de baguette technique.

Selon vos projets, vos appétences et vos enjeux, on propose les technologies les plus adaptées à vos besoins.

Si nous ne savons pas faire, nous ne nous engageons pas. La transparence et la bienveillance avant tout ! Nous avons un réseau de partenaires qui pourra peut-être vous aider.

Des idées qui (dé)marquent avec Hippocampe

 

Nous aimons aussi bien le fond que la forme !

UN ENVIRONNEMENT TECHNIQUE DÉVELOPPÉ AVEC SOIN

 

Ici, on code avec le cœur. Et la tête !

 

Un développement pérenne passe avant tout par l’utilisation de technologies innovantes, standards et éthiques.

On met un point d’honneur à développer un code léger, donc moins polluant.

Notre staff technique s’efforce de respecter cette règle, gage de qualité, de stabilité et d’évolutivité !

  • Stack technique :

Linux, Docker, Git / Gitlab, Yarn, Webpack, Composer, Sass, Bootstrap 4/5, HTML 5, CSS 3, Xdebug, Php 7, Mysql / MariaDB, Elasticsearch, Jquery, Nginx, Apache

  • Et niveau Framework / CMS ?

Symfony, WordPress, Drupal 7 / 8, Vue.js

 

Nos prestations techniques

Création de site web responsive

Développements réalisés avec les CMS WordPress ou Drupal 7 et 8, ou à partir du Framework Symfony (notre petit chouchou).

Développement Php

Développements de modules ou de bundles spécifiques en Php. Développer des modules spécifiques pour votre site, interfacer les API externes et mettre en place votre back-office.

Développement javascript

Créer les animations et les interactions de votre site internet pour le rendre plus vivant et plus engageant. On utilise le framework JQuery. Mais on fait attention à leur usage, pour toujours penser accessibilité et écoresponsabilité !

Développement avec Bootstrap

Développer des sites nativement responsives avec un framework css permettant de construire la structure du site en html css. L’avantage ? Une compatibilité sans faille avec tous les navigateurs web.

Intégration HTML / CSS

Intégrer votre maquette graphique, en développant de manière responsive et accessible pour tous les moteurs de recherche et l’ensemble des internautes.

Optimisations du site

Compresser les images, optimiser le poids de la page, installer un cache, optimiser l’affichage sur mobile, améliorer le SEO technique pour un meilleur référencement.

Développement d’API / web service

Fournir un web service ou mettre en place une application SAP (Single Application Page). Gérer des flux de données entrant ou sortant (REST ou SOAP). Connecter votre site au CRM Salesforce, SAP, Sellsy, …

Développement d’application SAP

Développer des applications web en mode SAP type Progressive web app pour une alternative de l’application mobile, sous Android et IOS.

Moteur de recherche

Paramétrer et indexer vos contenus via Elasticsearch pour une recherche plus performante, pertinente et rapide sur votre site.

Comment procède-t-on ?

En mode agile
On adopte la méthode Scrum pour gérer le projet. Chaque fonctionnalité fait l’objet d’une réunion. On répartit les différentes tâches associées dans l’équipe, selon une logique agile et en fonction de vos priorités. Ensuite, on lance un sprint pour développer ladite fonctionnalité. A l’issue du sprint, on vous fait une démo et on valide avec vous cette dernière. Puis on vous la donne à tester à une adresse sécurisée. De quoi voir concrètement l’état d’avancement du site et sa conformité à vos attentes. Puis c’est reparti pour attaquer les fonctionnalités suivantes…

Revue de code
Les développements passent par une revue de code avant d’être intégrés à la branche principale du projet sur Git (logiciel de gestion de versions décentralisé). Comme ça, le code fourni bénéficie d’une validation par un second développeur (un lead dév). Cela permet de contrôler sa qualité, relever d’éventuelles erreurs et le rendre plus léger, toujours pour moins polluer ! Tout le code est versionné dans notre dépôt décentralisé. L’intérêt ? Garantir la sécurité du code avec un historique. Ce dernier nous permet de revenir en arrière, si nécessaire.

Méthode Gitflow
Pour avoir un maximum de souplesse, nous utilisons la méthode Gitflow. Cette méthode nous permet de gérer facilement des projets complexes et leurs évolutions, tout en continuant à maintenir le code du site en production.

NOTRE MÉTHODE : TECHNIQUE

Cadrage

Pour commencer sur de bonnes bases, s’assurer que tout le monde comprend le périmètre de la prestation et éviter les éventuelles incompréhensions ou interprétations. Transparence et accompagnement sont les piliers de notre méthode projet ! Bref, le cadrage, c’est l’étape essentielle pour commencer votre projet sur de bonnes bases !

Audit technique

En cas de reprise de votre site, on l’analyse sous toutes ses coutures pour identifier ses points d’optimisation. On se base sur vos objectifs pour vous faire les recommandations les plus adaptées. En cas de refonte, on vérifie si l’on peut reprendre des éléments existants (base de données, contenus, …).

Recommandations techniques

On vous recommande la technologie qui répond au mieux à vos besoins. Par exemple, un CMS ou un Framework ? On vous conseille sur les fonctionnalités à développer et la manière la plus simple de le faire. Parce que c’est ça aussi un site responsable.

Développement

On code en mode agile ! On fait des ateliers en interne avec l’équipe pour développer vos fonctionnalités au fur et à mesure du projet. On utilise la revue de code et la méthode Gitflow pour assurer la qualité et la sécurité du code.

Recette

On déploie les fonctionnalités en préproduction pour que notre chef ou cheffe de projet fasse la recette en toute simplicité. Et ce, avant de donner accès au fil de l’eau à votre équipe. Une bonne manière pour vous de vous assurer de la conformité du développement à ce qui a été prévu. On vérifie aussi que tout fonctionne avant le lancement.

Livraison

C’est la mise en ligne de votre projet ! C’est là que tout commence … 😉

Suivi

Ensuite, c’est la maintenance et le suivi pour optimiser votre site en continu et le faire évoluer au gré de vos besoins et des attentes de vos cibles.

ET SI ON CONSTRUISAIT ENSEMBLE VOTRE SITE INTERNET ?

Le code, c’est pas votre tasse de thé ?

Vous avez des idées de génie… Mais il vous manque la réalisation technique ?

Vous préférez que des professionnels s’en chargent et vous conseillent avec bienveillance ?

Vous voulez vous engager sur des aspects sociétaux et environnementaux avec votre site internet ?

On s’occupe de vos projets pour vous !

 

Développons votre projet digital écoresponsable et accessible !

 

Quelques réalisations en lien direct