8 Projets à mettre dans votre portfolio

8 Projets à mettre dans votre portfolio
8 Projets à mettre dans votre portfolio

8 Projets de création de site web à mettre dans votre portfolio

Sommaire

La question la plus fréquente que me posent les étudiants dans mes cours est « Allons-nous vraiment constituer un portfolio ? Que pouvons-nous y mettre alors que nous n’avons jamais eu de clients ou été payés pour créer un site internet ?

Et c’est une excellente question ! Si vous voulez commencer à aller chercher des clients, c’est un simple fait que vous allez devoir leur montrer votre travail – mais la bonne nouvelle, c’est que cela ne doit pas forcément signifier un travail rémunéré.

Vous pouvez absolument inventer des projets imaginaires juste pour votre portefeuille : en fait, vous n’avez pas besoin d’être un débutant pour le faire – les concepteurs et développeurs web expérimentés le font tout le temps pour se tenir au courant des compétences, essayer de nouvelles choses et apporter des solutions nouvelles aux problèmes. Le rédacteur Daniel Mall a beaucoup écrit à ce sujet, et Katie Kovalcin, et concepteur principal de produits chez Vox, ne jure que par cela.

Comment présenter de faux projets de design dans un portfolio

« Si vous faites de faux projets, l’astuce est de faire croire que c’est vrai. Mettez le tout en contexte : Imprimez-le et photographiez-le, simulez-le comme si c’était vraiment un produit fini et pas seulement des comps/idées », dit Kovalcin. S’il s’agit d’un site web, assurez-vous qu’il fonctionne, même si le nom de domaine est simplement attaché à votre propre site de portfolio.

Ce que je vais vous proposer est un cadre de catégories de projets de portfolio qui visent à mettre en valeur un large éventail de vos compétences. Vous pouvez faire tout cela sans client ni expérience préalable. Quelques considérations :

  • Veillez à être transparent dans les entretiens et sur votre portfolio réel concernant le travail que vous présentez – appelez-les « concepts ». Ne prétendez pas que vous avez été payé pour quelque chose que vous n’avez pas fait.
  • Soyez prêt à expliquer chaque aspect de vos projets, de la façon dont vous avez formulé vos idées originales aux étapes de leur réalisation. Il est aussi important de pouvoir expliquer clairement votre propre travail et de vous y retrouver dans un contexte d’entretien ou de présentation que le travail lui-même. Cela peut aller de la recherche que vous avez effectuée aux personnages que vous avez créés, en passant par les briefs et les wireframes. Ce sont les types de produits livrables qui font vraiment ressortir votre travail et mettent en valeur le cycle de vie de votre projet.

Ces projets sont répartis entre les projets de développement web et les projets de conception, mais un portefeuille bien équilibré devrait tirer des deux.

Projets de portefeuille de développeurs web

1. LE SITE CLIENT DE RÊVE

Viser haut avec votre portefeuille de projets de développement web vous donne l’occasion de montrer ce que vous pouvez faire avec un site web à plus grande échelle. J’ai un jour interviewé un développeur autodidacte qui avait appris à coder pendant l’été et qui avait refait le site du New York Times sur son portfolio.

C’était incroyable. Il a réfléchi à chaque détail : comment ça se présentait sur les tablettes et les téléphones portables, à quoi ressemblait l’expérience de l’application, comment les commentaires et les fils de discussion fonctionnaient dans sa solution et bien d’autres choses encore.

C’était le seul projet de son portfolio, mais il était si complet et si bien présenté que c’était tout ce dont il avait besoin pour obtenir le poste.

Pour vous inspirer et faire de même, consultez ces exemples tirés de Behance of what’s possible with website redesign concepts for companies like Michael Kors, Ikea, or Nikon.

2. UNE ENTREPRISE LOCALE

Comme la collaboration avec les petites entreprises est le moyen le plus simple de mettre le pied dans la porte et de se constituer une solide clientèle, vous voudrez certainement inclure dans votre portefeuille la conception ou la reconception d’une entreprise locale à but non lucratif ou de quartier.

Essayez de redessiner le site de votre restaurant familial préféré. Essayez de lui donner une allure totalement moderne, sans les intros Flash et la police Comic Sans, tout en restant fidèle à l’identité de l’entreprise.

