Comment créer un kit d'interface utilisateur à vendre. Étapes de développement d'un système de conception commerciale

Aujourd'hui, tout designer a la possibilité de gagner de l'argent sur son propre produit de design . Les icônes, illustrations, sites Web et modèles d'application peuvent être transformés en un produit numérique et vendus dans le monde entier. Quelqu'un de votre métier aidera à accélérer le travail et les gens le paieront. Un autre peut acheter pour voir comment cela se fait. La troisième consiste à concevoir votre ressource avec vos solutions de conception. Votre produit peut tirer et toucher le haut, ou il peut s'avérer inutile pour quiconque. Mais cela vaut la peine d'essayer de le faire au moins pour améliorer les compétences de pompage, travailler avec les ventes, une chance de refuser le travail de bureau ou le travail pour un client.

Je vais parler d'un plan par étapes pour créer un système de conception commerciale. Apprenez à fabriquer et à commercialiser votre produit. Je vais vous dire quoi faire avant de commencer à travailler, comment préparer et faire un plan. J'examinerai séparément les étapes de développement d'un système de conception pour Figma. Dans la dernière partie, je donnerai des conseils sur la façon de promouvoir et de promouvoir. L'article ne fait qu'expérience personnelle et observations d'autodidacte.

Qui l'achète et pourquoi

Les concepteurs, les développeurs, les gestionnaires et les propriétaires d'entreprise achètent des systèmes de conception afin de ne pas dessiner toutes les petites choses à partir de zéro, mais commencent immédiatement à collecter les dispositions des pièces finies. L'approche de la conception de l'écran a changé et nécessite un réglage fin de chaque composant. Les styles, délimiteurs, dénomination, maillage et ordre général dans le système de conception doivent être créés en passant du temps. Vous ne pouvez pas simplement ouvrir Sketch, XD ou Figma et commencer à créer des modèles. Vous partez toujours d'un écran vierge, et des éléments de base sont nécessaires au travail: boutons, listes, cartes, etc. Où trouver tout ça? Soit créer tous les composants vous-même, déboguer et les tester, après avoir perdu un mois, ou acheter quelque chose de prêt à l'emploi .

Pourquoi créer un produit design

Cela doit être fait pour développer des compétences professionnelles et des opportunités pour améliorer la situation financière. C'est un travail plus amusant car vous venez avec des tâches pour vous-même. Si vous faites ce que vous aimez, vous êtes déjà suffisamment motivé. Vous avez la possibilité de vendre vos composants à d'autres concepteurs et organisations du monde entier. Vous recevrez des critiques flatteuses de clients satisfaits, vous devez donc faire votre meilleure interface utilisateur. La création d'un produit design est intéressante et passionnante, mais il faudra du temps pour investir.


Une présentation de qualité est un bon moyen de promouvoir votre métier.

Quels produits de design existent

• Jeu d'icônes
• Ensemble d'illustrations
• Kit de prototypage
• Modèles de site Web
• Modèles d'application
• Présentations
• Les polices
• Conception de systèmes, etc.

Un produit de conception flexible est de la plus grande valeur pour le client. Il contient certainement de nombreuses options, conditions, tailles des éléments utilisés. Par conséquent, vous devrez vous efforcer et tout prendre en compte, développer un système, puis revérifier soigneusement tout. La concurrence sur le marché des ressources prêtes à l'emploi pour Figma n'est pas encore aussi perceptible, mais elle existe, ce qui signifie que vous devez utiliser toute l'expérience accumulée et fabriquer un produit de la plus haute qualité.

Vous pouvez approfondir le futur système de conception dans l'un des sujets, surtout si vous avez déjà travaillé avec lui: commerce électronique, crypto-monnaie, social, gestion de projet, etc. ... Pour un produit de niche, vous avez le droit de facturer un prix élevé, puis de le réduire progressivement si le résultat non. Mais un produit dans une spécialisation étroite est plus difficile à vendre, car il est requis par une minorité. Cependant, lorsqu'un tel acheteur est localisé, il peut prévoir 200 $ ou plus pour une licence individuelle. Je recommande de développer un système sur un sujet sélectionné, mais assurez-vous de montrer à quel point il est facile de le refaire en un autre.

