Post de FLUPA

Lancement du prototype "CP : Troc ta perruque sans tracas" ! 🎉 Faite des économies en décembre, votre moment est arrivé. Après des heures de brainstorming et de café, je suis fier de vous présenter le prototype de l’application qui va révolutionner vos échanges capillaires. 💇♀️✨ 😎 Pourquoi CP ? - Un espace dédié pour troquer vos perruques en toute sérénité. - Une expérience chic, simple et fun, à l’image de vos plus belles créations. - Jaune pour l’énergie et la fête, parce que chaque échange est une opportunité ! 🔜 **Disponible très bientôt** pour tester. Restez connectées, car votre prochaine perruque coup de cœur pourrait être à un clic. 💡 Moi, c’est Dramane, graphiste et développeur mobile. Je transforme vos idées en réalités. Besoin d’une app ou d’une identité visuelle ? Parlons-en ! 🚀 — 📣 Alors, qui est prête à troquer avec style ? 😎 ———————— Le ciel est bleu. #app #design #perruqie

Nouveau tip et leçon UX : quand les cases à cocher sont trop petites. Dans ce menu déroulant sur mobile où l’on voit les cases à cocher s’empiler les unes sur les autres comme dans une tour de briques Lego, on dirait que tout a été fait pour compliquer la vie de l’utilisateur. 🔻Listes de cases à cocher sans hiérarchie 🔻Cases trop petites à viser 🔻Cases trop proches les unes des autres entraînenant un risque de cocher deux cases en même temps. Qu’aurait-il fallu faire ? 🌳 Agrandir les cases à cocher et étendre la zone cliquable au libellé (utilisation de la Loi de Fitts) 🌳 Séparer la liste en différents blocs afin de la rendre plus lisible N'oubliez pas que sur mobile, le pointeur, c'est le doigt et qu'il est beaucoup plus large qu'une pointe de flèche. Il faut donc adapter toutes vos zones de clics pour que ce doigt puisse : 1) Facilement viser une zone donnée : elle doit donc être assez grande, plus grande même que la normale (Loi de Fitts) 2) Eviter que les zones de clics soient trop proches Ainsi, vous créerez des interfaces beaucoup plus confortables et faciles à utiliser. On vous souhaite une bonne journée ! (Problème détecté sur un test par nos amis de Wexperience en février 2024 sur un site de vente de meubles)

Cocolis fait peau neuve ! 🎉 Et croyez-moi, il est sublime. Après plusieurs mois de travail intense, notre plateforme a fait un grand bond en avant. On avait pas mal évolué, tout comme nos services. Et il était temps que le site et l’application suivent cette transformation ! Alors, qu’est-ce qui a changé ? 🎨 𝗨𝗻𝗲 𝗻𝗼𝘂𝘃𝗲𝗹𝗹𝗲 𝗶𝗱𝗲𝗻𝘁𝗶𝘁𝗲́ 𝘃𝗶𝘀𝘂𝗲𝗹𝗹𝗲 : Des couleurs vives, une énergie inspirée des années 80, et une ambiance à la fois moderne et fun qui reflète parfaitement qui nous sommes. 💻 𝗨𝗻𝗲 𝗲𝘅𝗽𝗲́𝗿𝗶𝗲𝗻𝗰𝗲 𝘂𝘁𝗶𝗹𝗶𝘀𝗮𝘁𝗲𝘂𝗿 𝗿𝗲𝘁𝗿𝗮𝘃𝗮𝗶𝗹𝗹𝗲́𝗲 : Plus intuitive, plus fluide et toujours plus simple pour nos utilisateurs. Moins de clics, plus de plaisir ! 🗣️ 𝗨𝗻𝗲 𝗰𝗼𝗺𝗺𝘂𝗻𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗽𝗹𝘂𝘀 𝗱𝗶𝗿𝗲𝗰𝘁𝗲 : Chaque mot, chaque phrase a été soigneusement repensé pour incarner ce qu’est Cocolis aujourd’hui – une expérience humaine et simple. Je suis super fier de ce qu’on a accompli, et je ne suis pas le seul : ▶︎ Agathe Braut, directrice artistique, pour ses visuels ultra fun et créatifs. ▶︎ Laurent Sutterlity, notre expert UX/UI, pour une plateforme aussi fluide qu'agréable à parcourir. ▶︎ Toute l’équipe Cocolis, qui a contribué à cette transformation ! 🙏 Maintenant, c’est à vous de jouer : découvrez la nouvelle version du site et de l’app, et surtout, donnez-nous votre avis : https://www.cocolis.fr/ PS : J'ai rédigé un petit article qui détaille tout le processus pour arriver à ce beau résultat – c'est en commentaire ! 🔗

