Design De Marque

30 jours de conception - Une étude de cas de marque

Il y a plusieurs aspects importants à prendre en compte lorsque vous travaillez avec des clients - le respect des attentes et des délais en est deux. À un certain stade de la carrière de chaque designer, il y aura un client qui a une urgence pressante avec son projet. Ce sont les projets qui enseignent l'art de respecter les délais et à quel point cela peut devenir fou.

Il existe généralement deux types de projets que chaque designer rencontrera au cours de leur carrière: «J'ai besoin d'un design centré sur l'utilisateur qui correspond à mon projet, pas de délais stricts; Je veux juste la meilleure solution »… C’est le rêve de tout designer. Mais regardons les choses en face; en réalité, les choses sont toujours plus difficiles.

«Je veux une solution hors des sentiers battus, innovante et créative - une bonne UX, une très belle interface utilisateur… et j'en ai besoin hier.»

Alors, que se passe-t-il lorsque vous réalisez qu'il y a 30 jours pour créer un logo et concevoir les principaux éléments de la marque, un site Web, des interfaces utilisateur mobiles et des publicités / graphiques sur les réseaux sociaux?

Après avoir eu une petite crise de panique, vous réalisez que travailler intelligemment est la seule voie à suivre.

Faire un plan et réfléchir à l'avance vous aidera à améliorer la productivité, la précision et la qualité de la conception. Comme pour toute entreprise réussie, le travail acharné et les longues heures sont quelques-unes des conditions obligatoires pour y parvenir.

Quoi qu'il en soit, il y a toujours ces questions atroces:

Cela vaut-il la peine de le faire avec de telles contraintes de temps?
Les contraintes de temps conduiront-elles à une mauvaise qualité de conception?
Est-ce que je ferais un meilleur travail si j'avais plus de temps?

Absolument oui!

Comme pour tout projet, il y a toujours des avantages, des inconvénients et des contraintes que, en tant que concepteurs, nous devons trouver un moyen de contourner et même utiliser à notre avantage pour trouver des solutions créatives.

Avoir une idée claire des tâches à accomplir pour mener à bien le projet est essentiel, ainsi que faire savoir diplomatiquement au client que le court délai pourrait potentiellement avoir un impact négatif sur la qualité globale de la conception. Cependant, la pression d'une échéance écrasante n'est pas une excuse pour ne pas faire de votre mieux pour votre métier - utilisez-la pour vous pousser à fournir le meilleur travail possible. UNE étude réalisé par la Harvard Business School sur le travail créatif effectué sous la pression du temps a conclu ceci:

Cette étude suggère que les gestionnaires prennent des mesures pour protéger le temps des employés pour s'engager dans le traitement cognitif créatif, en particulier les employés dont le travail exige un haut degré de créativité. […] Il est tout à fait probable que les idées créatives ne seront pas souvent produites en l'absence totale de toute contrainte de temps, qu'elle soit auto-imposée ou imposée de l'extérieur.

Ces résultats indiquent qu'un degré élevé de pression peut nuire au travail créatif, mais en même temps, l'étude suggère également qu'un niveau raisonnable de pression concernant le travail créatif peut être utile pour aider à produire de meilleurs designs.

C'est toujours un défi de tout faire lorsque vous travaillez en tant que pigiste avec plusieurs projets actifs, mais c'est une excellente occasion d'être diligent avec votre emploi du temps et de faire travailler votre temps limité pour vous! Fabrication travail à distance pour vous est simple, mais pas facile. Combinez cela avec un plan solide et vous aurez la recette du succès.

Jours 1 et 2: Tout d'abord, planifiez!

La première étape consiste à diviser le projet en parties plus petites et à calculer le temps qu'il faudra pour terminer chaque étape du projet. Fixer des objectifs augmente la motivation et la réussite. La science de la réalisation des objectifs recommande de décomposer votre grand objectif en étapes d'action claires et définies - cela vous donnera un grand avantage dans vos efforts pour l'atteindre.

En ce qui concerne la conception de la marque, une bonne pratique consiste à créer plusieurs versions de la conception afin que le client ait le choix entre différentes options. Ma préférence personnelle est de créer trois itérations de conceptions de logo et d'éléments de marque principaux tels que la typographie, les palettes de couleurs, les images et les jeux d'icônes. Faire cela en premier vous permettra de faire passer le concept et les idées visuelles à l'étape suivante.

Créez des processus de travail et suivez-les.

La création de processus de travail facilitera le flux de travail et la responsabilité qui accompagne chaque projet. Voici mon approche habituelle pour un projet de conception typique, qu'il s'agisse de conception de marque ou d'interface utilisateur:

Recherche