Rien ne vous retient, à l’exception de quelques règles essentielles que vous devez garder à l’esprit : Premièrement, assurez-vous que le produit associé à l’entreprise que vous choisissez est le type de produit auquel vous voulez être associé – en d’autres termes, demandez-vous si vos clients potentiels voudront être alignés sur les produits concepts que vous présentez.

Le nouveau design de « Crazy T’s Ammo Depot » peut sembler cool, mais il ne sera pas forcément adopté par tous les publics. Deuxièmement – et c’est essentiel mais facile à négliger – assurez-vous que votre petite entreprise est le genre de chose pour laquelle vous pouvez trouver de bonnes photos de stock. La photographie a un impact énorme sur les sites web, alors pensez-y à l’avance.

3. AMÉLIORATION DU PRODUIT MOBILE UX

C’est l’occasion d’ouvrir les yeux sur le design de votre téléphone portable et de montrer comment vous pourriez améliorer l’expérience de téléphonie mobile pour un client ou une marque existante.

Cherchez un cas où vous aimez un site web mais pensez que l’expérience mobile a besoin d’une refonte, puis travaillez à sa réinvention avec des livrables UX dans des schémas de pensée, des prototypes, des organigrammes, des plans de site et des rapports d’analyse/utilisation.

La conception mobile a depuis longtemps cessé d’être une réflexion après coup – en fait, l’utilisation du web mobile a officiellement dépassé celle des ordinateurs de bureau en 2016 – votre capacité à présenter une expérience utilisateur mobile sans faille sera donc un pilier de votre portefeuille de conception.

Des logiciels comme Sketch vous permettent de créer des maquettes de sites mobiles qui s’afficheront sur un bureau pour la présentation, ou vous pouvez envisager de prendre une vidéo de haute qualité de vous-même défilant sur votre site mobile ou votre application de conception et l’ajouter à votre portfolio.

Lorsque vous choisissez un projet de refonte d’un site mobile, choisissez une entreprise dont l’image de marque est forte et existante, afin de ne pas être obligé de faire des tonnes de travail supplémentaire juste pour commencer.

Dans de nombreux cas, les marques établies auront même un guide de style disponible en ligne que vous pourrez utiliser. Urban Outfitters, Skype, Firefox, et même la New York Transit Authority sont des exemples de marques ayant un guide de style en ligne.

4. UN THÈME PRÉCONÇU POUR WORDPRESS

WordPress est le système de gestion de contenu le plus populaire actuellement disponible, il est donc logique de développer un thème de base pour WP. L’un des grands avantages de développer un thème boursier est que vous pouvez également le vendre comme thème premium, ce qui génère des revenus tout en contribuant à votre portefeuille. Vous pouvez aussi donner votre thème comme moyen de promotion (dans ce cas, pensez à offrir un soutien ou une personnalisation pour un prix supplémentaire).

Examinez d’autres thèmes qui sont sur le marché et voyez ce qui fait que les thèmes populaires se démarquent : sont-ils réactifs ? Sont-ils simples et épurés ? Compatibles avec les plugins WordPress les plus répandus ? ThemeForest est un excellent endroit pour étudier les thèmes à succès, et si vous consultez ces thèmes simples de WordPress par Paul Jarvis, vous verrez que vous n’avez pas besoin de faire trop de fantaisie. Prenez ensuite le temps de vous familiariser avec les directives de révision des thèmes WordPress et commencez à concevoir l’un des vôtres !

Les projets que vous devez avoir dans votre portfolio de conception graphique

1. UN ENSEMBLE COMPLET DE MARQUES

La création d’une maquette de site web pour une entreprise que vous aimez est un excellent point de départ pour constituer un portefeuille de conception graphique, mais pourquoi ne pas se lancer dans un programme complet de stratégie de marque numérique ?