Vous ne risquez que le temps

C'est votre seul investissement - le temps. Mais en tout cas, il vous reviendra avec l'expérience. En résolvant les problèmes de conception qui vous intéressent, vous augmenterez la qualité du portefeuille à un nouveau niveau. Vérifié par vous-même . Et j'essaie de me percevoir objectivement. Ainsi, avec un résultat favorable, vous obtenez la première vente et une sensation très cool. Quelqu'un a trouvé votre appareil utile et en a payé une copie. Votre envie de dormir disparaîtra, de nouveaux projets pour le développement de votre projet vous feront tourner la tête.

Mais avant la première vente, personne ne vous paiera le temps passé, comme pour un client. Il y a toujours un risque que ce qui est fait ne devienne inutile à personne. Je n'ai pas réussi non plus la première fois et il n'y a eu aucune vente. Par conséquent, vous devez accepter le fait que vous ne gagnerez peut-être rien, mais en tout cas, une pompe.

Vous améliorez votre portefeuille

Si les ventes n'ont pas disparu, ce n'est pas la fin, en tout cas vous êtes fier de mettre ce travail dans votre portefeuille . Vous avez travaillé dur pour vous-même et ne vous précipitez pas pour mettre le produit design dans la boîte. Par exemple, vous pouvez le réutiliser et développer un cas fictif. Si vous avez fait une erreur et dessiné un autre kit d'interface utilisateur de livraison de nourriture, comme de nombreux débutants, vous pouvez trouver et décrire le processus comme si ce travail avait été fait pour le client et comment vous l'aviez abordé. Sur la base de cette histoire, vous pouvez écrire sur Medium et diffuser des graphiques sympas sur Dribbble et Instagram. Obtenez peut-être une rétroaction précieuse et de nouveaux abonnés. Vous avez toujours besoin de réutiliser vos propres graphiques afin d'améliorer votre portfolio et de créer un public.

J'ai mentionné ci-dessus que je n'ai pas réussi la première fois, mais six mois plus tard, j'ai fait demi-tour et j'ai commencé à examiner davantage avant la deuxième tentative. La recherche est une étape importante avant le début et je veux m'y attarder plus en détail. Une analyse plus approfondie des modèles et des produits populaires, j'ai pu acquérir une expérience réussie dans la vente de bibliothèques Figma commerciales , je vais donc parler de la création de modèles de conception fabriqués à partir de composants ou d'un «système de conception».


Dupliquer les sélecteurs iOS dans Figmo

Vous avez besoin d'un plan avant de commencer

L'auto-organisation, la discipline et le rôle d'un chef de projet personnel sont des éléments importants pour terminer le travail. Si vous essayez de créer un système de conception le soir, après le travail principal au bureau, vous devez être efficace et avoir beaucoup à faire. Et nous avons aussi des familles, des enfants et des tâches ménagères. Une telle situation d'urgence peut facilement déséquilibrer et vous devez avoir un plan d'action confortable. Il y aura trois étapes principales: la recherche, la création et la promotion du produit. Chaque élément devra être développé et une liste séparée d'étapes pour chaque étape sera compilée. Aujourd'hui, nous établirons un plan de recherche.

La recherche

Choisissez l'outil

Le choix d'un outil pour le futur système de conception est le choix du marché où vous travaillerez. Je préfère Figma, vous trouverez peut-être plus pratique de travailler avec XD, par exemple. Il est important que l'outil se développe, ait son propre public. Si quelqu'un vend déjà sur ce marché - c'est bien, réutilisez ses idées en jetant un coup d'œil à votre produit. Si vous êtes le premier, il y a lieu de se méfier.

