Collaboration BAAM x Alegria.tech

La collaboration entre Alegria.tech & BAAM

Nous avons le plaisir de vous parler de notre collaboration avec l’agence Alegria tech spécialisée en solutions logicielles Nocode qui accompagnent ses clients dans la création d’application web, mobiles et plateformes digitales.

Pour ce projet de création d’une webApp nous avons été en charge de la conception UI/UX. Notre mission première étant l’UX (expérience utilisateur) nous avons réalisé des wireframes low fidelity en fonction du cahier des charges déjà mis en place. Cette phase consite à avoir une vue d’ensemble des fonctionnalités de l’applicaton et également d’avoir une base sur le parcour de l’utilisateur.

Dès les premiers jours nous avons mis en place avec Alegria un système itératif au sein du projet, cette méthode permet vraiment de solutionner les problèmes rapidement et d’avoir un produit low fidelity qui soit complet et réussi rapidement.

Une fois les wireframes validées, l’ensemble des écrans sont designées en fonction du style graphique et de la charte du client. Les designs sont réalisés grâce à l’outil Figma.

WireFrame

Un wireframe est une forme de maquette fonctionnelle de l’interface d’un site Internet. Cette maquette fait toutefois abstraction de l’aspect graphique et design du site Internet et se concentre essentiellement sur la mise en pratique des exigences de développement de l’interface : fonctionnalités, services, possibilités du site, etc.

La simulation de l’interface utilisateur, comme la navigation de pages en pages par exemple dans le but d’atteindre les objectifs énuméré au cahier des charges.

Fonctionnement

Chaque cycle est appelé itération. Chaque itération va permettre d’affiner la solution au problème, en la testant et en permettant de détecter des défauts, pour correction dans une future itération.

L’itération permet aussi de nourrir le processus de création. Chaque itération étant à même de faire émerger de nouvelles propositions.

Design de l'interface

Une fois les wireframes validées, l’ensemble des écrans sont designées en fonction du style graphique et de la charte du clien.
 Les designs sont réalisées grâce à l’outil Figma.

MERCI !

Merci à Alegria.tech pour leur confiance.

Le sondage Instagram qui a mis votre œil de designer à l’épreuve

Le sondage instagram qui a mis votre oeil de designer à l’épreuve

Nous allons revenir sur le sondage instagram que vous avons réaliser la semaine dernière en story afin de comparer les résultats du sondage et également d’approfondir nos réponses.

Pour rappel, le but était de choisir entre interface A et B, celle qui était la plus cohérente en terme de visuel et d’utilisabilité. Il fallait donc prêter attention au design de l’interface utilisateur (donc ceux à quoi elle ressemble) avec l’expérience utilisateur (donc la façon dont cela fonctionne).

INTERFACE 1

Résultat sondage Instagram

A 54%

B 46%

On ne va pas se mentir, renseigner un formulaire de contact est toujours une étape un peu ennuyeuse pour l’utilisateur.

C’est la raison pour laquelle il faut le solliciter le moins possible.
Pour cela, il faut minimiser les points de fixation, hiérarchiser au mieux les informations et enfin réduire au maximum les clics.

Pour la date de naissance, les sélecteurs oblige à utiliser un clic en plus (ouvrir la liste puis choisir l’une des entrées) utiliser un datepicker est également possible.

form

INTERFACE 2

Résultat sondage Instagram

A 9%

B 91%

Préférer réduire le nombre de clics et la visualisation des différentes couleurs pour améliorer l’expérience utilisateur.
L’utilisation des boutons radio (B) se fait quand il y a moins de 5 options différentes.

INTERFACE 3

Résultat sondage Instagram

A 27%

B 73%

Lors d’un avertissement important il est préférable d’avoir des boutons avec des options plus descriptives. Cela permet à l’utilisateur de comprendre plus facilement et de prendre sa décision plus rapidement.