La création d’une mise à jour numérique complète de la marque est une entreprise majeure (mais qui en vaut la peine !) pour un portefeuille de conception graphique ou web, et peut être faite soit comme concept pour une entreprise réelle ou maquillée (Bonjour, boulangerie que vous avez toujours voulu posséder). Si vous ne savez pas par où commencer, parcourez tous les paquets de marque téléchargés sur des sites comme Behance. Et une fois que vous êtes prêt à commencer, voici une liste de quelques éléments que vous devrez inclure dans ce projet de conception graphique (en plus des éléments de conception graphique les plus évidents comme les logos, les polices de caractères et les palettes de couleurs) :

  • Conception de sites web optimisés pour le référencement naturel (SEO). En plus de présenter une conception de site web professionnelle et centrée sur la marque dans le cadre de votre portfolio de conception graphique, il est essentiel de s’assurer que la conception du site est favorable au SEO (Search Engine Optimization). Le SEO fait référence aux techniques utilisées pour améliorer la visibilité et le classement d’un site web dans les moteurs de recherche comme Google et Yahoo, ce qui est un élément clé de la stratégie de marque numérique. Quelques conseils de base pour améliorer la conception de votre site en matière de SEO : veillez à créer des URL conviviales (www.yourkillerbrand.com/tips-for-branding-design est infiniment plus convivial que www.yourkillerbrand.com/qs?/3600), intégrez une conception adaptée afin que votre site puisse être facilement consulté sur un ordinateur de bureau ou un appareil mobile (Google utilise désormais la convivialité mobile dans le cadre de son système de classement des sites) et intégrez la présence de votre marque dans les médias sociaux (cela n’affectera pas nécessairement directement votre classement dans les moteurs de recherche, mais cela contribuera à diffuser votre contenu sur le web, et une augmentation des préférences, des mentions et des liens vers votre contenu vous fera grimper dans l’échelle des moteurs de recherche).
  • Recherche de mot-clé. La recherche de mots-clés pertinents pour la marque et susceptibles de générer du trafic vers votre site est un autre élément important de la création d’une marque numérique. En vous familiarisant avec la demande de mots-clés pour votre marché, vous aurez non seulement une meilleure idée des mots-clés à intégrer dans votre site web optimisé pour les moteurs de recherche, mais vous commencerez également à vous faire une idée de ce qui motive les clients potentiels de votre marque. En utilisant un outil comme Google AdWords Planner (un programme gratuit qui nécessite un compte AdWords, mais ne vous oblige pas à créer une annonce), vous pourrez obtenir des informations sur le volume de recherches que vos mots clés génèrent et décider lesquels doivent être intégrés à votre stratégie de marque.
  • Maintenance des médias sociaux. Une suite complète de médias sociaux n’est plus un ajout amusant pour un pack de marque numérique. Une présence cohérente de la marque sur Facebook, Twitter, Instagram et d’autres plateformes de médias sociaux est aussi essentielle que la conception même de votre site web. Dans le cadre de votre pack de marque numérique, veillez à inclure des maquettes de votre marque sur ces plateformes.
  • Des articles imprimés collatéraux. Ce n’est pas parce que le numérique règne sur le monde que l’imprimé a complètement disparu. Il existe encore des éléments d’impression fondamentaux que vous devez garder sur la table lorsque vous présentez un ensemble de marques numériques. Les cartes de visite, les autocollants, les cartes postales et les emballages sont autant d’exemples d’éléments imprimés que vous pouvez ajouter pour soutenir une campagne numérique.
  • Un guide de style. Il permettra d’arrimer entièrement le projet et mettra en évidence votre capacité d’organisation et de planification. Consultez les nombreux guides de style numériques disponibles en ligne que vous pouvez utiliser comme modèle ou comme point de départ pour établir vos propres règles en vue d’un ensemble complet d’éléments de marque.

2. VOTRE TOUR SUR UN ENSEMBLE D’ICÔNES

Les ensembles d’icônes sont le groupe d’images stylistiquement similaires attachées à différentes fonctions des applications et des sites web – par exemple, la corbeille qui apparaît lorsque vous voulez supprimer quelque chose ou le crayon sur lequel vous cliquez pour entrer dans un mode d’édition. La création de votre propre jeu d’icônes est un projet de conception web assez standard, mais c’est un moyen facile pour vous d’offrir quelque chose gratuitement aux visiteurs de votre site web et d’inclure un projet d’une échelle complètement différente dans votre portfolio de conception web.