Découvrez tout sur l’activité de votre client:

Quel est le cœur de leur métier et quelle est leur activité principale?
Quel est leur public cible et quels sont leurs besoins?
Quels sont leurs objectifs et quel problème doit être résolu à l'aide de la conception?
Qui est la concurrence et comment pouvez-vous être meilleur?

Un questionnaire ou dossier de conception est l'un des moyens les plus pratiques et les plus efficaces de collecter les informations susmentionnées.

Créer un tableau d'humeur

Une des choses que vous pouvez utiliser Conseil d'humeur car c'est créer le concept - une partie essentielle de tout projet. Obtenez une vue d'ensemble: prenez toutes vos recherches et placez-les sur une grande toile afin de voir tous les éléments qui devraient être incorporés dans les conceptions. Il y a nombreuses libre outils qui vous aident à créer facilement des tableaux d'humeur.

Si vous n'êtes pas dans les outils en ligne, l'utilisation d'Adobe Illustrator fonctionne bien car vous pouvez créer, ajouter et déplacer librement des éléments. Considérez-le comme un collage - ne vous inquiétez pas trop du positionnement des détails; vous êtes libre de tout organiser à votre guise. L'objectif principal est de voir comment les couleurs, les photos, les icônes, la typographie, etc. fonctionnent les uns avec les autres - visuellement et dans la narration.

Les tableaux d'humeur sont très faciles à fabriquer et vous aideront à présenter votre idée.

guide d étude associé architecte aws

Jour 3: Créer un concept de design

La création d'un concept est la prochaine étape après avoir terminé votre moodboard et constitue la base de tous vos futurs travaux. Un concept est produit en tant que modèle expérimental pour tester la viabilité des caractéristiques de conception.

Le tableau d'humeur sera utile pour définir une direction visuelle précoce qui devrait correspondre au public que vous ciblez et aux objectifs de l'entreprise. Le concept sera la base de votre direction UX et fait donc partie de les 10 produits UX Deliverables utilisés par les meilleurs designers .

Il est important de comprendre à quel point cette étape est importante, car un concept solide aide à raconter une histoire convaincante, même pendant les premières étapes du projet. L'objectif principal doit prendre en compte les sentiments et les expériences que les utilisateurs rencontrent lorsqu'ils traitent des éléments visuels plutôt que les éléments visuels eux-mêmes.

L’un des consultants en marketing et conférenciers motivateurs les plus influents du secteur, Simon Sinek, a donné une discours TED brillant à propos de ce sujet.

Le moodboard peut vous aider à créer quelques slogans courts ou peut-être à définir des styles d'icônes et de photos dans un concept. Puisqu'il est bon d'avoir une typographie qui peut être lue rapidement quel que soit le support, il est également important de considérer une typographie conviviale pour le Web et l'impression. C'est un élément clé d'une grande conception et c'est aussi l'un des principes considérés par pratiques de conception universelles .

Jour 4: Design visuel de la marque

La marque Le processus de construction peut devenir fastidieux et prendre du temps si vous êtes surpris en train de suivre la mauvaise approche depuis le début. Il est préférable de commencer par créer des itérations de logo une fois que vous avez un concept approuvé et que les fichiers de guidage visuel sont terminés. Cela vous donnera l'assurance que vous allez dans la bonne direction et vous permettra de relever les défis de l'image de marque de manière intelligente et rapide.

Il est essentiel de faire de petits croquis au stylo et sur papier de vos idées de conception. Cela prendra moins de temps si vous esquissez d'abord, puis passez à Illustrator, Sketch, etc. pour travailler sur votre logo. Cette étape m'a aidé à concevoir trois propositions de logo différentes qui sont toutes dans la direction visuelle choisie pour la marque. Cela a pris quelques jours pour terminer:

Il peut y avoir des changements et des ajustements supplémentaires à la conception du logo, mais une fois que le client a décidé du logo et approuvé d'autres éléments tels que les couleurs, la typographie, les icônes et le style de photographie, vous en avez terminé avec les éléments de base de la marque.

Jours 7-15: Conception du site Web

Le développement de la marque comprend plus que le simple logo - il couvre presque tous les aspects de la conception, y compris le site Web. Premiers pas avec le site Web peut être utile, car vous pouvez ajouter au concept visuel en appliquant des règles visuelles et en voyant comment elles fonctionnent ensemble. Cela est particulièrement vrai lorsque vous créez un site Web qui a finalement un objectif et des éléments similaires à l'application mobile.

Copier d'abord

Je trouve utile de demander à l'avance au client de me donner toute la copie et le contenu qu'il / elle souhaite inclure sur le site. Il est recommandé de faire en sorte que la conception fonctionne autour de la copie plutôt que de créer d'abord l'interface utilisateur et d'essayer d'ajuster la copie par la suite.