Par exemple, autour du Invision Studio absent des radars, le marché du design n'est pas perceptible, et autour du rare Axure, il existe petit à petit. Oui, il est beaucoup plus petit que le marché Sketch. Et celui-ci est si énorme qu'il est plein de modèles et d'interfaces utilisateur , donc le prix moyen par copie est plus bas. Tous ces facteurs doivent être pesés avant de choisir une direction. Mais d'abord, allez à l'outil de conception populaire, si vous ne l'avez pas encore fait et commencez à étudier un peu quels produits similaires au vôtre existent déjà.

Choisissez un sujet

Le thème du produit de conception doit être défini afin d'acquérir la spécification. Par exemple, en utilisant ce système, vous pouvez créer un prototype dans le style de conception de matériaux, et cette nouvelle bibliothèque Figma contient des formes plus arrondies et est réalisée dans un style différent. Ce sont deux systèmes de conception, mais chacun a son propre objectif. De plus, le marché attend encore plus de nouveaux sujets, alors n'hésitez pas à en proposer.

Préparez-vous à appliquer toute votre expérience au sujet que vous maîtrisez le mieux. Il sera donc plus facile de trouver les personnes que votre expérience aidera à résoudre leurs problèmes de conception. Il restera lucide d'informer le futur acheteur de la sphère de votre produit et de ce que vous pourrez construire avec. Il peut s'agir de graphiques, de tableaux de bord d'administration, de modèles financiers, etc. Au tout début, vous devez déterminer la direction et suivre ce cours pendant le développement.

Lignes directrices de l'interface utilisateur

Les utilisateurs achètent un design de produit, également parce qu'ils aiment l'extérieur. Mais s'ils ratent le style, ils n'achèteront pas. Par conséquent, il est important de surveiller l'évolution de la conception des services, des réseaux sociaux et des applications Web - cela contribuera à rendre l'interface utilisateur réelle. Par exemple, après la refonte de Twitter, les boutons arrondis redeviennent à la mode. Et Pinterest a longtemps été dans ce style. Il est donc logique de leur prendre un exemple, puis quelqu'un pourrait penser: «Oh! Cette conception est dans le style du nouveau Twitter. Je le prends! " Les thèmes sombres sont également devenus populaires, vous ne pouvez pas l'ignorer. Les tendances évoluent rapidement et les produits de conception deviennent obsolètes, donc l'interface utilisateur doit être réalisée sous la forme qui est populaire aujourd'hui. Si vous n'avez aucune idée du style - explorez.

Quels composants font

Pour un système de conception complet, vous devrez dessiner de nombreuses sections avec des composants simples - boutons, onglets, boîtes de dialogue, calendriers, puces, etc. Vous devez prévoir l'ensemble complet que vous pouvez créer.

Vous voulez révéler un secret? Il n'y a pas de nouveaux composants dans le monde, seul l'extérieur change. Tout tableau de bord est essentiellement composé des mêmes boutons, listes et tableaux. Par conséquent, vous pouvez aller chercher des idées sur ces ressources Mobbin , Webframe ou Nicelydone et vous composer un mudboard des composants dont vous avez besoin pour commencer. Après plusieurs études intensives, vous aurez une liste complète où il y aura tous, tous les composants dont vous avez besoin pour organiser et redessiner dans votre style.

Combien de modèles créer et lesquels

Plus vos modèles sont universels, plus vous avez de chances d'intéresser un acheteur potentiel. Réfléchissez à la façon de créer un système de conception flexible, dans lequel il existe de nombreuses solutions toutes faites à l'avance. Tenez compte de toutes les options et conditions, car les développeurs peuvent se poser des questions: les boutons changent-ils lorsqu'ils sont en survol, à quoi ressemble l'entrée active, etc. Vous devez donc prendre en compte l'état des composants du futur système. Pour votre version antérieure, choisissez les modèles que l'on retrouve le plus souvent dans la vie: tableaux , navigation , profil , paramètres , etc. Presque toutes les applications peuvent être assemblées à partir de ces pièces de base. Par conséquent, lorsque vous choisissez un grand nombre de modèles populaires, cela rend le produit de conception plus fonctionnel.