Cela dépend de la question : ici me demande si je veux annuler ma commande, donc la réponse devrait être oui ou non.
Donc « B » est le bon contenu à utiliser dans ce cas.

INTERFACE 4

Résultat sondage Instagram

A 5%

B 95%

Il ne faut pas négliger un répertoire ou une fonctionnalité qui ne dispose pas encore de données.
Préférer incorporer une image/illustration ainsi qu’un CTA pour attirer l’attention de l’utilisateur et l’inciter à réaliser l’action.

La conception permet de faire plus confiance aux informations, car l’utilisateur les comprends mieux.
Cela montre vraiment à quel point un bon design peut améliorer l’expérience des utilisateurs d’une application en évitant le stress et la confusion.

Pour aller plus loin :

Si vous voulez de nouveau mettre à l’épreuve votre œil de designer, l’équipe BAAM! vous propose le site : www.cantunsee.space
Avec le même principe que pour le sondage, vous devrait choisir entre 2 interfaces, celle qui vous semble la plus adapté d’un point de vue interface et expérience utilisateur.

eco phyt’

Our work for

Eco Phyt’

Le brief

Création du site de l’association Eco Phyt’. 

L’association Eco Phyt’ accompagne les agriculteurs dans la transition agroécologique en faisant reconnaitre leurs efforts par une certification environnementale.

Leur besoin était de créer un site internet le plus clair possible regroupant toutes les informations sur leur association, leur certification HVE et en mettant en avant le collectif d’agriculteur et les partenaires du projet.

Le site >

un projet ?

Vakom Lille Haubourdin

Our work for

Vakom Lille Haubourdin

Le brief

VAKOM est un réseau de franchises implanté sur toute la France et qui compte aujourd’hui une centaine de collaborateurs unis autour des valeurs et méthodes communes centrées sur l’HUMAIN.

Nous avons eu la chance de travailler avec Sophie Delemazure dirigeante de Vakom Lille-Haubourdin

Le site >

un projet ?

Xavier-Denis

template-xavier-denis-avocat

Our work for

Maître Xavier Denis

template-xavier-denis-avocat

Le brief

Refonte du site internet de Maître Xavier Denis

Maître Xavier DENIS est un avocat qui exerce au sein de deux cabinets sur Lille et Douai, il est spécialisé en droit des assurances, droit pénal et droit de la famille.

Il intervient devant les juridictions pénales (Tribunal de Police, Tribunal correctionnel, Cour d’Assises).

Il intervient également depuis plusieurs années à l’école des Avocats de Lille, pour dispenser le Droit des victimes.

Il met tout en œuvre pour défendre au mieux vos intérêts, vous conseiller, vous aider et vous orienter, cela dans une démarche professionnelle mais aussi humaine.

Le site >

 

un projet ?

En quoi les réseaux sociaux sont importants en entreprise.

Avouez ! Vous vous êtes déjà demandé l’importance que pouvaient avoir les réseaux sociaux en entreprise ? Ne bougez pas, il se peut que BAAM! ait une réponse à votre question. Ici, pas de longs discours sur la stratégie à adopter sur les réseaux sociaux, on vous livre simplement les avantages que vous trouverez à être présent sur ces plateformes . C’est parti ! 

Avantage n°1 : Une meilleure visibilité, vous aurez.

Être présent sur les réseaux sociaux c’est une occasion pour vous d’être vu, connu, mais aussi reconnu. Citez-nous une grande marque qui n’est pas sur Instagram ? Difficile de trouver n’est-ce pas ? Eh bien c’est tout simplement car les réseaux sociaux sont devenus des incontournables et ils ont aujourd’hui une place à part entière dans la communication. Si vous n’êtes pas présent sur ces plateformes, vous risquez de passer à côté de précieux avantages dont celui de la visibilité. Alors qu’attendez-vous ?

Avantage n°2 : La notoriété, BAAM! : vous l’attirerez. 