𝐋𝐚 𝐥𝐨𝐢 𝐝𝐞 𝐅𝐢𝐭𝐭𝐬 𝐨𝐧 𝐞𝐧 𝐩𝐚𝐫𝐥𝐞 ? 😀 𝐏𝐫𝐢𝐧𝐜𝐢𝐩𝐞 C’est une règle fondamentale qui prédit le temps nécessaire pour atteindre une cible basée sur la distance à cette cible et la taille de celle-ci. En termes simples, la loi de Fitts stipule que : 👉 Plus une cible est grande et proche, plus il est rapide et facile de l'atteindre. 👉 Plus une cible est petite et éloignée, plus il est difficile et long de l'atteindre. 𝐔𝐭𝐢𝐥𝐢𝐬𝐚𝐭𝐢𝐨𝐧 Elle est applicable lors de la conception d'interfaces utilisateur pour améliorer l'expérience utilisateur. 𝐀𝐩𝐩𝐥𝐢𝐜𝐚𝐭𝐢𝐨𝐧𝐬 𝐏𝐫𝐚𝐭𝐢𝐪𝐮𝐞𝐬 ✅ 𝐁𝐨𝐮𝐭𝐨𝐧𝐬 𝐝𝐞 𝐜𝐨𝐦𝐦𝐚𝐧𝐝𝐞 : Plus grands pour faciliter le clic. ✅ 𝐌𝐞𝐧𝐮𝐬 𝐜𝐨𝐧𝐭𝐞𝐱𝐭𝐮𝐞𝐥𝐬 : Plus efficaces que les menus déroulants. ✅ 𝐏𝐥𝐚𝐜𝐞𝐦𝐞𝐧𝐭 𝐝𝐞𝐬 é𝐥é𝐦𝐞𝐧𝐭𝐬 : Les éléments similaires doivent être proches les uns des autres pour réduire le temps de déplacement. 𝐎𝐛𝐣𝐞𝐜𝐭𝐢𝐟 Avec ce principe, on peut facilement accélérer les tâches des utilisateurs en optimisant la disposition et la taille des éléments interactifs. Dans mon carrousel, je te présente quelques applications de la loi de Fitts.

Quand le NoCode et le LowCode s’allient, ça donne ça : https://lnkd.in/ee7yMy8z 💥 On vous en avait déjà parlé, mais on s’est dit que si vous étiez en manque d’inspiration pour un cadeau de Noël super stylé et être le tonton ou tata préféré·e, c’était le bon moment pour en reparler 😎 Cette année, nous avons travaillé avec MATHY-BY-BOLS. • 𝗤𝘂’𝗲𝘀𝘁-𝗰𝗲 𝗾𝘂’𝗶𝗹𝘀 𝗳𝗼𝗻𝘁 ? Du mobilier pour enfant, dont des lits cabanes sur mesure. • 𝗟𝗲𝘂𝗿 𝗽𝗿𝗼𝗯𝗹𝗲́𝗺𝗮𝘁𝗶𝗾𝘂𝗲 ?  Fluidifier la compréhension des besoins et envies entre le client et le fabricant, quand on a 59 426 796 combinaisons possibles à offrir. • 𝗖𝗼𝗺𝗺𝗲𝗻𝘁 𝗶𝗹𝘀 𝗳𝗮𝗶𝘀𝗮𝗶𝗲𝗻𝘁 ?  Ils partageaient aux clients un DropBox avec un fichier Excel contenant différentes possibilités et les tarifs associés. 💡 𝗟𝗮 𝘀𝗼𝗹𝘂𝘁𝗶𝗼𝗻 ! Créer une visionneuse/configurateur 3D à destination des clients (mais aussi des revendeurs), accordée à une base de données. 𝗖𝗲 𝗾𝘂𝗲 𝗰̧𝗮 𝗹𝗲𝘂𝗿 𝗮 𝗮𝗽𝗽𝗼𝗿𝘁𝗲́ :  👉 En quelques clics, tu peux créer le lit cabane rêvé de tes enfants (𝘦𝘯 𝘷𝘳𝘢𝘪, 𝘵𝘶 𝘱𝘦𝘶𝘹 𝘮𝘦̂𝘮𝘦 𝘮𝘦𝘵𝘵𝘳𝘦 𝘶𝘯𝘦 𝘵𝘢𝘪𝘭𝘭𝘦 𝘢𝘥𝘶𝘭𝘵𝘦, 𝘫𝘥𝘤𝘫𝘥𝘳…) , 👉 Faciliter la création et l’imagination du client, 👉 Meilleure projection du produit final aux yeux du client, 👉 Permettre aux équipes de Mathy et leurs revendeurs d’être indépendants sur la gestion de la base de données. Et vous, est-ce que vos outils répondent vraiment aux besoins de votre équipe et de vos clients ? *** Si vous souhaitez explorer ensemble une solution sur mesure, contactez-nous !