Utiliser les ressources disponibles

L'espace de conception global est jonché de nombreux modèles qui peuvent être réutilisés de manière rentable. Commencez à vous habituer à un travail efficace - pourquoi dessiner quelque chose qui a déjà été fait cent fois et qui est disponible gratuitement avec le consentement des auteurs. Au minimum, vous devriez trouver un ensemble de bonnes icônes , sans elles le système de conception est inférieur. Ou recherchez ceux qui sont autorisés à créer des produits commerciaux. Assurez-vous que la licence autorise la revente. Respectez les auteurs, vous êtes désormais l'auteur lui-même! Pour une bonne présentation, des maquettes de périphériques sont nécessaires, et elles se trouvent sur les ressources Figma . Recherchez des trucs gratuits intéressants et pensez à les utiliser dans votre produit.

Faites-vous un moodboard

Explorez les ressources de conception occidentales populaires et placez des écrans intéressants dans un projet distinct. Au fil du temps, cela deviendra un moodboard dans lequel vous pourrez espionner l'un ou l'autre élément ou vérifier que vous adhérez au style choisi. Par exemple, vous décidez de créer un système pour les applications mobiles et vous avez besoin de beaucoup d'idées sur ce sujet. Commencez avec Pinterest , il y a une recherche intelligente d'images et la possibilité de collecter nativement des mudboards. Ensuite, élaborez un plan pour créer un kit d'interface utilisateur dans un style spécifique. Approfondissez la conception de produits financiers si vous souhaitez créer un système de conception de niche. Explorez les meilleures applications de l'industrie. Faites-vous un moodboard à partir des captures d'écran collectées et commencez.


Exemple de conception de matériau Mudboard

Vous êtes maintenant prêt à commencer

Avec un plan détaillé, vous pouvez commencer à travailler en toute sécurité, mais ne vous épuisez pas si vous avez besoin de prendre du recul par rapport au plan. Ceci est votre guide, pas un ensemble de lois.
Il est important de ne pas devenir perfectionniste avant la première vente et de passer votre temps efficacement. La routine dans ce processus est inévitable, alors changez l'ordre dans les éléments du plan. Dans la partie suivante, nous établirons un plan pour le développement d'un système de conception sur la figure, nous passerons des mots à l'action.

Nous avons découvert que chaque designer devrait essayer de créer son propre produit de design.
Vous pompez ou gagnez et pompez. Mais vous devrez investir votre temps. Êtes-vous prêt à passer des soirées en dehors du bureau pour votre propre projet? Ou passer des jours entiers, sachant que vous ne serez pas payé tout de suite pour ce travail, le cas échéant?

Si vous êtes prêt, faites défiler votre expérience de conception dans votre tête et réfléchissez à la façon dont vous avez réussi. Pensez aux produits que vous aimez et au type de système de conception sur le sujet que j'aimerais faire. Tout cela nous sera bientôt utile lorsque nous passerons directement à la deuxième partie sur le développement d'un système de conception.

Abonnez-vous à ma chaîne Telegram "Utile pour le concepteur", il y aura des annonces des parties suivantes et de nombreuses autres ressources de conception utiles. Écrivez PM si vous êtes un professionnel UI / UX et travaillez dans la Fig. Je répondrai à toutes les questions restantes si vous voulez vous essayer à la création d'un système de conception commerciale.

J'ai besoin de nouveaux produits et vous recevrez 70% de chaque vente. Je suis en train de constituer une solide équipe de fabricants d'interfaces utilisateur, assurant la promotion et le placement sur setproduct.com de votre produit de conception: icônes, illustrations ou système pour Figma. Vendons ensemble!