Quelle entreprise ne souhaite pas être remarquée et reconnue pour son expertise ? L’un ne va pas sans l’autre, si votre visibilité est optimisée, la notoriété suivra. Certes cela prend du temps, mais ça vaut le coup. Pour ça il faudra mettre en place une stratégie qui définit vos objectifs, vos cibles et autres, mais comme on vous l’a dit, aujourd’hui on ne parle pas stratégie ! La prochaine fois peut-être.

Avantage n°3 : Votre communauté, vous bâtirez.

Utiliser les réseaux sociaux tels que Facebook, Instagram ou LinkedIn engendrera la création d’une communauté autour de votre entreprise. Comme la notoriété, faire grandir cette communauté prend du temps, mais ça vaut le coup. Une fois que vous l’aurez bâtie, il faudra la garder en haleine avec des contenus intéressants qui l’incitera à interagir. Ces interactions feront évoluer l’engagement qui vous aidera à mieux connaître ce qui plaît le plus à vos followers

Avantage n°4 : Le référencement, il sera votre allié.

Publier du contenu de qualité sur vos réseaux sociaux, c’est assurer d’obtenir plus de trafic sur votre site internet. On ne vous apprend rien en disant que pour avoir sa place en haut des moteurs de recherche, le trafic du site est un critère important. Alors comme précisé plus haut, publiez des contenus qualitatifs qui intéresseront votre communauté.

Avantage n°5 : Les nouveaux clients, vous les charmerez.

Pour obtenir de nouveaux prospects, il faut s’ancrer dans leur mémoire. Sachant que pour se souvenir d’une marque, un client a besoin d’un minimum de 7 leviers d’acquisitions, la présence sur les réseaux sociaux est un atout à ajouter à sa stratégie. Employer Facebook, Twitter ou encore Instagram est un moyen pour diversifier ces points de contact avec vos futurs clients et donc rester dans un coin de leur tête.

Avantage n°6 : Un public large, vous viserez. 

Au vu du nombre d’utilisateurs sur les différents réseaux qui existent, en communiquant sur ces derniers, vous avez la possibilité d’être vu par un grand nombre de personnes. Grâce à ces plateformes, vous pourrez viser une audience large, mais précise en activant la localisation des posts. 

Avantage n° 7 : Une veille de qualité, vous ferez.

Vous n’y avez peut-être jamais pensé, mais les réseaux sociaux peuvent être de réels outils pour votre veille. Gardez un œil sur vos concurrents, soyez à l’affût des dernières tendances et créez des contenus originaux qui se démarquent.

Avantage n°8 : Votre e-réputation, vous vous en occuperez.

Les réseaux sociaux vous donnent le pouvoir de gérer et d’améliorer votre réputation en ligne. De nos jours, l’internaute participe au développement de la marque puisqu’il donne son opinion sur les produits et services qu’il consomme. Pour toutes entreprises, avoir une bonne image sur internet est très important. Votre présence sur les réseaux sociaux vous aidera à gérer cette réputation.

Avantage n°9 : Votre relation client, vous la sublimerez.

Comme précisé au point précédent, le consommateur est un réel acteur puisqu’il participe et interagit avec la marque, il donne son opinion. Les réseaux sociaux vous permettront de gérer votre relation avec vos clients. Chouchoutez-les et répondez à leurs demandes, c’est important pour eux, mais aussi pour votre réputation.

Avantage n°10 : Votre expertise, vous la démontrerez

Votre présence sur les réseaux sociaux démontre l’expertise que vous avez dans votre domaine et crée une certaine confiance vis-à-vis de vos clients.

Avantage n°11 : Des économies, BAAM! : vous ferez.

Vous le savez sûrement, mais publier sur les réseaux sociaux est gratuit. Contrairement aux types de médias comme la télé ou bien la radio, la présence sur les plateformes telles que Facebook, Instagram ou LinkedIn ne vous coûtera rien à part  du temps. Bien sûr, il est possible de payer pour mettre en avant un contenu, mais les prix seront plus ou moins abordables.