La première approche de la copie vous permet d'économiser développeurs beaucoup de temps. Si vous optez pour l'inverse, vous pourriez rencontrer des problèmes. Bien que parfois utile, l'utilisation de texte factice peut avoir un impact négatif sur un projet réel, en particulier lorsque la conception repose fortement sur la typographie et est conçue autour du contenu. Une conception centrée sur la copie n'a pas d'inconvénient et aide uniquement à produire un travail créatif d'une qualité exceptionnelle.

Conception de la page d'accueil

En suivant toutes les étapes précédentes, vous disposez déjà de consignes visuelles générales, d'un plan du site et d'une copie. Vous pouvez maintenant continuer à concevoir les pages du site Web.

La page d'accueil est la première chose que les utilisateurs voient lorsqu'ils accèdent à un site Web. C'est donc la page la plus importante. Appliquer le Principe de Pareto démontre que la page d'accueil détient 80% de la direction du design (contexte, typographie, couleurs, éléments répétables, etc.) et le reste des pages 20%.

Il est judicieux de commencer votre processus en regroupant et en sélectionnant des sections pour la page d’accueil. Le contenu complet et la copie m'aident généralement à organiser la page entière et à voir quels aspects manquent ainsi que les sections qui pourraient être ajoutées pour maximiser l'impact et inciter les utilisateurs à acheter / utiliser le produit ou le service.

Soyez audacieux dans vos suggestions au client. Expliquez que les délais impliquent certaines limites.

les éléments et principes de conception

Pour mettre en valeur le service ou le produit, essayez d'utiliser des sections d'incitation à l'action bien visibles. Ils sont un excellent moyen de faire de la publicité et de capter l'attention des utilisateurs pour acheter un produit, s'abonner à une newsletter, s'inscrire, etc.

Si la technologie, le public cible et le type d'entreprise du client le permettent, l'ajout de motion design comme GIF ou animation peut donner à l'ensemble du site un sous-contexte et mettre en valeur la section d'appel à l'action. cependant, designers doit faire attention à ne pas aller trop loin et à créer quelque chose qui prendra beaucoup de temps à se développer.

Jours 15-25: appliquer la conception universelle

conception universelle , tel que décrit par ses développeurs, «peut être appliqué pour évaluer des conceptions existantes, guider le processus de conception et éduquer à la fois les concepteurs et les consommateurs sur les caractéristiques de produits et d'environnements plus utilisables.»

Le concept de conception universelle est l'une des solutions les plus optimales à utiliser lors de la gestion d'un projet de grande envergure - un concept unifié et une direction visuelle ciblée pour la marque, le site Web et les applications mobiles sont d'un grand avantage lors de la conception dans des contraintes de temps.

La nécessité d'éléments répétitifs peut être un défi en soi. Cela se produit lorsque vous rencontrez des exigences techniques. Le site Web réactif et les plates-formes mobiles ont une philosophie et un ensemble de règles complètement différents et peuvent donc devenir un problème s'ils ne sont pas traités de manière appropriée. Néanmoins, la création d'éléments pouvant être utilisés sur plusieurs plates-formes est l'un des piliers du succès de tout projet - dans ce cas particulier, il n'aurait pas été possible de couvrir autant de plates-formes / appareils sans une conception unifiée qui définit clairement la direction de la marque développement.

L'inconvénient d'un délai serré et d'une conception pour plusieurs plates-formes est que vous n'utilisez peut-être pas tout le potentiel de chacune des plates-formes pour lesquelles vous concevez. Dans de tels cas, en raison de la contrainte de temps, une solution simple «à l'épreuve des balles» qui est familière à la base d'utilisateurs pourrait être une idée valable.

Par exemple: réappliquez une idée sur plusieurs pages et remodelez-la pour chaque appareil. Les modèles sont similaires par essence, ce qui est en votre faveur. Cela peut être la façon dont vous affichez des informations essentielles ou invitez les utilisateurs à acheter un produit. Dans ce cas, même une barre de recherche pourrait être similaire sinon la même.

Organigramme

La conception du site Web est terminée et vous avez une vision plus claire de l'UX pour les applications.

L'un des moyens de rendre le processus de création UX plus simple et plus clair consiste à créer un organigramme utilisateur.

L'organigramme explique les connexions entre les pages et montre comment les utilisateurs interagiront avec l'application.

Il existe plusieurs méthodes et outils vous pouvez utiliser pour créer des organigrammes - la pratique habituelle consiste à créer des diagrammes graphiques avec des titres courts et, si nécessaire, un texte d'explication. Utiliser Sketch ou Illustrator pour cela est ma préférence, mais tout outil qui vous permet de créer et de déplacer des éléments convient parfaitement à cette tâche.