Un jeu d’icônes peut sembler omniprésent, mais c’est exactement ce qui en fait un bon ajout à votre portefeuille. Bien qu’ils soient courants et faciles à négliger, les jeux d’icônes sont un élément essentiel de la conception de sites web, donc en montrant votre capacité à les concevoir, vous ferez savoir à vos employeurs que vous avez des bases solides. C’est aussi l’occasion de définir votre esthétique, ce qui aide les gens à se souvenir de vous et de votre travail lorsqu’ils parcourent les portfolios. Consultez Dribbble pour des exemples de jeux d’icônes réalisés différemment. Et si vous conceviez vos propres émojis pour les ajouter à la prochaine série de sorties ? Le ciel est la limite !

3. UN PROJET DE DESIGN 365

Si vous jouez le jeu de la longueur (ce qui devrait être le cas pour votre carrière), alors lancer un projet de conception graphique 365 est une façon phénoménale de faire preuve d’engagement. Les projets de design 365 consistent à créer un design simple, généralement sur un thème ou pour un type de design particulier (icônes, logos, typographie, etc.), et à les afficher chaque jour pendant une année entière.

Certains designers les réalisent sous forme de projets collaboratifs, en invitant d’autres designers à les rejoindre, tandis que d’autres les réalisent entièrement en solo. Consultez cet article super utile de Cynthia Koo sur la façon de concevoir votre propre projet 365, ainsi que quelques exemples de projets 365 réels comme le drop cap quotidien de Jessica Hische ou le monstre quotidien de Stefan G. Bucher.

Pages similaires

4. MODÈLE DE BULLETIN D’INFORMATION REMANIÉ

Cela peut sembler être une petite sieste, mais je l’ai fait pour mon premier portfolio de conception graphique tout en postulant pour l’un de mes premiers emplois dans le domaine de la technologie. L’une des tâches administratives de cet emploi consistait à envoyer des bulletins d’information sur les événements, les entretiens, les dernières nouvelles et autres sujets d’actualité. Avant de postuler, j’ai donc passé une demi-journée à remanier le bulletin d’information de l’organisation, à en créer trois échantillons et à les inclure tous dans mon portfolio. Il va sans dire qu’ils ont été impressionnés. J’ai eu l’entretien (et deux suivis) ET le poste.

Pour réussir la refonte d’une newsletter, il est utile de se rappeler quelques bonnes pratiques. Tout d’abord, veillez à ce que la conception de votre lettre d’information soit courte et simple – évitez les longs blocs de texte impénétrables et veillez à ce qu’il y ait suffisamment d’espace blanc dans la conception générale pour que le texte apparaisse simplifié et facile à lire. Essayez de limiter la quantité de polices que vous utilisez dans votre conception, plutôt que d’utiliser une police pour votre titre et une autre pour le corps du courriel. Soyez très prudent quant à l’ajout de polices supplémentaires dans le mélange, car elles risquent de compliquer les choses à l’excès. Enfin, réfléchissez à deux fois avant d’utiliser des images ou des graphiques. Il est facile d’ajouter des photos ou des graphiques de remplissage, mais à moins que ces images ne fassent partie intégrante de votre conception et ne soient essentielles à l’identité de votre marque, elles ne feront que détourner l’attention de votre message.

En plus de la structure générale de la conception de votre newsletter, n’oubliez pas de garder la vision mobile en tête. Litmus Email Analytics rapporte qu’en 2016, le taux d’ouverture des e-mails sur les téléphones portables a augmenté de 56 % (alors que celui des ordinateurs de bureau est resté à 19 %), ce qui signifie que pour que la conception des lettres d’information soit efficace, elle doit être mobile – assurez-vous que vous travaillez avec des modèles de conception adaptés, afin que votre contenu puisse être lu aussi facilement sur un appareil mobile que sur un ordinateur de bureau.

La refonte d’un bulletin d’information peut sembler un peu décourageante si vous n’avez pas de compétences en matière de codage, mais heureusement, il existe de grandes plateformes de bulletins d’information qui ne nécessitent pas de connaissances en codage pour créer des modèles personnalisés. HubSpot dispose d’un générateur de modèles qui permet la personnalisation en utilisant zéro code, tandis que MailChimp dispose d’un guide complet couvrant certaines des bases de codage nécessaires à la création de modèles.