En résumé, être sur les réseaux sociaux de nos jours apporte de nombreux avantages. La seule chose importante à préciser c’est que gérer des comptes sur les réseaux demande du temps ainsi qu’une certaine organisation. N’hésitez pas à nous contacter si vous avez besoin de conseils.

Carnot Juris

Our work for

Carnot Juris

Le brief

Refonte du site internet de Carnot Juris

« Un cabinet composé de spécialistes, complémentaires par leurs expertises juridiques, rassemblés autour d’une vision commune profondément humaniste.
Carnot Juris choisit de tirer sa force de la tradition sans jamais renoncer à la modernité. »

Le site

un projet ?

Delphine Theunynck – Notaire

Delphine Theunynck - Notaire - Agence BAAM - Lille

Our work for

Delphine Theunynck – Notaire

Le brief

Étude créée en juin 2018.

Parce que derrière chaque projet, il y a des choix et que nous souhaitons faire de chacun d’entre eux une réussite, nous vous accompagnons dans leur réalisation.

Une nouvelle façon de voir la profession : replacer l’humain au centre de la relation et soutenir vos projets avec pertinence et efficacité.

Une nouvelle façon de communiquer/d’échanger :
développer et utiliser la technologie afin de fluidifier/faciliter les échanges.

Des réponses concrètes et pragmatiques.

Une étude plus humaine et plus performante mettant la relation client au cœur du processus.

Le site

un projet ?

WaterRower

Our work for

WaterRower

Le brief

Nous avons eu la chance de pouvoir retravailler l’ensemble du site e-commerce WaterRower avec un vrai travail UI/UX. Il s’agissait ici de recréer intégralement l’apparence du site, avec les nouveaux contenus et les nouvelles images. En parallèle, nous avons pu travailler sur des visuels digitaux (réseaux sociaux, signatures mail, masques PPT).

Le site : www.waterrower.fr

un projet ?

La création de BAAM!

Hello ! Aujourd’hui, cela fait un an que nous avons créé BAAM! C’est une belle occasion pour nous de revenir sur la création de cette agence.

Nous nous sommes rencontrés il y a bientôt deux ans sur Linkedin. J’avais un message de Viktor me disant qu’il aimait beaucoup le style de créas que je réalisais et me proposant de l’accompagner dans un de ses projets : la création de l’identité visuelle de NAT’S Champagne, la marque de champagne de sa famille. D’ailleurs, si vous voulez voir ce que ça donne, c’est par ici : www.natschampagne.co

C’est ainsi que nous avons commencé à travailler ensemble. A l’époque, j’étais en stage dans une autre entreprise. Je travaillais donc pour Viktor et sa famille dès que j’avais un peu de temps. Puis, finalement, j’ai quitté mon stage dans lequel je ne me reconnaissais pas et où je m’ennuyais beaucoup pour rejoindre Viktor et l’épauler graphiquement dans toutes ses missions. Je suis restée environ 5 mois en stage avec lui.

Puis est venu le moment de trouver une alternance pour ma cinquième et dernière année à l’école. Nous avions un bon rythme de travail avec Viktor et nous étions très complémentaires. Nous avons donc décidé de continuer à travailler ensemble, mais pour notre propre entreprise. C’est ainsi que nous avons créé BAAM! J’ai donc passé mon année de master 2 à travailler pour nous (je n’avais cours que les vendredis, ce qui me laissait tout le reste de la semaine pour travailler). 

La création de BAAM nous a permis de légitimer notre duo, avec de réelles compétences autant en graphisme qu’en développement web. Aujourd’hui, cela fait un an que nous jonglons entre divers projets, tous plus différents les uns que les autres, avec des problématiques variées, qui nous animent chaque jour.

J’espère que ce petit retour sur nous et sur BAAM! aura pu vous éclairer sur notre parcours. Si vous avez des questions, n’hésitez pas à nous rejoindre sur les réseaux sociaux (@lagencebaam)

Camille.