Will Little a donné un grande interprétation de cela:

C'est là que le ou les ingénieurs et les créatifs doivent travailler en étroite collaboration pour décider quel type d'outils logiciels peut le mieux prendre en charge les interfaces prévues et le comportement de clic / balayage, jusqu'à chaque dernier onglet, info-bulle, lightbox, icône, etc. .

Rendez-le haut en le rendant bas

Découvrir l'objectif principal de l'application aidera à définir l'UX. Cela peut être d'aider un utilisateur à acheter un produit, ou peut-être l'aider à utiliser un produit - l'expérience utilisateur doit tenir compte de cela. Les wireframes basse fidélité créés sur papier puis rendus plus fidèles dans Sketch ou Photoshop peuvent considérablement faciliter le processus.

Chaque projet est différent, et parfois, la création de wireframes haute fidélité sera nécessaire.

Dans ce cas, les wireframes basse fidélité étaient suffisants puisque l'application est simple et n'a besoin que de suivre les détails visuels du site Web.

Si vous le pouvez, organisez un petit test pour votre UX. Vous aurez besoin d'un groupe de test de futurs utilisateurs afin de voir si les wireframes et le flux UX ont du sens. Après le test, vous serez armé d'informations précieuses et vous pourrez passer à l'étape suivante (création d'une interface utilisateur).

Conception unifiée

Après avoir apporté quelques modifications à l'UX, vous avez tout ce dont vous avez besoin pour créer une interface utilisateur logique et bien définie, vous permettant de l'ajuster aux exigences visuelles des plates-formes iOS et Android. Étant donné qu'iOS a des directives de conception très spécifiques qui peuvent vous empêcher d'accéder à l'App Store d'Apple, vous devez apprendre à connaître ces règles et vérifier attentivement la façon dont votre conception est mise en œuvre pendant la phase de développement.

Vous pouvez créer une conception unifiée pour les plates-formes iOS et Android tout en utilisant leurs plus grandes forces en suivant les directives et les règles lors de la conception de l'interface utilisateur.

Jours 25-30: créer des annonces synchronisées avec la marque

À ce stade, vous devez avoir conçu un logo, des éléments de marque, un site Web et des applications mobiles. Bien que vous ayez tout conçu en moins de 25 jours, il est trop tôt pour célébrer, car il reste encore une étape à prendre en compte: créer des annonces pour les réseaux sociaux et la presse écrite. C'est là que le concept que vous avez créé au début sera d'une grande aide.

Suivre ces conseils lors de la conception de publicités et de supports sur les réseaux sociaux améliorera considérablement la qualité, les niveaux d'engagement et la créativité globale de vos visuels:

Utilisez des couleurs vives et lumineuses qui se démarquent.
Montrer des personnes heureuses et actives contribue à la dynamique et aux sentiments concernant vos graphiques.
Le mouvement, l'activité et l'excitation des gens attirent toujours l'attention et aident à atténuer les sentiments transmis en général.

Toutes ces règles vous aideront à créer des graphismes exceptionnels pour les publicités. Le cas échéant, utilisez la palette de couleurs, la typographie et les autres éléments visuels que vous avez utilisés sur votre site Web, votre image de marque et vos applications. Cela vous aidera à être cohérent dans vos conceptions et fonctionnera en votre faveur lorsque vous travaillez sous des contraintes de temps.

Vos résultats doivent correspondre à la direction visuelle globale du projet.

Ne vous engagez jamais sur une date limite que vous ne pouvez pas respecter

Parfois, n'importe qui peut sous-estimer la quantité d'efforts et de travail qu'un projet peut prendre - c'est pourquoi la planification de chaque étape est cruciale au début d'un projet. Des objectifs et des objectifs réalistes divisés en petites parties sont essentiels pour livrer un travail solide dans les délais.

Benjamin Franklin l'a mieux dit: «En ne vous préparant pas, vous vous préparez à échouer.»

calculateur de taux de salaire au contrat

À tout moment, ne manquez jamais de vous préparer et ne manquez jamais d'anticiper la possibilité que vous ayez sous-estimé le travail en termes de temps nécessaire pour le livrer. Bien que les clients puissent avoir des échéances, vous devez avoir les compétences qui vous aideront à déterminer si un projet est faisable ou vaut même la peine d'être envisagé en premier lieu. Cependant, ne laissez pas cela être une excuse pour ne pas relever un défi personnel qui, en fin de compte, pourrait vous aider à devenir un concepteur et un gestionnaire plus habile de votre temps.

• • •