🌈Vous savez à quel point il est essentiel d'avoir des couleurs harmonieuses et attrayantes pour attirer vos utilisateurs et leur offrir une expérience exceptionnelle. 🌈 ⭐ L'IA utilisée par la Genius Palette ⭐ est spécialement entraînée pour générer des palettes de couleurs uniques et percutantes. Tout est fait à votre place, en coulisses, pour vous proposer des combinaisons de couleurs harmonieuses, des nuances complémentaires et des contrastes saisissants. 👉Grâce à la Genius Palette, vous gagnerez un temps précieux : plus besoin de passer des heures à tâtonner et à essayer différentes combinaisons. Un seul bouton suffit pour générer des combinaisons uniques jusqu'à ce que vous trouviez celle qui ira le mieux à votre projet. Une fois satisfaits, il ne vous reste plus qu'à enregistrer votre nouvelle palette, encore une fois en un clic. Pour votre application mobile PWA, n'hésitez pas à nous contacter à [email protected] ! #créerUneAppplication #PWA #IA #paletteCouleurs #experienceUtilisateur

5 outils qui nous ont changé la vie (et celles de nos clients) 📰 Blinkplan, le chemin de la réussite En tant qu’amoureux du papier, le passage du bon vieux chemin de fer mural vers le digital n’était pas gagné. On a pourtant trouvé la pépite qui nous a fait changer d’avis. Pratique pour voir l’avancée des projets print et partager les maquettes avec nos clients, Blinkplan est le chemin de fer digital qui nous a permis d’être encore plus agiles. Une plateforme approuvée, notamment pour des projets de long court et périodiques comme le Travel Book Relais & Châteaux ou Racines de VALAP. 🎶 Artlist, pour trouver la perle sonore  Notre équipe créa a pu en faire l’expérience, trouver la bonne musique qui enchantera les clients pour les films et motion design n’est pas chose facile. Les ambiances sonores, le rythme, c’est souvent une affaire de goûts personnels. Pour trouver LA bonne piste, la bibliothèque musicale extrêmement riche d’Artlist permet une recherche facilitée par atmosphère, genre, thème et instruments. Tous les besoins des clients seront satisfaits ! ⏯ Frame, capter et commenter chaque seconde Ces dernières années, l’agence a fortement développé ses productions vidéo et motion design. Une plateforme collaborative pour partager les créations et échanger avec les clients était devenue indispensable. Frame.io est un outil de post-production qui permet de commenter, regrouper et comparer les différentes versions de travail, seconde par seconde. Très simple d’utilisation et user-friendly, la plateforme a été cruciale notamment pour les films de marques de Potel & Chabot et Saint-Clair et avancer sereinement à chaque étape de production. 🧾 Pennylane, la tour de contrôle Pennylane - en plus d'être un très bon morceau des Beatles - est un SAAS, un Software as a Service ou logiciel en tant que service, qui permet de traiter toute la chaîne finance et compta. Chaque transaction bancaire est associée à une facture et permet d’éviter de pister des opérations. Véritable passerelle avec le cabinet comptable (coucou, Chiffre et Synthèse) Pennylane permet un suivi de la trésorerie et de l’activité commerciale. Après une période de rodage (et quelques manques qu’il reste à coder selon nous !), l’outil a grandement facilité notre création des devis et nous a permis de facturer en un temps record. N’est ce pas Adèle Wallet ? 💬 Ici, c’est Google Ou presque. Depuis la création de l’agence, nous utilisons la suite multicolore pour gérer nos mails, nos agendas et une grande partie de nos documents (on adore Docs, Slides et même Sheets !). Il nous a fallu un peu de temps pour migrer vers Google Chat, comme outil de discussion. Grâce aux “espaces” créés pour les différents projets, tous les collaborateurs peuvent échanger, partager des documents, configurer des tâches ou réunions via Google Tasks et Meet. Le résultat le plus flagrant : la réduction du nombre de boucles de mails. #outils #efficacité #agence #motiondesign #publication #éditorial #creative

