Développement front

Interlocuteur unique de vos utilisateurs, l'interface de votre site ou application web est au cœur de nos préoccupations.

Plus qu'une simple transposition des maquettes, l'interface est le chaînon manquant entre l'image et l'interactivité pensées en amont par les UX et UI designers et les fonctionnalités mises en place par les développeurs back-end.

Ces deux mondes, nous les connectons en développant des interfaces évolutives, responsive, cross-browser et intelligentes afin de proposer la meilleure expérience possible à tous vos utilisateurs, peu importe leur device, navigateur web ou système d'exploitation.

Atomic Design & Styleguide

Une interface maintenable et évolutive

En suivant les principes de l'Atomic Design, nous transposons les pages maquettées en éléments graphiques plus petits et plus simples (boutons, images bordurées ...), lesquels nous traduisons ensuite en "briques de code".

Ces briques, nous les consignons par la suite dans un styleguide, c'est-à-dire un catalogue présentant chacune de ces briques visuelles, leurs différents thèmes (déclinaisons visuelles) et le code associé.

Suivre cette méthode permet à toute l'équipe, qu'ils soient développeurs ou non, d'avoir une vision d'ensemble à un instant T de l'ensemble des éléments de l'interface, de manipuler ces éléments et de modifier l'interface en conséquence, le tout très simplement et rapidement.

Cette approche permet également de mettre à jour facilement et rapidement les composants visuels d'un site: plutôt que de modifier chaque page, on modifie simplement la brique désirée et le changement est répercuté sur l'ensemble du site en un éclair.

extrait d'un styleguide

Responsive Design & Mobile First

S'adapter à l'appareil de l'utilisateur

Consulter un site depuis son téléphone fait aujourd'hui partie du quotidien. Pourtant, entre l'expérience de navigation vécue sur un ordinateur de bureau doté d'un écran XXL et celle sur un écran d'une dizaine de centimètres de largeur, il y a tout un monde : un site doit, pour chaque terminal, disposer d'une interface adaptée afin qu'on puisse interagir avec, sans que cela dégrade le contenu proposé.

En nous appuyant sur la réflexion Mobile First, notre maîtrise du CSS3 (media queries, module flexbox et grid...) et du Javascript, développons pour votre site une interface progressive riche, fluide et perfomante, afin de garantir à vos utilisateurs la meilleure expérience possible sur chaque device.

Développement cross-browser & cross-platform

Une apparence unifiée sur tous les navigateurs et systèmes d'exploitation

Saviez-vous qu'un même site peut avoir une apparence différente selon le navigateur web sur lequel on le consulte ? Que cette apparance peut également varier selon le système d'exploitation sur lequel est lancé votre navigateur ? De même, que certaines fonctionnalités peuvent ne pas marcher sur certains navigateurs ? 

Nous nous appuyons sur nos tests cross-browser et cross-platform et notre maîtrise de CSS3 et de Javascript afin que votre site ait une apparence unifiée et soit utilisable sur les systèmes d'exploitation majeurs (Windows, OSX, distribution Linux, Android et iOS) et les navigateurs les plus utilisés: Internet Explorer (à partir de la version 11), Microsoft Edge, Firefox, Chrome, Safari et Opera.

logo de divers outils front-end

Intégration & développement dynamique

Des technologies modernes et performantes

Les technologies côté client sont sans cesse en évolution.

ReactJS, InfernoJS, VueJS, Redux, CerebralJS, Babel, Webpack, PostCSS, CSS Modules,  Bootstrap, Tailwind CSS... Ces quelques noms ne sont qu'un bref aperçu des technologies basées sur CSS3 et Javascript que nous suivons de près.

En tant qu'expert du web, nous nous menons notre veille technologie avec attention chaque jour pour découvrir et tester les nouveaux frameworks, outils et méthodologies front-end pour appliquer les plus prometteuses d'entre elles à notre workflow et ainsi développer plus efficacement des interfaces répondant à vos demandes.