Chez Atecna nous proposons de vous accompagner sur la monté en compétence de vos équipes de conception afin de garantir votre transformation digitale. La maîtrise des concept et outils vous permettrons de réaliser vos projets d’interface de façon plus efficiente et agile.

Notre catalogue de formation

  • Sensibilisation au Design d’Interfaces
  • Workshop : Choisir l’outil de conception d’interface graphique adapté à son projet
  • Créer un prototype testable rapidement
  • Concevoir des maquettes graphique à l’aide de Sketch ou Figma
  • Concevoir des interfaces de Responsives (mobiles, tablettes et desktop) avec Sketch ou Figma
  • Industrialiser et Collaborer en Design d’Interface ?
  • Travailler avec les équipes de Front.
  • Réaliser…

Maintenant que vous êtes des pros de Sketch, grâce aux services révolutionnaires du 3615 BastiUI, vous êtes en droit de vous demander : “Mais Basti, comment dois-je m’y prendre pour animer mes maquettes ?” Je vous donne toutes les réponses dans cette vidéo en comparant les 2 outils phares du moment inVision Studio et Principle !

Dans cette vidéo je vais vous aider à faire votre choix entre ces 2 logiciels :

Sachez que si vous êtes sous Mac Os la question se pose, mais si vous êtes sous Windows, la réponse est vite trouvée : Studio sera le…


Texte par Rémi KACZMAREK , vidéo par Bastien Marécaux

Avec notre agence Atecna nous avons eu la chance cette année de participer aux conférences de Paris Web 2018. En voici une restitutions sur les faits importants à retenir à nos yeux.

La vidéo ci-dessus relate de nos aventures à Paris sous forme d’un “Vlog” comme disent les Millenials. Ci-dessous vous trouver une restitution complète préparée avec soin par Rémi.

UX en Terre inconnue
Sébastien Desbenoit (UX Designer chez Seb)

L’objectif de cette première heure de conférence présentée par Sébastien Desbenoit, Manager UX chez Seb, était de nous transmettre des moyens pour exercer notre métier d’UX designer dans un environnement…


Il fut un temps, sur le web, on concevait les sites sous forme de pages. C’était rassurant car cela nous rappelait quelquechose que l’on connaissait bien : les pages d’un livre.

Aujourd’hui le nombre de ratio et de taille d’écran est infinie et les design doivent s’adapter. Vous pouvez le constater facilement en ouvrant un même site internet sur votre ordinateur, votre tablette ou votre smartphone.

Dans cette vidéo j’ai décidé de vous parler d’une méthodologie incontournable pour tous les concepteurs d’interface : Le Design Atomique. Vous allez découvrir ici ce qu’est l’Atomic Design et comment l’appliquer. Nous parlerons de ses bénéfices et de ses limites. J’ai essayé de faire tenir tout cela dans cette petite vidéo de vulgarisation.

Bastien Marécaux
@bastiUI
basti.fr


Depuis Sketch 49, Sketch n’avait annoncé aucunes mise à jour très marquante. Je n’avais donc fait ni article, ni vidéo. Mais hier j’ai pu lire ceci sur le site de Bohemian Coding :

  • UI Redesign Sketch now has a totally redesigned interface, improving usability and readability across the app.
  • Improved Performance Sketch is now more responsive when editing complex documents, rendering the Canvas, and selecting Symbols with many overrides.
  • Dark Mode We’ve added Dark Mode to Sketch for macOS Mojave.
  • Nested Boolean Operations Boolean Operations can now be applied to text layers, shapes with outlines, and Symbols.
  • Data You can…


Dans cette nouvelle vidéo, mes invités et moi, vous mettons au défi en vous proposant de tester vos connaissances sur le design et le web.

10 questions vous seront posées et vous allez devoir noter vos points pour découvrir une note sur 40. Honnêtement ce n’est pas facile, essayez d’avoir la moyenne ça serait déjà une belle prouesse 😙

Les questions sont accessibles à tous, que vous soyez un designer reconnu, un développeur chevronnés ou un simple utilisateurs de réseaux sociaux !

Alors qu’attendez-vous ? Jouez au Basti Quiz et notez votre score en commentaire sur Youtube pour vous…


Est-ce qu’il sera meilleur que Sketch ?

inVision Studio est là !

Voilà, le logiciel tant attendu est enfin arrivé. Enfin, il a pris son temps ! Annoncé initialement en Janvier, il n’a pointé le bout de son “S” qu’en Avril. Est-ce qu’il va détrôner Sketch ou tout du moins lui faire de l’ombre ? Petite découverte dans cette vidéo de ce nouveau logiciel qui entre dans le Game des applis de Design d’interface.

Voici les différents thèmes abordés dans la vidéo :
▶️ 0:00 — Dressage de chien
▶️ 1:20 — Petit tour de l’interface
▶️ 3:10 — Créer un symbole dynamique
▶️ 8:36 — Créer un…


Bonjour, je suis Foodie !

Vous trouverez dans cette vidéo toutes mes astuces pour réaliser l’interface d’un chatbot super efficacement !

Dans ce nouveau tutoriel nous allons répondre à des questions comme :
- Comment utiliser le plugin Paddy ?
- Comment insérer des emojis sous Mac Os ?
- Comme faire une interface responsive sous Sketch ?

Voici les différents thèmes abordés dans la vidéo :
▶️ 1:17 — Création des symboles de base
▶️ 5:27 — Tutoriel Paddy | Comment créer des symboles dynamique en taille ?
▶️10:17 — Comment utiliser les Emojis dans vos interfaces ?
▶️ 13:43 — Comment rendre ces écrans responsives ?

🎁 Pour télécharger mon fichier source : https://gum.co/FVokH

🔽 Pour télécharger paddy : https://github.com/DWilliames/paddy-s...

Bastien Marécaux
@bastiui
basti.fr


SketchApp a sorti récemment une mise à jour dans laquelle le logiciel permet aux UI et UX Designer de créer directement des prototypes sans passer par un tiers plugin : Sketch 49

Tout le monde est extrêmement enthousiaste de l’arrivée de cette fonctionnalité. Pour ma part je ne lui suis pas vraiment car cette fonction existe déjà dans des plugins qui fonctionnent très bien et qui ont des années d’avances et d’expériences en la matière (comme par exemple inVision). …


Je vais vous présenter dans cet article le savoir-faire que je peux vous partager. Vous allez voir comment améliorer votre travail d’UI Designer au quotidien.

Le métier de designer d’interface est historiquement très manuel et mécanique. J’entends par là que le designer doit systématiquement dupliquer ou recopier des éléments pour créer son interface. Par exemple je copie-colle le bouton, j’importe le header etc…

Aujourd’hui grâce à de nouveaux outils comme Sketch, nous avons la chance d’améliorer notre travail et de le rendre plus industriel. Ainsi nous pouvons organiser nos assets graphiques comme le font depuis toujours les intégrateurs.

Je vais…

Basti

Lead UI & UX Designer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store