Comment créer un portefeuille UI/UX

1. Intro: Hey, les gars, aujourd'hui va aller sur la façon de créer aux vous I portfolio. Je vais partager quelques trucs et astuces et les meilleures pratiques, mais pour mettre mon argent là où ma bouche est réellement publiée. Le site que j'ai créé dans cette classe et il a été mis en vedette sur les meilleurs folios dot com. L' une des raisons pour lesquelles je réalise cette vidéo est que j'ai aidé au recrutement et à certains de mes rôles passés, et que je viens de voir des milliers et des milliers de portefeuilles, et je vois souvent beaucoup des mêmes erreurs. Je vais donc partager des choses à faire, des doutes et des choses que je conseillerais à tout le monde d'éviter, mais aussi de vraiment orienter les choses vers l'obtention d'un emploi. Et pas seulement cela, mais si vous avez déjà travaillé sur votre portefeuille pendant un certain temps, je vais partager quelques conseils et astuces pour contourner le travail qui a un nd a. C'est un problème assez commun pour la plupart des gens. Vous faites un travail incroyable, mais qu'il n'est jamais vraiment utilisé, donc ça vous met en quelque sorte dans un endroit difficile de ce que vous devriez faire avec, et je vais vous montrer quelques conseils à ce sujet aussi. Mais je pense que c'est à propos de ça. Alors commençons 2. Conseils généraux: Ok, donc avant de nous plonger dans la création du site, je pense qu'il est préférable de passer quelques points fondamentaux. Le 1er 1, c'est que vous êtes un designer. Ce que je veux dire par là, c'est que je m'attends à ce qu'un designer ait un certain sens visuel. Je m'attends à ce que les gens soient capables de faire un travail qui semble au moins décent. Donc, quand je tire un portfolio et que la première chose que je vois n'est pas très attrayante sur le plan visuel, c'est un signe énorme pour moi parce que je m'attends à ce qu'un designer ait au moins une expérience fondamentale pour rendre les choses belles. Et nous savons tous que, comme rendre les choses belles n'est pas tout ce qu'un designer fait. Mais c'est une tâche de base que je m'attends à ce que tout le monde puisse accomplir. Le numéro deux est de rendre votre intention et vos compétences vraiment évidentes. Eso Ce que je veux dire par là est si je fais défiler sur un portefeuille et je vois huit projets différents et sont tous dans différents domaines produits physiques d'été, numérique d'été, branding d'été, graphismes d'été et publicité je ne sais pas à quoi une personne va être douée, donc ton travail et ton portefeuille et il me crie sur quoi ? Tu es douée dans ce que tu as du talent parce que je ne t'embauche pas pour faire huit choses différentes . Je t'embauche pour être bon à une chose. N' oubliez pas de le faire clairement et de préciser votre intention tout au long de votre portefeuille. Mon troisième point est probablement l'un des plus étranges pour tout le monde. Et ce sera d'utiliser un modèle et le nouveau où vous pensez, Pourquoi un designer ? Il est un modèle quand mon travail est de concevoir de nouvelles choses et de mettre de nouvelles choses ensemble. Et c'est parce que tu ne veux rien distraire de ton travail. Je vois beaucoup de gens qui essaient de concevoir leurs propres sites Web en quelque chose cool, nouveau, flashy chose qui finit par distraire de leur travail et m'empêche de voir et concentrer sur le travail. Je me concentre plutôt sur le médium qui fonctionne, présenté dans lequel n'est pas ce que vous voulez. Vous voulez que les gens se concentrent uniquement sur votre travail, et la bonne chose à propos des modèles est qu'ils prennent déjà beaucoup de décisions pour vous. Donc, si vous êtes inquiet de quelle police, quelle taille, quelle couleur utiliser sur les choses. Les modèles ont déjà ce bon à aller pour vous. Et ils sont également réactifs sur mobile. Donc, si jamais tu penses à être un designer mobile, c'est tellement plus facile la Mort ? Non, ce truc va être pris en charge. Alors s'il vous plaît, juste squarespace, Wix, Wix, quel que soitle constructeur de site utilise, vérifiez les modèles, le constructeur de site utilise, vérifiez les modèles, et au moins utilisez-les comme base pour construire sur la 4ème pièce pour ceci est S'il vous plaît, s'il vous plaît, s'il vous plaît, s'il vous plaît, s'il vous plaît ne pas télécharger le pdf jpeg, PNG, quel que soit le type d'image avec du texte regroupé dans celui-ci. C' est un exemple rapide de ce que je veux dire. La raison pour laquelle c'est une mauvaise idée est parce que cela ne répond pas. Donc, si cela va à différents navigateurs Web ou même va à mobile, il va écraser vraiment petit. Et le texte ne sera pas lisible. Et pas seulement cela, mais c'est mauvais pour l'optimisation des moteurs de recherche. Vous verrez certains de ces trucs, et certains des constructeurs de site essentiellement moteurs de recherche. Ils ne pourront pas lire le texte qui est dans les images. Donc, vous allez perdre beaucoup de texte descriptif sur votre site Web et vous ne serez pas en mesure d' être recherché est facile ce qui n'est pas ce que vous voulez avec votre portfolio. 3. Commencer à créer le site: ok, alors maintenant va effectivement commencer à créer un site Web de portefeuille. Et j'utiliserai le projet d'un ami pour ce portfolio. Et elle a été très gracieuse et en fait, elle m'a laissé travailler avec elle pour créer ce portefeuille . C' est donc un vrai portefeuille. Je vais mettre en place Eso. Ces exemples vont être en direct, et vous pouvez vous sentir libre de consulter le site Web. Hum, donc vous pouvez référencer d'autres projets. Je ne vais pas tout parcourir, mais je vais passer par certains des grands processus de création de ce site Web, certaines des principales parties de celui-ci, et j'ai utilisé Wicks pour le construire. Vous pouvez regarder et en apprendre un peu sur Wicks si vous n'en avez jamais entendu parler, vous squarespace ou n'importe quel constructeur que vous préférez. Mais genre de conseils et de fondements sur la façon de mettre des choses dans les projets seront les mêmes, et je serai applicabilité. Et je ne vais pas passer trop de temps sur comment mettre tout ensemble et mèches. Mais vous aurez assez d'une fondation pour le faire vous-même. Alors commençons. Donc, si vous allez à Wickes dot com et que vous avez déjà quelques sites. C' est à quoi ça ressemblera. Vous pouvez aller créer un nouveau site ici et encore. Ce processus va être assez similaire pour tout constructeur de site Web comme Squarespace ou certains des autres qui existent. Euh, et vous pouvez en quelque sorte passer par, répondre à quelques questions et vraiment choisir un modèle. Et la plupart, les bibliothèques de modèles qui existent maintenant sont assez étendues. Ils ont beaucoup à choisir. Et même maintenant, ils ont, genre, portefeuilles de créateurs que vous pouvez choisir. Hum, donc encore une fois, suggérons certainement de choisir un de ceux-ci et de le modifier en fonction de vos besoins. Ça va juste te donner une base très solide. Beaucoup d'entre eux déjà réactif les tailles. Ce sont de bonnes images ont fière allure. Alors allez-y et commencez par un de ceux-ci. Donc si nous allons par ici, c'est celui que j'ai choisi et choisi pour une raison très précise. C' est bon et maximisez cela. J' ai vraiment aimé ça. Révélez l'animation ici. Et c'est quelque chose que je veux en quelque sorte construire. Mais si vous faites défiler vers le bas sur le reste du site. Celle-ci, c'est plutôt cool, mais il se passe beaucoup. Donc ce que je vais vraiment dio c'est juste de le séparer et juste prendre cet élément principal et puis supprimer tout le reste. Et cela va toujours utiliser la puissance du modèle aussi. Parce que si vous cliquez dessus, oubliez-le. Comme à tout ce texte, vous remarquerez qu'il a déjà des thèmes. Donc tout ce Texas taille et genre de prêt à partir. Donc, même si vous supprimez beaucoup de ces choses, vous êtes toujours comme la puissance du modèle. Donc mon but est de vraiment juste garder ce genre de fenêtre et tout le reste pour le moment , je vais juste supprimer quelqu'un à passer et commencer à enlever des morceaux. Mais je vais l'envoyer rapidement parce que ça ne va pas être amusant juste de me regarder supprimer un tas de trucs. Ok, donc maintenant j'ai juste un squelette de pied. Ce modèle précédent était, mais c'est OK, parce que j'avais beaucoup de choses, et nous avons vraiment cet élément principal, et c'est ce que nous voulons aller de l'avant. 4. Comment structurer votre site Web de portefeuille: C' est donc ce que je vais utiliser pour afficher les projets en vedette sur la page de travail. Et la façon dont je vais décomposer ce portfolio n'est pas vraiment en trois pages principales. Cela va être une page de travail qui va fonctionner est votre page d'accueil et sur la page metal house comme votre CV et certaines de vos informations et un formulaire de contact, puis vos pages de projet. Donc, c'est vraiment assez simple avec ces trois parties. Et la première chose que je vais faire est de faire l'image de bienvenue et l'en-tête. Et je vais l'utiliser comme un endroit où vous avez une description de ce que fait le designer ici et une sorte d'introduction, si vous voulez. Alors, qu'est-ce qu'on peut faire ? Allons de l'avant et répondons au texte, et puis c'est super parce que j'ai déjà des thèmes. SMS ici pour que tu puisses attraper qui en a trois. En fait, ça a changé ça. C' est un peu trop grand, fort qui se dirige vers toi, et c'est comme Teoh. Et ce qu'on pourrait faire est de taper un nom ici, euh, et encore une fois, j'utilise les informations d'un ami ici parce que ce sera un vrai portfolio. Donc si j'utilise le nom de quelqu'un, vous saviez pourquoi. Donc, ce que vous pouvez commencer ici est juste comme une simple introduction d'un nom. C' est assez commun. Les gens mettent leur nom sur leur première page, puis copiez et collez ce dernier. Et puis nous pouvons ajouter du texte sur qui vous êtes le plus, vous paragraphes un Donc, pour l'introduction, texte et un peu comme un arrière-plan de qui vous êtes, ce que j'aime à dio est inclus votre titre actuel ou votre titre de poste, que vous voulez avoir une sorte de la façon dont vous obtenez votre portefeuille. Et si vous travaillez quelque part, j'aime bien dans Cleared que juste ici, juste dans le blurb avant. Justo, prouvez que vous êtes un professionnel ou peut-être que vous avez une expérience professionnelle. Il va avoir ce titre de poste juste là. Et puis juste une sorte de blurb rapide et rapide sur ce que vous diez. Et puis j'aime toujours inclure quelque chose de bizarre ici. Mon ami construit en fait de minuscules meubles, et ça va être comme l'un des projets que j'inclue. Ce sera un petit projet, juste quelques images, mais ça ajoute un aspect différent à un portfolio, et ça montre que, comme vous êtes aussi un être humain. Ce n'est pas seulement une question de travail. Et donc je vais nous l'envoyer sur la page à peu près. Ok, donc une fois qu'on aura un nom et j'y vais et, genre, éditer cet en-tête apparaît et ce que j'ai fait avec le menu, c'est que j'ai écrit ces éléments à ce vert. Tout ce qui signifie que lorsque nous faisons défiler, ces éléments vont rester là où ils sont, et cela a été laissé à partir du modèle original. Mais c'est un élément que je voudrais répliquer pour cela. 5. Ajoutez de la personnalité à votre page d'accueil: un autre aspect est Qui êtes-vous en tant que designer ? C' est important. Même si j'ai dit d'utiliser un modèle plus tôt, vous avez besoin d'orteil, avoir un peu de flair comme ne pas avoir peur d'être vous-même dans votre portefeuille et nous allons entrer dans quelques méthodes et conseils plus tard dans cette classe sur la façon de le faire. Mais n'ayez jamais peur d'être vous-même. C' est normal d'avoir de la personnalité dans un portefeuille. Ok, donc maintenant que nous avons un nom et une sorte de description du rôle précédent lieu de travail et puis juste un blurb rapide sur ce qui se passe, je vais aussi ajouter un couple comme une image ou quelque chose qui se passe ici à droite juste pour faire la page un peu plus interactive. Donc, la bonne chose à propos de l'utilisation de beaucoup de ces constructeurs de sites est qu'ils ont souvent beaucoup de formes similaires et d'art vectoriel déjà prêts à aller pour cela. Je vais la tirer dans quelques formes, euh, parce que ça correspond au style d'un designer pour lequel on prépare ça et ajoute un peu d'intérêt sur le côté droit de cette page. Donc, ce n'est pas seulement du texte, mais je vais utiliser le même processus et aller de l'avant et ajouter quelques formes ici, et nous allons avancer rapidement à travers cela. D' accord ? Et maintenant que j'ai leurs formes sur la page et les couleurs viennent de tirer dans certaines couleurs précédentes à précédemment discuté avec ce concepteur, Donc, il est toujours bon genre de Teoh avoir ceux décidés à l'avance et aussi comme ce texte dans général, je sais que je l'ai copié et collé, mais c'est une bonne idée d'aller de l'avant et d'écrire la plupart des choses sur. Au fur et à mesure que nous avançons dans les projets, je joindrai un document que j'ai utilisé pour exposer les projets et taper mes textes avant de commencer à les exposer. Et je vous ai montré un exemple de ça une fois en commençant, retardant un projet. Mais un autre aspect cool de l'utilisation d'un constructeur de site est que vous pouvez utiliser quelques animations légères, et je n'aime généralement pas aller trop par-dessus bord avec celles-ci. Mais il est agréable d'ajouter un peu de mouvement à certains de ces éléments et nous allons prévisualiser cette This Yeah, ça ressemble, et ce que je vais dio c'est juste répliquer cette animation sur chacune de ces formes 6. Quels projets se déroulent et combien les projets doivent être: Donc, l'une des premières choses que vous rencontrerez lorsque vous constituerez un portefeuille est quels projets devriez-vous mettre en place ? La première partie de cette réponse est mise dans des projets que vous voulez faire, comme ce que vous voulez faire pour une carrière ? Quel genre de travail voulez-vous entrer dans vous ? Si vous aimez les APS mobiles , la plupart de vos activités doivent être sur des appareils mobiles. Si vous aimez les sites Web, la plupart de vos travaux doivent être des sites Web. Cela semble assez simple, mais en fait, les gens se trompent beaucoup. Et quand vous partagez votre attention et comme deux ou trois choses, j'ai cessé de croire que vous êtes vraiment bon pour faire des applications mobiles ou des produits physiques et des sites Web. Donc généralement, il est préférable de rester concentré là-bas, et la deuxième partie est le sujet du projet. Si ce n'est pas quelque chose que vous avez fait professionnellement et facilité d'utilisation quelque chose qui vous passionne , et la raison en est que vous passez juste plus de temps sur des choses qui vous passionne. Vous parlez aussi différemment de choses qui vous passionne, et c'est généralement très évident dans le travail sur. Et c'est aussi très évident plus tard quand vous entrez dans le processus d'entrevue et que vous commencez parler. Et croyez-moi, ça fait une énorme différence quand quelqu'un parle de quelque chose avec passion, et le fait est que, vous n'allez pas vraiment redessiner la roue ou faire une nouvelle affaire de 1 000 000 000 000 000$ avec une étude de cas, il est donc préférable de s'en tenir à un problème que vous connaissez peut-être. Ne passez pas trop de temps à essayer de comprendre un nouveau problème fou ou une nouvelle solution folle. Mais assurez-vous que le domaine sur lequel vous vous concentrez est quelque chose qui vous passionne et faites-moi confiance qui vous fera gagner beaucoup de temps à l'avenir. Un sujet de discussion commun est donc de savoir combien de temps les projets de portefeuille devraient-ils durer ? Et il n'y a pas de recette exacte pour la durée exacte des projets. Mais je peux le dire à tous ceux qui ne le rendent pas trop long. Donc votre but est d'expliquer vraiment les faits saillants de votre processus, et vous pourriez économiser des décisions plus granulaires pour plus tard dans les interviews, hum, mais il n'y a tout simplement personne qui a assez de temps pour voir chaque décision prise dans un projet , il est donc préférable de simplement montrer les faits saillants de ces décisions et de les garder à la portée moyenne à courte pour un projet parce que personne ne pourra prendre 30 minutes de sa journée pour lire un projet entier comme un article moyen. Alors gardez les choses sur le côté plus court. Et tant que cette première partie sera bonne et que vos points forts de votre processus seront bons, vous serez au moins en mesure d'entrer dans une situation d'entrevue où vous pourrez expliquer beaucoup plus de ces décisions plus tard. Et tant que cette première partie sera bonne et que vos points forts de votre processus seront bons, vous serez au moins en mesure d'entrer dans une situation d'entrevue où vous pourrez expliquer Mais ne ressentez pas le besoin de vraiment juste aller article moyen sur elle et avoir un énorme, long projet de défilement, les filles. 7. Concevoir votre page de la maison (travaillle le travail): Ok, Maintenant que ce morceau est fait, va servir est notre page d'accueil et genre de la première chose que vous voyez une fois et la prochaine chose, nous allons vouloir immédiatement aller au travail. , Une des choses avec des portefeuilles,c'est qu'il est normal d'avoir une sorte d'introduction, comme une image ou un peu juste à l'avant. Mais à peu près la prochaine étape absolue doit juste être votre travail, parce que vous devez y penser dans le contexte d'un recruteur. Comme si quelqu'un regarde 100 sites par jour, il veut vraiment se rendre à votre travail assez rapidement. Donc, vous pouvez soit fournir des liens ici, soit juste vous assurer que la prochaine partie de ça sera votre travail. Et donc ce que nous allons faire ici, c'est que je vais remplacer cette image par le premier projet. Donc une fois que j'aurai la première image là-dedans, je vais changer la couleur de fond pour correspondre au téléphone ici. C' est une bonne idée d'avoir à l'avance ce genre de choses écrites ou sauvegardées à un certain endroit. Si vous le concevez dans un autre, comme illustrateur, un croquis W X D ou quelque chose comme ça. Bien. Et enregistrez les couleurs que vous voulez utiliser, sorte que vous pouvez juste appliquer rapidement les codes hexadécimaux. C' est ce que je vais aller dio référençant un autre fichier pour quelle couleur veut réellement utiliser ici. Ok, donc nous avons la couleur n'entendra pas ce que je vais faire est de déplacer ce texte parce que je ne veux pas que ça se chevauche avec le téléphone. La raison en est que nous perdons du texte sur cette image. Et même si cela pourrait être un élément stylistique cool s'il se chevauchait, eh bien, eh bien, sacrifiez d'être fini de lire du texte pour cela. Donc je vais tirer ça et juste un peu, euh, on contracte ça aussi. Maintenant, nous pouvons en prévisualiser. Ok, donc il y a toujours cette animation qu'on aimait avant. Amenez celle là-haut. En fait, je vais tirer ces éléments juste pour être un peu près de toi ensemble. D' accord ? Je vais ajouter un bouton ici aussi. Et ce bouton va être celui qui nous amène au projet réel afin que nous puissions juste choisir le bouton thématique qu'ils ont déjà. Prêt à partir et on changera le texte en Missile. Sauvegardez simplement votre aperçu du projet que la chose cool à propos de l'utilisation de ces boutons thématiques est qu'ils ont déjà des états survolants et des états rapides. C' est donc bien que cette interaction ajoutée ait été faite presque immédiatement. C' est une souris animée que nous allons ajouter le blanc et l'animation, et c'est juste pour que ce soit la même chose que toutes ces autres choses avant. Donc, si vous prévisualisez ça, nous obtenons tout le planeur qui a l'air comme nous voulons qu'il retourne à l'éditeur. Je peux aller de l'avant et mettre à jour ce texte est bien, donc je vais sortir ici. C' est en fait le travail professionnel de mes amis. C' est notre travail de Verizon Connect. Et si vous avez une expérience professionnelle, je vous conseille toujours que c'est le premier projet, car c'est généralement le travail dans lequel vous avez le plus de profondeur. C' est des trucs que les gens t'ont payés à dio. Donc, il est très important que si vous avez un travail professionnel, assurez-vous que c'est ce qui est à l'avant et le centre et une étude de cas d'utilisation comme le travail de l'école peut venir après cela parce que je sais que cela prend. Il ne prend pas mal d'années avant que vous ayez beaucoup de travail, Mais encore une fois, suffit de garder votre travail professionnel toujours en premier sur la page. Donc si tu obtiens ça encore une fois, accord, ça va bien. Je reviendrai à l'éditeur. Maintenant, je vais faire ici est en fait reproduire exactement la même chose et je vais juste m'assurer que cela fait réellement la même chose que je veux. Et il a eu l'effet révélateur, et qui a été reporté à partir du modèle original. Et c'est ce qui va rendre cette prochaine partie, euh, vraiment assez cool. Donc je suis juste en train de copier et de coller ça sur génial. Ça a fonctionné amusant. Et puis ce sera la prochaine page du projet. Alors allez-y et laissez tomber cette image suivante et et je suis probablement rapide pour ce peu est Eh bien, ok, maintenant que j'ai ces deux projets dans, je vais aller de l'avant et prévisualiser. Cela commencera à partir du début de l'animation dans et encore, le premier projet est le travail professionnel ici, et le second sera en fait une étude de cas. Et parce que nous copions et collons ces éléments directement sur, il obtient en fait cet effet de révélation assez cool et le projet descend en dessous. Mais je vais pousser un peu ce texte parce que c'est assez bondé. Eh bien, peut-être qu'on le laissera. Ok, donc ça devrait être bon pour les 2 premiers projets. Et juste pour référence à ce 1er 1 est un projet professionnel. Dans cette prochaine, il y aura une étude de cas, et je vais examiner les moyens de les exposer. Celui-ci, mon ami, ne peut pas tout montrer parce que certains n'ont pas encore été libérés. Donc je vais parler de la façon dont orteil explique quel est son rôle là, , et pour celui-ci, celui-ci est une étude de cas plus traditionnelle, et je vais passer par le processus complet de la façon dont cela est établi, et ainsi de suite pour la partie suivante. Donc nous devons faire glisser ces éléments dans une année peu bondée, alors faites glisser ça vers le bas. Si vous prévoyez d'utiliser des mèches, Si vous utilisez ce drag, il pousse en fait tous les éléments vers le bas. Donc, il est généralement préférable d'utiliser glisser qu'il ne l'est pour un clic et déplacer quelque chose. Donc, nous traçons ça. Devrais-je de tout va réellement supprimer cette couleur de fond aussi bien. En fait, je vais juste supprimer tout ça, d'accord ? Et donc je vais présenter trois projets ici, pour qu'on puisse copier et coller ça à nouveau. Non, allez-y et changez le fond de la bande pour cela. Ecoute, juste faire qu'une couleur est un espace réservé. C' est violet. Donc, je n'ajouterai pas ce projet pour cette classe juste parce que ce serait trop long. Mais je vais mettre en vedette trois projets ici et puis en dessous que ce que je vais faire vous est à un curseur. C' est un curseur ici pour d'autres travaux ? Parce que vous avez probablement plus de trois projets. Vous devriez vraiment viser orteil avoir, je dirais au moins cinq si vous avez des projets vraiment longs, que je n'encourage pas exactement. Mais s'il y a beaucoup de profondeur là-bas, vous pouvez vous en sortir avec moins que cela. Mais je viserais généralement comme, cinq projets solides s o. Je vais ajouter un curseur ici comme un diaporama juste pour que nous puissions montrer un peu de travail. Uh, ça a été fait, donc vous pouvez juste ajouter un curseur ici et prévisualiser ça Donc retournez à la fin de leur pas vous retourner à l'éditeur. Et ce que je fais ici est aussi étirer ça pour tromper parce que tout le reste sur le site est plein avec, hum et le rendre un peu plus grand. D' accord ? Et puis on va traîner ça. Je vais laisser un peu d'espace ici, en fait. Ok, donc juste du haut, on a notre présentation, et c'est ce que tu vas faire. Et puis nous avons notre premier projet. Vous devriez toujours mettre votre premier projet à votre travail professionnel à l'avant. Voici une étude de cas, et puis ici aura probablement 1/3 projet ou un autre projet professionnel. Cela dépend juste de combien de travail vous avez. Et là, ce que nous aurons, c'est, genre, d'autres travaux, parce que nous avons trois projets en vedette. Mais il y a probablement plus que ça. Donc, nous pouvons ajouter les gens ajouter la rubrique 3 sera assez percutante avec elle. Et donc si vous remontez au sommet, vous remarquerez qu'en fait, mon ami construit de minuscules meubles. , En fait, c'est assez intéressant, et elle est plutôt douée. Sur DSO, nous allons en fait inclure cela dans leur portefeuille. C' est donc ce que ce petit diaporama du bas sera dédié. Teoh, je ne vais pas changer beaucoup ici, mais on peut changer ces diapositives, et ce que je vais faire ici, c'est juste télécharger des images de ses petites maisons. C' est comme si un petit ami partageait de minuscules maisons. Et non, ce n' est pas nécessairement lié à son travail de jour, mais c'est une chose assez intéressante qui montre l'artisanat et la personnalité et un autre aspect. Donc, j'encourage tout le monde à mettre comme une sorte de projet secondaire ou un projet comme la passion là-dedans qui n'a pas besoin d'être lié aux produits numériques, alors sentez-vous vraiment OK pour le faire. Ça aide aussi ta personnalité à définir qui tu es, euh, mais je vais charger ces images et je garderai celle-là un espace réservé pour l'instant. Mais juste maintenant que lorsque vous voyez le produit final, c'est pourquoi. Ajouté cela, Et donc pour le pied de page, c'est assez standard. Le modèle que vous avez choisi peut avoir cette disposition pour vous. Eh bien, euh, mais c'est toujours juste bon. Teoh, peut-être mettre comme des contacts sociaux en bas des préréglages pour ça et toi. Ce que vous faites est de lier chacun de ces Teoh vos comptes sociaux, et cela aide également avec Seo afin qu'il soit plus facile pour les moteurs de recherche de vous trouver si tout est lié ici. Et j'aime toujours ajouter, hum, quelques boutons qui mènent Teoh à d'autres endroits sur le site. Donc tu as attrapé ce bouton. C' est le même. J' ai déménagé, euh, la même chose quand j'ai utilisé dans la barre de menus. Ne changez pas le texte ici et nous pouvons juste le faire contacter. Et donc ce que ça va faire, c'est juste s'ils sont au bas de cette page, ils savent toujours où vous trouver. Vous pouvez également mettre ceci est CV ou quelque chose sur ces lignes, ou même avoir, comme, une navigation vers d'autres projets. Mais c'est un pari assez sûr pour un pied ou un design et encore pour la version finale. Je ne le ferai pas ici, mais je vais sortir et remplir ceci avec d'autres travaux juste pour montrer un exemple de cela pour le site final. Et cela aura aussi une petite image de meubles dans laquelle nous n'allons pas entrer en ce moment, donc c'est à peu près tout pour ce que va être notre page d'accueil. Et encore une fois, votre page de travail est votre page d'accueil. On va devoir changer ça. J' aime bien, mais vous avez votre présentation. Vous avez votre premier projet, et vous pouvez soit disposer ceci dans une grille ou une sorte d'image horizontale comme ce second projet. Troisièmement, j'aime présenter 2 à 3 projets, puis vous pouvez avoir d'autres travaux aménagés. Cependant, vous semblez en forme, mais nous retournerons vers le rédacteur en chef vers le bas, et je vais avancer rapidement une partie de cela juste pour faire quelques choses de ménage. Et si vous remarquez de légères différences dans la version finale, c'est juste parce que j'avais édité certaines choses à un moment donné de toute façon. Donc rien de drastique là-bas si quelque chose est un peu différent. 8. Comment concevoir votre page à propos: Donc, ce que nous pouvons entrer maintenant, c'est en fait aller à notre page à propos, qui n'est pas encore lié à rien. Et je vais faire quelques modifications rapides sur ce menu aussi, et nous allons le faire rapidement. Alors allez-y et ajoutez une nouvelle page, et ce sera notre page à propos de la fermeture. C' est utile pour vous parce que l'en-tête sur le pied a déjà eu appartement plus. Donc, ce que nous allons faire ici, c'est juste ajouter quelques informations sur vous-même ou Shannon dans ce cas, le designer. Et si vous utilisez à nouveau un constructeur de site, il peut être utile de regarder autour de vous et de voir s'il y a quelque chose que vous pouvez utiliser ici. Il ne sert à rien de redessiner la roue. Si quelque chose fonctionne déjà assez bien, j'aime bien celui-là. Je pense que celui-là est plutôt cool. C' est celui que j'utilise et va certainement changer ce texte ici pour correspondre à notre thème. Donc, dans les pages, généralement vous pouvez avoir une explication plus longue de ce que vous êtes, ce que vous dio c'est juste pour l'interprétation. Là. Quoi que vous voulez mettre, j'aime avoir un bouton très évident eux pour un CV. Parce que les gens vont vouloir ça. Teoh. Si ton travail est bon, ils voudront voir ton CV. Et c'est bon de me garder à propos de Paige et de le garder assez évident. Et je vais faire leur test un peu aussi. Et c'est à vous de décider combien d'informations vous voulez donner sur vous-même ici aussi. Je ne donnerais pas d'adresse postale exacte pour ne pas rendre ça trop facile à trouver. Je ne donnerais pas d'adresse postale exacte pour ne pas rendre ça trop facile à Mais je pense que c'est correct de dire où vous vivez et peut-être raconter un peu de votre histoire ici. dire C' est tout aussi un peu plus d'intérêt pour votre travail met un visage derrière elle. Donc c'est bon d'avoir quelques informations ici, mais encore une fois, mais encore une fois, ne vous laissez pas jeter votre sécurité sociale ou quelque chose comme ça. Mais le designer qui fait ce quatrième, en fait du Delaware mais est allé à l'école et travaille maintenant à Atlanta. Euh, donc quel genre de faire de ça un aspect d'elle aussi à propos de Page. Si je peux épeler Atlanta correctement, il va en fait l'utiliser différemment dans les manières 40 en direction peut-être ainsi. C' est à peu près la formule utilisée pour les pages, vous pouvez ajouter n'importe quel intérêt visuel ici que vous voulez aussi. Pour celui-là, je vais ajouter comme une image de l'état. Pour celui-là, C' est une bonne ou sur la page et puis juste obtenu Stella Rare icône. Et nous ne laisserons pas ça aussi grand et nous allons le renvoyer. Et pour rester en ligne avec d'autres animations sur cette page, je vais faire le Clyde et juste un peu. Tu vois comment ça marche ? Ils ne vont généralement pas au-dessus avec des animations. J' aime coller orteil une animation comme je n'utilise que le glissement ici. Je n'aime pas mélanger plusieurs animations. D' habitude, c'est assez fou. Andan, vous pouvez mettre à jour. Bien sûr, je vais mettre à jour cette image avant que le site ne soit réellement en ligne. Mais aussi ajouter. Et c'est un formulaire de contact très important. Vous pouvez choisir parmi n'importe quelle forme pré-fabriquée comme vous le souhaitez. C' est très utile d'en avoir un. Tu en as vraiment besoin. Donc vous prenez juste une sorte de victoire générique et je vais minimiser ce jeu avec une taille un peu. Alors ce que je vais faire, c'est aller de l'avant ici et le modifier et m'assurer que c'est notre thème. Mais j'irai vite pour cette partie. Ok, maintenant que c'est réparé. Donc, encore une fois, la partie principale de ceci est que vous pouvez avoir une image de vous-même. N' hésitez pas à le faire parce que les gens vont vous chercher comme alors. Quoi qu'il en soit, euh, avoir un lien vers votre CV, et ce que vous pouvez faire est juste de transformer cela en un téléchargement rapide PDF pour quelqu'un d'attraper très important à inclure ici. Tu peux te sentir libre de raconter autant de tes histoires que tu veux. Je pense que c'est assez intéressant si cette partie est assez longue. C' est définitivement à vous de décider. Et assurez-vous juste qu'il y a aussi un formulaire de contact parce que, croyez-le ou non, les gens vont réellement vous contacter à travers ceux-ci. Je reçois certainement quelques messages sur les miens chaque semaine, alors assurez-vous d'avoir une sorte de formulaire de contact. Et juste au cas où vous ne vouliez pas mettre comme votre numéro de téléphone ou des choses comme ça sur votre CV, quelqu'un a un endroit facile pour vous joindre ici. C' est à propos de ça. Pour notre, euh, sur Page pensera. Regardez-le encore. Je pense que c'est bon pour la plupart du temps, alors on va retourner à l'éditeur. Et puis ce que nous pouvons faire est juste de s'assurer qu'ils utilisent réellement liés à tout. Et encore une fois, ce sera très et quel que soit le constructeur de site utilisant. Mais si vous utilisez Wicks, c' est assez facile de le faire pour que vous puissiez simplement entrer et lier chacun d'entre eux à la page et nous ferons la même chose avec le contact. Mais ici, le bouton de contact sera effectivement lié à la page à propos, ce qui est très bien, si joli que revenir à nouveau à notre page de travail. 9. Comment gérer le travail Pro que vous ne pouvez pas être présenté: Mais maintenant, nous pouvons nous renseigner sur la façon dont nous allons présenter une partie de ce travail. La première chose que nous allons faire est de créer une page de projet pour cette expérience professionnelle. Et dans ce cas, on ne peut pas montrer une tonne de ce que Shannon a fait pour un projet. Donc je vais vous expliquer comment vous pourriez contourner ce Sobel qui vient d'amener Adam votre page ici, et ensuite on appellera ce bourdonnement. C' est les produits du projet sur lesquels elle travaille. Tellement fait. Donc la première chose que je vais vouloir faire pour ça, c'est avoir une photo de beauté de ce qu' est le produit . Donc, chaque projet dont vous avez besoin pour commencer par un coup de beauté. Donc ce qu'on peut faire ici, c'est juste faire une annonce et on peut à une bande et ce que ça va être. Donc, nous allons juste devenir comme une bande d'images régulière. Nous prendrons celui-ci, et nous le rendrons beaucoup plus grand. Et le but de ceci est que vous voulez que ce soit un coup de beauté de votre projet. Je pose chaque idée de projet comme ça. Donc, pour celui-ci va changer l'arrière-plan et nous allons utiliser civil grab un ici et c'est en fait juste comme une image marketing générique pour le produit sur lequel elle travaille, et nous allons changer la couleur de fond aussi bien. Teoh les mêmes calories à l'avant. Donc, je conseille à tout le monde de commencer par une sorte d'image de beauté. Et encore une fois, nous ne pouvons pas montrer les détails jamais travailler ici, Mais nous pouvons montrer ce genre de marketing générique de celui-ci et ensuite expliquer le produit et son rôle plus tard dit. Nous allons aller de l'avant et ajouter une autre section ici donc généralement aiment garder le texte un peu plus serré, puis l'équilibre du site. Généralement, vous voulez que tout, chaque élément de contenu soit dans ce genre de directives ici à gauche et droite, mais en fait, comme le texte soit un peu plus proche que cela. Donc, ce que vous pouvez faire est en fait activer les lignes de grille et quel que soit le produit que vous fabriquez. Donc nous allons allumer les règles et venir à propos de Vous pouvez avoir raison environ 200 donc juste un rapide maintenant, Um, J' Um, aime les pages de projet de mise en page des orteils à la main. Je n'aime pas vraiment utiliser des modèles pour cela, mais si vous trouvez que le modèle que vous utilisez a une très bonne page de projet. N' hésitez pas à l'utiliser ou à faire quelque chose comme je le fais ici. Je garde tout assez simple sur la page du projet. Je n'aime pas utiliser une tonne d'animations ou quelque chose comme ça, et je me demande pourquoi dans une minute vous ne voulez pas que ça soit mis en italique. Donc, ce que j'aime à Dio est en quelque sorte de rendre le titre du projet assez clair. Je décompose les choses en et j' aime trois colonnes essentiellement, toujours que les orteils ont laissé une ligne et garder le texte important tout seul. Et puis aimez-vous un blurb de texte ici si nous en avons besoin. Alors gardez le titre de votre projet assez évident dans la gauche, puis vous pouvez mettre une sorte de texte descriptif à droite, et je vais en fait utiliser ces manuels pour mesurer ici. Je vais avancer rapidement ce peu. Donc, dans le cas de Shannon, avec ce projet, elle a fait beaucoup de travail. Mais elle n'est là que depuis environ deux ans, donc elle ne peut pas montrer une tonne de ce qu'elle a fait parce qu'une partie n'a pas été publiée, ou une partie a été utilisée pour des présentations de feuille de route et des choses de cette nature. Donc, ce qu'on peut faire ici, c'est juste parler de son rôle dans l'équipe. Et ce que j'aime faire est juste expliqué que vous ne pouvez pas entrer dans les détails sur les choses, mais donner aux gens le contexte du travail. est pas parce que vous ne pouvez pas leur montrer exactement ce que vous avez fait que vous ne pouvez pas leur expliquer le type de chose sur laquelle vous travaillez. L' un de mes plus grands animaux de compagnie est quand les gens juste complètement mot de passe protéger quelque chose que je reçois que vous ne pouvez pas partager exactement ce que votre travail est. Mais avec la pire et la plus frustrante chose à faire, c'est juste de mettre, genre, une image de beauté, me rendre vraiment excité à propos de quoi, ce que sera le travail. Je clique dessus et puis il dit juste mot de passe protégé comme c'est comme, Pourquoi ? Pourquoi même le mettre là ? Je veux dire, je sais que les gens le mettent là juste pour prouver qu'ils ont une expérience professionnelle, mais au moins comme me donner un peu de contexte de ce que c'est parce que la chose avec les projets, comme tout le monde a été dans la situation où ils savent un portefeuille Donc, les gens qui interviewentun portefeuillecomprennent que, hum, hum et si vous travailliez pour une plus grande entreprise, c'est aussi très utile parce qu'ils ont généralement du marketing. Et ils ont du marketing. Euh, ils ont, genre, du contenu marketing qu'ils ont déjà créé pour beaucoup de choses, donc vous pouvez généralement brancher ce truc dans le bourdonnement. Par exemple, le produit sur lequel Shannon travaille a une vidéo YouTube, et ce que nous pouvons dio est en fait lié cette vidéo ici et ce qui va à Dio a juste permis à quelqu'un de comprendre le contexte de votre travail. Ça prendra une seconde et vivra là, et donc en haut, vous avez le nom du projet. Voici une description du rôle de Shannon. Vous ne pouvez pas entrer dans les détails sur tout ce que vous ressentez design, mais une vidéo pour lui donner un contexte. Tu pourrais le faire d'autres façons aussi. Je préfère ne pas trop travailler toi-même. Ça ne sert à rien de faire du travail professionnel , alors expliquez juste que vous ne pouvez pas tout montrer. Je ne conseille certainement pas aux gens de montrer des choses, et ensuite nous allons ajouter un autre morceau ici, et ce que je fais est juste copier et coller ce texte. Ok, donc quelque chose comme ça va se passer. Donc, j'aime habituellement orteil ont deux ou trois méthodes sur la façon d'afficher du texte. Une sorte de bloc de texte plus petit qui me permet, genre,de mettre un écran ici ou juste une sorte d'article traditionnel mis en place ou d'avoir un titre et ensuite du texte ici. Une sorte de bloc de texte plus petit qui me permet, genre, mettre un écran ici ou juste une sorte d'article traditionnel mis en place ou d'avoir un titre J' aime pouvoir utiliser les deux, mais ce que vous entendrez, c'est en fait parler un peu plus sur les spécificités du travail, et je ne veux pas dire que les détails sont en disant exactement ce qui a été fait ou ce qui se passait, mais juste comme, essentiellement la pièce sur votre CV, Hum, et parler de quoi ? Votre rôle dans la société Waas, ce que vous avez fait dans votre quotidien comme la vie là-bas a travaillé arrogance. Mais juste pour donner un peu de contexte sur ce qui se passe parce que si vous pouvez imaginer si nous revenons arrière, nous retournerons à notre page de travail. Vous voyez cette expérience d'atterrissage ? Il a grandi sur ce projet. Tu as tout ça ici. Tu vois quelque chose ? Vous êtes plutôt excité par ce que le projet est. Et si vous avez cliqué dessus et qu'il est allé à mot de passe protéger comme et juste une sorte de vous éteindre . C' est une énorme défaite. Je veux dire, vous ne montrez même pas de taquinerie ou quoi que ce soit. Donc si vous ne pouvez pas, si vous avez des choses qui sont protectrices que l'Inde, s'il vous plaît, s' il vous plaît, juste, comme trouver un moyen de montrer un contexte de ce que vous avez fait. Ce n'est pas forcément la chose exacte, mais c'est utile pour vous au moins montrer quelque chose et nous devrons le connecter, mais dans un peu. Mais on va y aller et juste cette page battage médiatique. Et pour ce projet, c'est en fait tout ce que je vais faire. Mais simplement utiliser, comme une image marketing du produit et une vidéo marketing donne déjà une assez bonne quantité de contexte sur ce qu'elle fait dans une règle professionnelle. Et puis la dernière chose à ajouter et j'aime ajouter ceci à chaque page est en fait une bande de galerie pour d'autres travaux, et vous pouvez sélectionner n'importe quel type de bande ou de galerie comme, hum, juste la galerie professionnelle traditionnelle. C' est bon, et sans deux ans, supprimez une partie de cela parce qu'elle n'aura pas vraiment autant de travail. C' est plutôt extrême. Six, c'est bien. Eh bien, dio, étirez ça et donc à la fin de chaque projet, j'ai toujours mis des options pour d'autres travaux. Et c'est juste si quelqu'un termine un projet, il est très facile pour eux de choisir quelque chose de nouveau. Hum, donc je peux les mettre à jour avec des projets dès qu'ils auront un placage et qu'ils seront publiés. Mais l'idée ici est que vous seriez capable de cliquer sur un nouveau projet à la fin de chaque page de projet , et cela va juste garder les gens. Ça va permettre aux gens de passer facilement à travers votre travail, une bonne chose à mettre littéralement sur chaque page. Cela va faire glisser ça un peu. Et encore une fois, connectons cela à la page d'accueil et voyons à quoi il ressemble. Donc on va joindre ce bouton à cette page. Nous allons prévisualiser. Ok, donc maintenant quand on me clique sur un projet, on te laisse tomber là-dedans. Nous avons le nom du projet, une description du rôle, un contexte du produit sur lequel elle travaille, puis une description plus détaillée du rôle. Et les gens vont comprendre que vous ne pouvez pas montrer exactement ce que vous faites. Vous pouvez aussi expliquer que tout le monde a ça. Mais alors ils ont un lien rapide vers d'autres travaux qu'ils peuvent rapidement sélectionner ici. Donc ils ne sont pas seulement suspendus, alors s'il vous plaît ne laissez pas les gens traîner avec ça. Um, ce genre de travail. 10. Comment créer une page d'étude de cas: Ok, donc maintenant pour le projet, c'est plutôt une étude de cas. Donc c'est probablement un peu plus possible si vous avez, genre, un projet scolaire, un projet scolaire, n'importe quel genre d'études de cas comme ça. Juste quelque chose que tu n'as pas fait pour de l'argent. Fondamentalement, euh et c'est celui avec qui je vais passer tout le processus. Donc, ce que nous pouvons dio est en fait juste aller et répliquer cette première page de projet. Donc tu dupliques juste et comme ça, tout va être arrangé. La même chose du nom de ce projet est récoltée. Alors allez-y et créez cette page. Et ce qu'on va faire, c'est juste changer ce plan de beauté. Et encore une fois, nous commencerons par le coup de beauté. Donc, je vais juste aller dans ce dossier et sélectionner les images d'en-tête. Et puis nous allons également changer la couleur de la page et ensuite je vais aller de l'avant et commencer à mettre à jour cette information ici et quand c'est un produit qui, comme les gens ne sont pas familiers comme une étude de cas, j'aime ajouter un simple, descripteur simple de ce qu'il est, juste en dessous du nom. Donc, ce produit est en fait une communication entre les agriculteurs et les banques alimentaires parce que les agriculteurs jettent en fait des tonnes de nourriture qu'ils pourraient effectivement donner. Hum, donc je vous aime ajouter quelque chose de simple là à expliquer, comme ce qui se passait et encore à droite, Aussi une description de ce que le projet est. Donc, je vais vraiment tirer ça vers le haut. Non, incluez ça pour tout le monde. Laisse-moi le traîner partout. Inclure ceci pour tout le monde. Mais j'ai une page de mise en page de projet pour chacun de ces projets. C' est une sorte de formule que j'aime suivre, et il est très utile de le remplir à l'avance. Ça vous fera gagner beaucoup de temps parce que ça prend beaucoup de temps. J' essaye juste de taper ces informations au fur et à mesure que vous allez. Mais cela vous aidera également à remplir et à disposer une page comme celle-ci. Donc, je vais ajouter ceci et la description pour tout le monde. Mais juste pour que tu saches, je ne traîne pas et laisse tomber tout ça à l'avance. Il a été placé et en quelque sorte disposé et encore à droite. Nous avons une partie de cette description. Donc, une explication du projet et du problème ici et vous pouvez également inclure n'importe quel type d'information de coéquipier comme votre rôle dans l'équipe pour la plupart des études de cas. Tu as probablement tout fait par tes propres moyens. Tant que vous expliquez que c'est une année d'étude de cas, comme Quick Research Project, c'est assez évident. Donc, la prochaine chose pour ce projet sera en quelque sorte d'expliquer le fondement du problème . Et pour ce faire, je vais avancer rapidement quelques dessins. Et la première chose que je vais à dio est en fait de placer quelques recherches ici. Certains aiment les statistiques qui ont été faites pour aider à découvrir le problème au départ. Ok, donc c'est juste une façon de présenter une partie de la recherche initiale qui a été faite pour ce projet. Je ne l'ai pas en ce moment, mais je vais probablement ajouter un lien vers l'endroit où cetterecherche vient toujours utile. Je ne l'ai pas en ce moment, mais je vais probablement ajouter un lien vers l'endroit où cette mais je vais probablement ajouter un lien vers l'endroit où cetterecherche vient toujours utile. Teoh sight Vos sources ici ajoutent de la crédibilité aux études de cas, mais donnent aussi du respect à quiconque a fait la recherche parce que veulent certainement donner du respect , donner du respect. Voulez-vous Oh, vous savez, vous savez, assurez-vous que tout le monde a le droit de son propre travail. Donc définitivement, lâchez toujours un lien pour citer la recherche. Fait ici. Qu' est-ce qui va traiter de cela aussi ? Aussi une sorte de faire un glissement dans l'animation avec elle aussi bien. Alors prévisualisez ceci. Ok, donc nous avons notre image de beauté. Nous avons un nom simple et la description du projet. Et encore une fois, normalement, rouleaux seraient inclus ici, en fonction du projet, puis une description super succincte de ce qu'il est. Et j'aime montrer n'importe quelle recherche, de nouvelles choses miracles de cette façon. C' est beaucoup plus engageant de le faire que de le mettre comme un gros manuel. Donc, j'encourage tout le monde que si vous avez des données comme celle-ci, pensez à une manière comme celle-ci, vous pouvez vous sentir libre d'utiliser cette méthode pour l'afficher. Mais c'est juste une meilleure façon orteil. Puis-je expliquer le fondement du problème ? Parce que c'est ce qu'on fait ici dans cette première étape que tout ici va juste expliquer ce qu'on a fait pour découvrir le problème. Et puis j'ajouterai une autre section à cela aussi, pour juste compléter certaines de ces recherches qui ont eu lieu. Et je vais avancer rapidement cela aussi bien donc encore ici, il est utile d'avoir, comme mèches et squarespace fournissant des icônes et des choses que vous pouvez utiliser. Hum, donc à n'importe quelle occasion, vous pouvez utiliser l'effet de levier que je l'encourage. Um, c'est juste gratuit ici pour l'utiliser pour les gens, donc définitivement, certainement tirer parti de ça. Ok, donc maintenant qu'on a fait cette partie, je vais en fait ajouter un léger fondu dans l'animation. Je ne veux pas que tout ce qui se trouve sur la page soit toujours content, est-ce pas ? Nécessairement. Mais je veux que ce genre d'orteil infographique ait un meilleur genre d'animation pour le rendre un peu plus intéressant. Et encore une fois, ces télécopies de base qui décrivent vraiment le problème. Et c'est ce que toute cette première section est dédiée. Teoh est le processus de découverte du problème. Donc, je suis en quelque sorte tombé sur ce qui était dans ce document et combien de temps les choses se sont éteintes. Et nous avons un autre aspect. Teoh ajoute à la première partie de ce processus, et c'est une analyse du système et des intervenants qui a été faite. Certains simplement copier et coller sur ce texte sur. Et ce sera la dernière partie de cette phase de découverte semblable essentiellement à la base du processus. C' est comme ça que j'aime l'appeler. Donc, vous pouvez faire défiler ceci et copier et coller ceci à partir de ce document et ce que nous pourrions Dio est d'ajouter une image de ceci. C' est donc une sorte de service dans le diagramme des parties prenantes. Cela a été fait dans le cadre de ce projet, et beaucoup de travail y est allé. Et c'était en fait basé sur une journée passée avec, hum, passé avec les utilisateurs. Donc avec un fermier, le distributeur, et ensuite nourrir les gens affamés dans une banque alimentaire. Donc, il y a beaucoup de profondeur qui est allé là-dedans. Hum, donc on va dio une partie du texte est en fait assez petite dans ce diagramme. Donc ce qu'on peut faire, c'est régler ce Teoh. Lorsque vous cliquez dessus, il zoomera. Donc, lorsque vous cliquez sur, vous pouvez dio il pourrait être agrandie. Et si vous avez un grand diagramme comme celui-ci, , encouragez les gens. Teoh a toujours la fonctionnalité Zuman au cas où les gens veulent zoomer et lire certains des trucs qu'il contient. Um, toujours utile, toucher utile. C' est apprécié à coup sûr, mais nous allons nous envoyer une houle, et ce n'est qu'une note rapide sur ce genre de processus de recherche. Au début, il y avait une tonne de choses qui étaient incluses dans ce système et l'analyse des intervenants. Il y a eu un tas de critiques. Il y avait un tas de citations. Il y a eu des entrevues avec les utilisateurs. Il y avait des visites sur place. Mais pour ce projet, le point culminant et le résultat de tout cela est en fait ce diagramme. Donc il y a plus de contenu à mettre ici, mais parce que nous devons être conscients de la durée du projet, juste avoir ceci et une sorte de ah, descripteur général de ce que c'est une meilleure utilisation de cet espace. Parce que si nous avons vraiment soufflé et si vous pouvez imaginer que chacune de ces étapes aurait des images, des citations et des choses de cette nature, ce serait un projet super long. Mais encore une fois, tout le point ici est de montrer le point culminant du processus, pas l'ensemble du processus. Sur la bonne chose à propos d'avoir tout ce genre de choses à gauche est que si vous obtenez dans un cadre d' entrevue, vous avez beaucoup plus que vous pouvez montrer ici et puis semble toujours bon orteil ont, comme votre portefeuille face à l'avant et puis avoir des choses que si vous en avez besoin, vous pouvez souffler dans une présentation complète sur votre processus. Encore une fois, ce n'est qu'un point culminant ici, mais il fait un très bon travail de décrire tous ces éléments émouvants qui ont fait l'objet de beaucoup de recherches. 11. Déclarez votre problème: et j'aime généralement faire de cela une déclaration assez audacieuse dans punchy. J' aime mettre le problème à un moment donné sur la page et ce que nous résolvons pour assez évident plusieurs Tiu. En fait, c'est bien. Nous allons rester avec la taille et puis je vais prendre un de mes problèmes Déclarations de ce document et bien rythmé cela dans. En fait éditer ce texte juste un cheveu. On le ramènera à 40. Génial. Et puis je vais mettre en évidence quelques éléments importants dans cette déclaration que nos solutions vont directement vous concerner. Non. Ok, donc encore une fois, c'est comme le résultat et le résultat de donc encore une fois, c'est comme le résultat et le résultat de toutes ces recherches, il y a eu une tonne de plus de recherches qui ont réellement eu lieu et le contexte d'un tas d'images, toutes ces recherches, il y a eu une tonne de plus de recherches qui ont réellement eu lieu et le contexte d'un tas d'images, un tas de citations et beaucoup d'autres choses que nous aurions pu écrire ici. Mais encore une fois, il s' agit des faits saillants et d'arriver à ce point d'une manière assez concise. Il ne s'agit pas d'orthographier chacun et tout ce qui a été fait sur ce projet sur beaucoup de choses après cela va être basé sur la solution. Alors allez-y et commencez à entrer dans la maison. Vraiment si mal dehors 12. Comment afficher votre solution: et encore une fois je vais copier et coller miss over, et peu importe que vous voulez commencer à jeter, la solution est à nouveau disponible pour l'interprétation. J' aime commencer avec tous les éléments de marque qui ont été créés avant de vraiment entrer dans, comme, cette solution et les principaux aspects du design. Donc, ajoutez comme un rapide résumé de la marque pour le produit. Ok, donc maintenant nous avons une explication rapide de ce que la marque est en quelque sorte en avant, certaines couleurs et les écrans aussi. Et la prochaine chose que j'aime faire est juste d'avoir, comme, une caractéristique clé, une caractéristique clé assez concise Call out parce qu'ils sont généralement comme de commencer par une sorte de photo de beauté statique de la page principale, puis ajouter quelques explication de ce qui se passe à l'écran. Donc, ce que nous pouvons faire est juste sondage tirer ce texte d'apparaître alors j'aime généralement raconter ce que j'appelle avec ces éléments vers les points de pincement d'un haut, juste pour qu'il soit très clair, Um, Um, ce que c'est que nous mettons pourquoi nous abordons les choses que nous avons abordées dans la conception et je trouve mettre à jour ce texte. Ok, donc ce que je fais habituellement est juste de mettre quelques descripteurs rapides de certains des éléments principaux sur la page et juste des fonctionnalités clés à nouveau de cette page d'accueil. Et puis nous pouvons descendre et ils aiment généralement, pour cette étape suivante, généralement choisir trois autres fonctionnalités principales de l'application, puis mettre en évidence celles individuellement. J' aime faire cela avec ce texte sur la droite, puis l'image sur la gauche, Donc une copie et coller cela vers le bas. Et la première chose que je veux discuter est une sorte de l'embarquement, et cela varie. Ce qui se passera après, comme une description de fonctionnalité clé, hum, garder assez unique au projet et unique sur, comme, la solution, par exemple, sur l'embarquement n' est pas unique ici, mais le ah sur l'embarquement est unique, mais sur l'embarquement n'est normalement pas comme quelque chose qui doit être unique. Le processus d'embarquement comprend en fait beaucoup d'informations fournies par les distributeurs, ce qui est un aspect assez cool. Et certaines choses que nous avons remarqué que nous sommes un point de pincement. Donc, c'est pourquoi je suis inclus une longue histoire courte juste assurez-vous que vous incluez des choses qui air solution unique et intéressante. Comme une page de connexion est intéressante, c'est nécessaire , mais ce n'estpas quelque chose que vous voudriez mettre en évidence pour qu'on puisse en prévisualiser très rapidement. Comme une page de connexion est intéressante, c'est nécessaire , , mais ce n'est D' accord. J' aime généralement utiliser des cadeaux dans ces situations. Ça aide juste à expliquer Mawr ce qui se passe. Vous n'avez pas à le mettre, mais en général, ça va vous faire économiser de l'espace parce que je peux mettre quelques écrans et un cadeau. Je n'ai pas besoin de trois écrans pour expliquer ce qui est important dans l'embarquement. Je n'ai pas besoin de trois écrans pour expliquer ce qui est important dans l'embarquement. Um, ça pourrait s'en aller. Je pourrais faire une autre vidéo plus tard sur la façon de créer des cadeaux comme ça, eh bien, euh, dites-moi si quelqu'un serait intéressé par ça. C' est un peu plus facile que ce que tu penses. Et donc je répète ce processus, hum, pour généralement environ trois sections principales de la solution. Donc tu contractions cette ville, et j'aime le remplaçant à gauche et à droite de la page. Juste pour que ce ne soit pas toujours aussi prévisible sur l'endroit où les choses vont être, mais encore une fois, je vais le faire et sorte de répétition des faits saillants de ce qui est ce que la solution est. Mais j'irai vite ici. Ok, donc maintenant que les principales caractéristiques d'une solution ou disposée, nous avons les principaux domaines mis en évidence ici avec quelques descripteurs. Et encore une fois, cela est destiné à moi les points forts de la solution et les parties uniques à ce sujet. Je ne ressens pas le besoin d'entrer dans les détails de chaque écran que vous avez conçu. Vous pouvez enregistrer cela à nouveau pour l'interview, mais vous voulez juste que quelqu'un puisse faire défiler et comprendre les principales caractéristiques et le genre de ce qui se passe. 13. Comment mettre un projet: Et donc, pour chaque projet, il devrait y avoir un aspect des tests qui ont eu lieu. D' habitude, j'aime. Pour les études de cas, laissez que , pour la fin, je ne veux pas dire que les tests n'ont jamais eu lieu. Je veux dire en ce sens qu'il est bon de terminer par des commentaires ou des choses que vous avez apprises. Hum donc pour ce projet va en quelque sorte compléter ça avec, genre, une section de test qui a été faite. Les projets professionnels vont être un peu différents à cet égard, et c'est juste parce que, général, il y a beaucoup plus de tests qui auraient eu lieu et un produit professionnel pour que vous puissiez parler de c'est plus. Mais c'est toujours la même chose dans le sens où cela devrait être juste les points forts des tests . Mais celui-là, on va compléter avec des tests et une sorte de ce qui a été appris de ça. Et les tests ont été faits avec le même groupe avec lequel une partie de la recherche initiale a été faite. Donc, nous allons ajouter quelques images ici pour le contexte pour cela. Donc pour ça, il y avait en fait une vidéo de tests sur, et c'est ce que nous allons déposer ici si vous avez quelque chose comme ça. Je pense qu'il est toujours bon d'inclure au moins une sorte d'imagerie vidéo de vos tests, parce que encore une fois, si c'est comme une étude de cas ou un projet scolaire, il n'y a aucune preuve que vous l'avez réellement fait. Et il a juste une bonne validation pour celui qui regarde votre portfolio que vous avez fait. En fait, faites de la recherche ou pas juste comme l'inventer. Sélectionnez Lee Avec ce projet, nous avons une sorte de vidéo de test cool. Et encore une fois, si vous avez quelque chose comme ça, certainement toujours encouragé à l'inclure. C' est un combat politique très rapide. Assurez-vous que ce soit tous les Américains. Ok, donc, voici un super aperçu de certaines des recherches qui ont été faites et des tests après le fait. Donc, juste comme une belle touche, une vidéo cool, ont à coup sûr. Et puis la façon dont j'aime compléter chaque projet, peu importe l'école professionnelle ou l'étude de cas, c'est avec une sorte de résultats et de réflexion. C' est très, très important de pour votre projet deparler de la façon dont il s'est passé et de ce que vous alliez améliorer, ce que vous feriez différemment, des choses comme ça. C' est aussi très intéressant pour Teoh de discuter des échecs ici. Vous pouvez faire plus d'un paragraphe. Je vais juste garder le seul paragraphe pour ça, mais c'est très intéressant d'entendre si vous avez échoué. Comment as-tu échoué ? Qu' avez-vous appris des résultats des tests ? Si quelque chose s'est mal passé, eso certainement inclure certains résultats dans la réflexion sur Soyez honnête, aussi, parce que tout le monde sait que les projets ne vont pas toujours parfaitement. Alors parle de ce qui s'est mal passé. Ça te donne l'air plus humain et te rend aussi honnête, ce qui est toujours bon pour un portfolio. Et puis, en fait, la dernière chose que je vais ajouter ici est l'autre section de travail de notre dernier projet. Donc je vais juste passer à ça. Et à quelle vitesse pour ça. Ok, maintenant que cette autre section de travail est dans et encore, juste un rappel que je vais remplir ceci avec d'autres projets avant que ce site soit publié, mais toujours bon de compléter la page du projet avec cela. Et donc il est en fait revenir à la page d'accueil et votre avis rapide 14. Récap: Donc, ici, nous avons une description d'introduction du nom parler de qui vous êtes et ce que vous faites. Nous avons encore notre premier projet. Si vous avez du travail professionnel, assurez-vous que c'est votre 1er et premier truc. Nous pouvons cliquer dans la vue de ce projet maintenant. Donc, nous avons notre image de beauté juste ici en haut nom, description du produit et encore, ne peut pas vraiment montrer quoi que ce soit parce que certains de cela fonctionne sous un Indy. R. Donc juste contexte sur ce qu'est le travail et ensuite explication du rôle de l'entreprise. Autre travail pour le curseur. Revenez en arrière un excellent me vérifier double pour vous assurer que ce bouton est connecté et je vais mettre à jour ce Texas Well, il n'est pas connecté. Eh bien, le gars n'a pas fait ça très vite. Et juste une petite note sur le nom ici. Teoh. D' habitude, je ne le laisse pas comme un nom. J' aime ajouter une sorte de descripteur Teoh. C' est parce que la route n'est pas vraiment hyper descriptive. Hum, et c'est bon d'avoir une explication de ce qu'il faut faire ça juste à côté. De plus, voir le projet, et encore une fois nous obtenons ce coup de beauté. Laissez-moi faire défiler pour obtenir le nom, la description. Et puis nous avons notre recherche fondamentale ici. Une partie de l'information qui a été recueillie au début, une grande analyse des intervenants effectuée ici. Vous pouvez voir un homme, et ensuite ce genre de choses se retrouvent comme les points de pincement et le genre de gros problème que nous avons eu de la recherche au début. Les faits saillants. Et puis nous allons dans notre solution fonctionnalités clés que nous connaissons ici, un cri principal, puis trois fonctionnalités qui sont assez importantes pour notre solution, puis des descriptions à gauche et à droite de ceux-ci. Et enfin, j'aime toujours compléter avec une sorte de tests ou de commentaires. Hum, maintenant c'est très bien fait ici avec cette vidéo et les résultats en réflexion. Et juste pour que nous regardions, il s' agit probablement d'un projet de longueur moyenne qui, je pense, est plutôt bon à viser. Toujours commencer avec le coup de beauté a un rappel. Description rapide en haut, puis faits saillants de votre processus. C' est la plus grosse chose ici. Nous avons les points saillants de la recherche effectuée au début, puis nous avons les points saillants de notre solution. Et puis à la fin, nous avons une réflexion, puis des liens vers d'autres travaux. Et ce que je vais faire, c'est que je vais littéralement copier et coller cet écran exact pour tous les autres projets que j'ajoute. Donc, si vous avez besoin de Teoh, allez voir ce site web en direct après que ce soit fait et vous pourrez voir tous les autres projets ont été mis en place comme ça. Et la dernière chose à examiner est la page à propos. Et encore une fois, je vais mettre à jour ceci avec une image de la de Shannon et juste une sorte d' informations intéressantes ici. Un lien vers un CV et une page de contact à nouveau. Vous n'avez pas besoin d'avoir toutes vos informations sur votre CV si vous ne voulez pas que les gens Reina puissent vous traquer. Il est donc bon d'avoir ce formulaire de contact. Uh, juste si quelqu'un a besoin d'entrer en contact, mais ça se termine pour ce cours et je vais commencer à travailler pour finir ces portefeuilles juste pour que tout le monde l'ait pour référence. Merci de rester à l'écoute. Tout le monde 15. Fin: Ok, donc ça s'enroule pour ce cours. Je vais mettre le site web. Earl, dans la description. Il y a d'autres projets que je n'ai pas inclus dans la vidéo. Cela pourrait être une bonne référence. Si vous vous posez des questions sur la façon d'organiser d'autres choses, il y a des flux d'utilisateurs, cadres métalliques, des choses de ce genre que j'ai exposées dans d'autres projets qui étaient plus importants dans le processus. Alors n'hésitez pas à vérifier cela si vous voulez une référence sur la façon dont j'ai posé autre chose. part ça, je suis excité de voir ce que vous faites, de commencer à rassembler votre portefeuille et de me savoir comment ça se passe. Mais merci de regarder.