Petit retour d’expérience avec la dernière version de Chat GPT (O). Ma femme voulait changer le logo de son e-commerce. Le dernier avait été fait à la va-vite (faute de budget). Maintenant que l’activité se développe, elle veut travailler un peu l’identité de marque, en commençant par revoir le logo. Le budget n’est pas plus gros qu’au début de son aventure, mais cette fois-ci nous avons décidé d’utiliser les outils à notre disposition. On m’a toujours dit qu’un logo efficace doit pouvoir être dessiné à la main. J’ai chopé l’ardoise magique des enfants et nous avons commencé à brainstormer autour d’une gamelle de saucisson :) Les choses commençaient à se préciser et l’ébauche était convenable. C’est là que notre pote GPT entre en jeu. Une petite photo de l’ardoise magique, une explication laconique de l’activité et c’est parti. Il n’a fallu que deux itérations pour arriver au résultat voulu. Nous lui avons expliqué plus en détail le contexte et l’esprit de la marque pour qu’il nous propose une charte graphique. Un petit coup d'Illustrator là-dessus pour vectoriser le tout et hop, le tour est joué ! Cette petite histoire illustre bien les changements opérés par l’IA. Certains diront "C’est la fin des graphistes ! On peut faire nos logos tout seuls" mais c’est faux. Nous aurons toujours besoin de professionnels, avec une fibre artistique, pour produire du travail de qualité. En revanche, pour faire des choses vite et bien (ou relativement), l’IA est là ! En définitive, c’est un super outil qui permet à des gens qui n’ont pas certaines compétences de faire quand même des trucs. Sinon, vous en pensez quoi de ce logo ? Ici : https://lnkd.in/euFZxyAx

En ce moment, ça bouillonne sévère dans nos bureaux : on planche sur la refonte de notre site web, rien que ça ! 💻🚀 L'occasion de repenser notre communication de fond en comble et de vous concocter plein de surprises... D'ailleurs, laissez-moi vous présenter la dernière née de notre équipe : Cookie, notre nouvelle mascotte ! 🍪😍 Pourquoi Cookie ? Parce que chez Com by L, on est des geeks... mais aussi des gourmands ! 🍫 Le nom était donc tout trouvé pour incarner notre univers décalé et notre passion dévorante pour les projets qui claquent 💥 Mais attention, pas question de choisir une mascotte au hasard ! Il nous fallait un personnage à notre image : pétillant, créatif et un brin espiègle... tout en restant pro jusqu'au bout des pixels 😎 Avec sa cravate et ses petites lunettes, Cookie ne passe pas inaperçu ! Bref, on est tombés sous le charme et on a hâte de voir notre Cookie s'animer au fil de nos posts et de nos projets... 🤩 D'ailleurs, on vous réserve encore plein d'autres surprises avec ce nouveau site : un nouveau design, une boutique en ligne et en plus des fonctionnalités inédites... On a mis les petits plats dans les grands, vous allez voir ! 🌟 Mais chut... on n'en dit pas plus pour l'instant, on préfère vous laisser mariner encore un peu ! 🤫 Tout ce qu'on peut vous dire, c'est de surveiller nos réseaux ces prochaines semaines... Le lancement approche et il va y avoir du lourd ! 💣 D'ici là, on file retourner à nos claviers, nos crayons et nos tablettes graphiques... non sans avoir englouti quelques cookies et carrés de chocolat, notre carburant préféré ! 🍪🍫💪 (et vous, plutôt team gâteau ou team chocolat ?) Allez, à très vite pour la suite des coulisses de Com By L... Avec Cookie, le meilleur reste à venir ! 😘 #ComByL #AgenceDeComCreative #NouveauSite #Mascotte #Cookie

Cher réseau ! Voici la 9ème refonte de carte de visite. Cette semaine, refonte de la carte d'un ami designer produit, Léo Crémont ! Pas beaucoup de modifications sur cette carte de visite qui était déjà bien conçue, juste une petite simplification pour la rendre plus lisible. Pour en découvrir davantage et voir les refontes précédentes, n'hésitez pas à rejoindre mon compte Instagram @studiomist.fr ! Pour la suite de ce projet, je continue de piocher dans ma réserve de cartes, mais ce serait encore mieux de collaborer avec des gens qui ont envie de refaire leur carte de visite ! Si c'est votre cas, n'hésitez pas à me contacter ! 📞 #Graphisme #Branding #Cartedevisite