So erstellen Sie ein UI/UX-Portfolio

1. Einführung: Hey, Leute, heute wird übergehen, wie man Aux ihr ich Portfolio kreiert. Ich werde einige Tipps und Tricks und Best Practices teilen, aber um mein Geld dort zu setzen, wo mein Mund tatsächlich veröffentlicht wird. Die Website, die ich in dieser Klasse erstellt und es hat sich auf besten folios dot com vorgestellt. Einer der Gründe, warum ich dieses Video mache, ist, dass ich bei der Rekrutierung und einigen meiner früheren Rollen geholfen habe, und ich habe gerade Tausende und Tausende von Portfolios gesehen, und ich sehe oft viele der gleichen Fehler. Also werde ich einige Do's und Zweifel und einige Dinge teilen, die ich jedem empfehlen würde, zu vermeiden, aber auch wirklich Dinge darauf zu richten, Menschen einen Job zu bekommen. Und nicht nur das, aber wenn Sie bereits an Ihrem Portfolio für eine Weile gearbeitet haben, werde ich einige Tipps und Tricks teilen, um Arbeit zu umgehen, die eine nd a hat.Das ist ein ziemlich häufiges Problem für die meisten Menschen. Du machst eine erstaunliche Arbeit, aber dass es nie wirklich Gebrauch bekommt, also bringt es dich irgendwie in eine harte Stelle dessen, was du damit machen solltest, und ich werde auch einige Tipps dazu zeigen. Aber ich denke, dass es darum geht. Also lasst uns loslegen 2. Overall: Okay, bevor wir wirklich in die Erstellung der Website eintauchen, denke ich, es ist am besten, ein paar grundlegende Punkte zu übergehen. Die 1. 1 ist, dass Sie ein Designer sind. Was ich damit meine, ist, dass ich erwarte, dass ein Designer einen gewissen visuellen Scharfsinn hat. Ich erwarte, dass Menschen in der Lage sind, Arbeit zu machen, die zumindest anständig aussieht. Wenn ich also ein Portfolio hochziehe und das erste, was ich sehe, nicht sehr optisch attraktiv ist, ist es ein großes Zeichen für mich, weil ich erwarte, dass ein Designer zumindest einige grundlegende Erfahrungen mit der Gestaltung der Dinge gut aussehen. Und wir alle wissen, dass es nicht nur ein Designer ist, Dinge gut aussehen zu lassen. Aber es ist eine grundlegende Aufgabe, die ich erwarte, dass jeder in der Lage sein wird. Nummer zwei ist, machen Sie Ihre Absicht und Fähigkeiten wirklich offensichtlich. Eso Was ich damit meine, ist, wenn ich auf einem Portfolio scrollen und ich sehe acht verschiedene Projekte und sind alle in verschiedenen Bereichen Sommer physische Produkte, Sommer digital, Sommer Branding, Sommer Grafik und Werbung Ich habe keine Ahnung, worin eine Person gut sein wird, also deine Arbeit und dein Portfolio, und er schreit mich einfach an, was? Du bist gut in dem, was du talentiert bist, weil ich dich nicht anheuere, um acht verschiedene Dinge zu tun . Ich stelle dich ein, um in einer Sache gut zu sein. Denken Sie also daran, das offensichtlich zu machen und Ihre Absicht in Ihrem gesamten Portfolio deutlich zu machen. Mein dritter Punkt ist wahrscheinlich einer der seltsamsten für alle. Und das wird sein, eine Vorlage zu verwenden und die neue, wo Sie denken, Warum sollte ein Designer? Er ist eine Vorlage, wenn es meine Aufgabe ist, neue Dinge zu entwerfen und neue Sachen zusammenzustellen. Und das liegt daran, dass Sie nicht wollen, dass etwas von Ihrer Arbeit ablenkt. Ich sehe viele Leute, die versuchen, ihre eigenen Websites in eine coole, neue, auffällige Sache zu entwerfen , die von ihrer Arbeit ablenkt und mich daran hindert, die Arbeit zu sehen und sich auf sie zu konzentrieren. Ich konzentriere mich stattdessen auf das Medium, das funktioniert, präsentiert, in dem nicht das ist, was Sie wollen. Sie möchten, dass sich die Menschen ausschließlich auf Ihre Arbeit konzentrieren, und das Gute an Vorlagen ist, dass sie bereits viele Entscheidungen für Sie treffen. Also, wenn Sie sich Sorgen darüber machen, welche Schriftart, welche Größe, welche Farbe für Dinge verwendet werden soll. Vorlagen haben bereits so gut für Sie zu gehen. Und sie sind auch auf Mobilgeräten ansprechbar. Also, wenn Sie jemals darüber nachdenken, ein mobiler Designer zu sein, ist es so viel einfacher Death? Nein, um das Zeug wird gekümmert werden. Also bitte, nur squarespace, Wix, was auch immer Website-Builder verwendet, überprüfen Sie die Vorlagen, und verwenden Sie sie zumindest als Grundlage, um auf dem 4. nur squarespace, Wix, was auch immer Website-Builderverwendet, überprüfen Sie die Vorlagen, und verwenden Sie sie zumindest als Grundlage, um auf dem 4. bitte laden Sie nicht das pdf jpeg, PNG, was auch immer Art von Bild mit Text in es gruppiert. Dies ist ein kurzes Beispiel dafür, was ich meine. Der Grund, warum dies eine schlechte Idee ist, ist, dass dies nicht reagiert. Also, wenn es zu verschiedenen Web-Browsern geht oder sogar auf Handy geht, wird es wirklich klein zerquetschen. Und der Text wird nicht lesbar sein. Und nicht nur das, aber es ist schlecht für die Suchmaschinenoptimierung. Sie werden einige von diesem Zeug sehen, und einige der Website-Builder im Grunde Suchmaschinen. Sie werden nicht in der Lage sein, den Text zu lesen, der in den Bildern ist. So werden Sie eine Menge des beschreibenden Textes auf Ihrer Website verlieren und Sie werden nicht in der Lage sein, zu suchen ist leicht, das ist nicht das, was Sie mit Ihrem Portfolio wollen. 3. Beginne mit dem Erstellen der Website: okay, so wird jetzt tatsächlich beginnen, eine Portfolio-Website zu erstellen. Und ich werde das Projekt eines Freundes für dieses Portfolio verwenden. Und sie war sehr gnädig und ließ mich tatsächlich mit ihr zusammenarbeiten, um dieses Portfolio zusammenzustellen . Das ist also ein echtes Portfolio. Ich werde eso zusammenstellen. Diese Beispiele werden live sein, und Sie können sich frei fühlen, um die Website zu überprüfen. Um, also können Sie auf andere Projekte verweisen. Ich werde nicht alles durchgehen, aber ich werde einige der großen Prozesse durchlaufen, wie wir diese Website erstellt haben, einige der wichtigsten Teile davon, und ich habe Wicks verwendet, um sie zu bauen. Ihr könnt zusehen und irgendwie etwas über Wicks lernen, wenn ihr noch nie davon gehört habt, oder ihr Squarespace oder was auch immer Builder ihr bevorzugt. Aber Art der Tipps und Grundlagen, wie man Dinge in den Projekten auslegt, werden die gleichen sein , und ich werde Anwendbarkeit sein. Und ich werde nicht zu viel Zeit damit verbringen, wie eigentlich alles zusammengesetzt und Dochte. Aber Sie werden genug von einer Grundlage bekommen, um es selbst zu tun. Also lasst uns anfangen. Also, wenn Sie zu Wickes dot com gehen und Sie haben bereits einige Websites. So wird es aussehen. Sie können gehen, um eine neue Website zu erstellen, hier und wieder. Dieser Prozess wird für jeden Website-Builder wie Squarespace oder einige der anderen, die existieren ziemlich ähnlich sein. Ähm, und Sie können irgendwie durchgehen, ein paar Fragen beantworten und wirklich einfach eine Vorlage auswählen. Und die meisten, die Vorlagenbibliotheken, die jetzt vorhanden sind, sind ziemlich umfangreich. Sie haben eine Menge zur Auswahl. Und sie haben sogar jetzt, wie, wie, Designer-Portfolios, aus denen Sie wählen können. Ähm, also nochmal, schlagen Sie definitiv vor, eines davon auszuwählen und es irgendwie zu optimieren und es an Ihre Bedürfnisse zu bearbeiten. Das wird dir nur ein starkes Fundament geben. Viele von diesen bereits reagieren die Größen. Sie sind gute Bilder sehen toll aus. Also geh einfach voran und fange mit einem von diesen an. Also, wenn wir hier rüber gehen, ist das diejenige, die ich ausgewählt habe und es aus einem ganz bestimmten Grund ausgewählt habe. Es ist gut und maximieren Sie das. mir wirklich gefallen. Zeigen Sie die Animation direkt hier an. Und das ist etwas, woraus ich irgendwie aufbauen möchte. Aber wenn Sie auf dem Rest der Website nach unten scrollen. Das hier ist ziemlich cool, aber es ist eine Menge los. Also, was ich eigentlich dio werde, ist irgendwie einfach auseinander zu nehmen und einfach dieses Hauptelement zu nehmen und dann alles andere zu löschen. Und das wird immer noch die Macht der Vorlage als auch nutzen. Denn wenn du einklickst, vergiss es. Wie bei jedem dieser Text, werden Sie feststellen, dass es bereits Themen hat. Also all das Texas Größe und irgendwie bereit zu gehen. Selbst wenn Sie eine Menge von diesem Zeug löschen, Sie immer noch wie die Macht der Vorlage. Also mein Ziel ist es wirklich, diese Art von Fenster und alles andere für den Moment zu behalten , ich werde einfach jemanden löschen, um durch zu gehen und anfangen, Stücke zu nehmen. Aber ich werde das schnell weiterleiten, weil es keinen Spaß macht, nur wenn ich zusehe, wie ich ein paar Sachen lösche . Okay, jetzt habe ich wirklich nur ein Skelett von Fuß. vorherige Vorlage war, aber das ist OK, weil ich viel los hatte, und wir haben wirklich dieses Hauptelement, und das ist es, was wir vorgehen wollen. 4. Strukturiere deine Portfolio-Website: Das ist also, was ich verwenden werde, um die vorgestellten Projekte auf der Arbeitsseite anzuzeigen. Und die Art und Weise, wie ich dieses Portfolio rausbrechen werde, ist nicht wirklich in drei Hauptseiten. Das wird eine Arbeitsseite, die funktionieren wird, ist Ihre Homepage und über Seite Metall Haus wie Ihren Lebenslauf und einige Ihrer Informationen und ein Kontaktformular und dann Ihre Projektseiten. Also ist es wirklich ziemlich einfach mit diesen drei Teilen. Und das erste, was ich tun werde, ist irgendwie das Willkommensbild und den Header zu machen. Und ich werde das als einen Ort verwenden, um Ihnen eine Beschreibung darüber zu haben, was der Designer hier macht und eine Art Einführung, wenn Sie so wollen. Also, was können wir tun? Lassen Sie uns voran gehen und Text beantworten, und dann ist es großartig, weil ich bereits Themen habe. Schreiben Sie hier an Sie, damit Sie einfach schnappen können, wer drei hat. Eigentlich hat sich das geändert. Es ist ein bisschen zu groß, stark auf dich zu gehen, und das ist wie Teoh. Und dann könnten wir hier einen Namen eingeben, um, und wieder, und wieder, ich benutze die Informationen eines Freundes, weil das ein echtes Portfolio sein wird. Also, wenn ich jemandes Namen benutze, wusstest du irgendwie warum. Also, was Sie hier beginnen können, ist wie eine einfache Einführung eines Namens. Das ist ziemlich üblich. Die Leute setzen ihren Namen auf ihre erste Seite und kopieren und fügen Sie ihn dann ein. Und dann können wir einen Text darüber hinzufügen, wer Sie am meisten sind, Sie Absätze ein Also für die Einführung, Text und Art von wie ein Hintergrund von wer Sie sind, was ich gerne dio ist Ihre aktuelle Job-Titel oder Ihre die Job-Titel enthalten, dass Sie eine Art haben wollen, wie Sie Ihr Portfolio bekommen. Und wenn du irgendwo arbeitest, tue ich gerne in Cleared das hier, direkt im vorderen Autotext. Justo, beweise, dass du ein Profi bist, oder vielleicht hast du Berufserfahrung. Es wird den Job-Titel gleich dort haben. Und dann nur eine Art schnelle, schnelle Blurb über das, was Sie dio. Und dann möchte ich hier immer etwas schrulles einbinden. Mein Freund baut eigentlich winzige Möbel, und das wird wie eines der Projekte sein, die ich einschließe. Es wird ein ziemlich kleines Projekt sein, nur ein paar Bilder, aber es fügt einem Portfolio eine Art anderen Aspekt hinzu, und es zeigt, dass, als wärst du auch ein Mensch. Es geht nicht nur um Arbeit. Und so werde ich es uns auf die Seite schicken. Okay, also sobald wir einen Namen haben und ich gehe voran und also sobald wir einen Namen haben und ich gehe voran und bearbeite diesen Header erscheint und was ich dort oben mit dem Menü gemacht habe, war, dass ich diese Elemente einfach indieses Grün eingelegt habe. bearbeite diesen Header erscheint und was ich dort oben mit dem Menü gemacht habe, war, dass ich diese Elemente einfach in Alles, was bedeutet, ist, wenn wir scrollen, bleiben diese Elemente dort, wo sie draußen sind, und das wurde tatsächlich von der ursprünglichen Vorlage übrig. Aber es ist ein Element, das ich dafür replizieren möchte. 5. Persönlichkeit zu deiner Homepage hinzufügen: Ein weiterer Aspekt ist Wer bist du als Designer? Das ist wichtig. Obwohl ich früher gesagt habe, eine Vorlage zu verwenden, brauchst du Zeh, hast ein bisschen Flair, wie du keine Angst hast, du selbst in deinem Portfolio zu sein, und wir werden später in dieser Klasse einige Methoden und Tipps dazu bekommen, wie das geht. Aber auf jeden Fall nie Angst, du selbst zu sein. Es ist in Ordnung, Persönlichkeit in einem Portfolio zu haben. Okay, jetzt, da wir einen Namen und eine Art Beschreibung der Rolle vorherigen Arbeitsplatz haben und dann nur einen kurzen Autotext über das, was vor sich geht, werde ich auch ein Paar wie ein Bild oder etwas hier auf der rechten Seite hinzufügen, nur um die Seite ein wenig interaktiver. Also das Gute daran, viele dieser Website-Builder zu verwenden, ist, dass sie oft viele ähnliche Formen und Vektorkunst haben , die bereits bereit sind, dafür zu gehen. Ich werde sie in ein paar Formen ziehen, Ähm, denn das passt tatsächlich zu dem Stil eines Designers, für den wir das zusammenstellen, und fügt ein wenig Interesse auf der rechten Seite dieser Seite hinzu. Es ist also nicht nur Text, sondern ich werde den gleichen Prozess verwenden und hier ein paar Formen hinzufügen , und wir werden schnell vorwärts durch das. Ok? Und jetzt, da ich ihre Formen auf der Seite und die Farben haben gerade von einigen früheren bis zuvor besprochenen Farben mit diesem Designer gezogen , So ist es immer gut Teoh Art von haben diese vorher entschieden und auch wie dieser Text in allgemein, ich weiß, dass ich es kopiert und eingefügt habe, aber es ist eine gute Idee, voran zu gehen und die meisten Sachen zu schreiben. Wenn wir in Projekte eingehen, werde ich ein Dokument anhängen, das ich verwendet habe, um Projekte zu erstellen, und tatsächlich meine Texte einzugeben, bevor ich mit dem Layout beginne. Und ich habe euch ein Beispiel dafür gezeigt, dass einmal angefangen hat und ein Projekt verzögert hat. Aber ein weiterer cooler Aspekt der Verwendung eines Site-Builders ist, dass Sie einige leichte Animationen verwenden können, und ich gehe normalerweise nicht gerne zu über Bord mit diesen. Aber es ist schön, nur ein wenig Bewegung zu einigen dieser Elemente hinzuzufügen und wir werden Vorschau dieser Yeah, es sieht aus, und was ich werde dio ist nur replizieren, dass Animation auf jeder dieser Formen 6. Welche Projekte gehen und wie lange sie sein sollten, um sie: Eines der ersten Dinge, auf die Sie stoßen werden, wenn Sie ein Portfolio zusammenstellen, ist, welche Projekte sollten Sie einbauen? Der erste Teil dieser Antwort ist in Projekten, die Sie tun möchten, wie zum Beispiel, was möchten Sie für eine Karriere tun? Welche Art von Arbeit willst du in dich eindringen? Wenn Sie mobile APS mögen, dann müssen die meisten, die Sie arbeiten, auf mobilen Geräten sein. Wenn Sie Websites mögen, müssen die meisten Ihrer Arbeit Websites sein. Es klingt ziemlich einfach, aber tatsächlich verstehen die Leute es sehr falsch. Und wenn Sie Ihren Fokus aufteilen und wie zwei oder drei Dinge, hörte ich auf zu glauben, dass Sie wirklich gut in tun mobile lapse oder physische Produkte und Websites. Normalerweise ist es besser, sich dort zu konzentrieren, und der zweite Teil davon ist das Thema des Projekts. Wenn es nichts ist, was Sie professionell gemacht haben und Benutzerfreundlichkeit etwas, das Sie leidenschaftlich sind, und der Grund ist, dass Sie einfach mehr Zeit mit Dingen verbringen, die Sie leidenschaftlich sind. Sie sprechen auch anders über Dinge, die Sie leidenschaftlich sind, und das ist in der Regel sehr offensichtlich in der Arbeit an. Und es ist auch sehr offensichtlich später, wenn Sie in den Interviewprozess kommen und Sie beginnen darüber zu sprechen. Und glaub mir, das macht einen großen Unterschied, wenn jemand über etwas leidenschaftlich spricht, und die Sache ist, du wirst nicht wirklich das Rad neu gestalten oder ein neues $1.000.000-Dollar-Geschäft mit einer Fallstudie machen , also ist es besser, sich vielleicht an ein Problem zu halten, mit dem Sie vertraut sind. Verbringen Sie nicht zu viel Zeit damit, ein verrücktes neues Problem oder eine verrückte neue Lösung herauszufinden. Aber stellen Sie sicher, dass der Bereich, auf den Sie sich konzentrieren, etwas ist, für das Sie leidenschaftlich sind und vertrauen Sie mir, dass Ihnen in Zukunft viel Zeit sparen wird. Ein gemeinsames Diskussionsthema ist also, wie lange sollten Portfolio-Projekte sein? Und es gibt kein exaktes Rezept dafür, wie lange Projekte sein werden. Aber ich kann jedem sagen, der es nicht zu lange schafft. Ihr Ziel ist es, die Highlights Ihres Prozesses wirklich zu erklären, und Sie könnten detailliertere Entscheidungen für später in Interviews speichern, ähm, aber es gibt nur niemand genug Zeit, um jede einzelne Entscheidung zu sehen, die Sie in einem Projekt getroffen , also ist es besser, nur Highlights dieser Entscheidungen zu zeigen und es irgendwie auf die mittlere bis kurze Reichweite für ein Projekt zu halten , weil niemand in der Lage sein wird, 30 Minuten von ihrem Tag zu nehmen , um ein ganzes Projekt wie einen mittelgroßen Artikel zu lesen. Also halten Sie die Dinge einfach auf der kürzeren Seite. Und solange der erste Teil gut ist und deine Höhepunkte deines Prozesses gut sind,wirst du wenigstens in eine Interviewsituation geraten, in der du später noch viel mehr von diesen Entscheidungen erklären kannst. Und solange der erste Teil gut ist und deine Höhepunkte deines Prozesses gut sind, wirst du wenigstens in eine Interviewsituation geraten, in der du später noch viel mehr von diesen Entscheidungen erklären kannst Aber fühle nicht das Bedürfnis, wirklich nur einen mittleren Artikel darüber zu gehen und ein riesiges, langes Scrolling-Projekt zu haben , Babes. 7. Gestalte dein Zuhause (Arbeit): Okay, jetzt, da dieses bisschen fertig ist, wird das dienen, ist unsere Homepage und irgendwie das erste, was du siehst, sobald du eingehst und das nächste, werden wir sofort zur Arbeit gehen wollen. Ähm, eine der Dinge mit Portfolios ist, dass es in Ordnung ist, eine Art Einführung zu haben, wie Bild oder Bit direkt in der Front. Aber so ziemlich der absolute nächste Schritt muss nur Ihre Arbeit sein, denn Sie müssen darüber im Kontext eines Personalvermittlers nachdenken. Wenn jemand 100 Standorte pro Tag anschaut, möchte er wirklich schnell zu Ihrer Arbeit kommen. Also können Sie entweder ein paar Links hier oben zur Verfügung stellen oder einfach sicherstellen, dass der nächste Teil davon Ihre Arbeit sein wird . Und was wir hier tun werden, ist, dass ich dieses Bild durch das erste Projekt ersetzen werde. Also, sobald ich das erste Bild da drin habe, werde ich tatsächlich die Hintergrundfarbe ändern, um dem Telefon hier zu entsprechen. Es ist eine gute Idee, diese Art von im Voraus niedergeschrieben oder an einer bestimmten Stelle gespeichert zu haben. Wenn Sie es in einem anderen entwerfen, wie Illustrator eine W X D-Skizze oder so etwas. Gut. Und speichern Sie die Farben, die Sie verwenden möchten, so dass Sie einfach schnell die Hex-Codes anwenden können. Das ist, was ich gehen werde, dio referenzieren eine andere Datei für die Farbe tatsächlich hier verwenden wollen . Okay, also haben wir die Farbe wird nicht hören, was ich tun werde, ist, diesen Text zu verschieben, weil ich eigentlich nicht will, dass sich das mit dem Telefon überschneidet. Der Grund dafür ist, dass wir tatsächlich einen Text auf diesem Bild verlieren. Und obwohl es ein cooles stilistisches Element sein könnte, wenn es sich überlappt, nun, opfern Sie vorbei zu sein, um Text dafür zu lesen. Also werde ich die ziehen und nur ein wenig, ähm, wir vertraglich das auch. Jetzt können wir dies in einer Vorschau anzeigen. Okay, also bekommt es immer noch die Animation, die wir vorher mochten. Hol den da rauf. Ich werde diese Elemente ziehen, nur um dir ein wenig nahe zu sein. Ok? Ich füge hier auch einen Knopf hinzu. Und dieser Button wird derjenige sein, der uns zum eigentlichen Projekt bringt, damit wir einfach den thematischen Button auswählen können , den sie bereits haben. Bereit zu gehen und dann ändern wir den Text in Rakete. Speichern Sie einfach Project Preview, dass die coole Sache über die Verwendung dieser Themen-Schaltflächen ist, dass sie bereits Hover-Zustände und schnelle Zustände haben. Es ist also schön, dass diese zusätzliche Interaktion fast sofort durchgeführt wurde. Dies ist eine animierende Maus, die wir das Weiß und die Animation hinzufügen, und das ist nur so, es ist das gleiche wie all diese anderen Sachen vor. Wenn Sie also eine Vorschau darauf sehen, erhalten wir den ganzen Segelflugzeug, der so aussieht, wie wir es wollen, zurück zum Editor gehen. Ich kann voran gehen und aktualisieren Sie diesen Text ist gut, also werde ich hier herausgenommen. Das ist eigentlich meine Freunde professionelle Arbeit. Es ist unsere Arbeit von Verizon Connect. Und wenn Sie Berufserfahrung haben, rate ich immer, dass das erste Projekt ist, denn das ist in der Regel die Arbeit, in der Sie am meisten Tiefe haben. Es ist Zeug, dass die Leute dich für Dio bezahlt haben. Also ist es sehr wichtig, dass, wenn Sie professionelle Arbeit haben, stellen Sie sicher, dass das ist, was im Vordergrund und Zentrum ist undeine Anwendung Fallstudien wie Arbeit von der Schule kann danach kommen, weil ich weiß, dass es dauert. Es dauert einige Jahre, bevor Sie eine Menge Arbeit haben, Aber wieder, Aber wieder, halten Sie einfach Ihre professionelle Arbeit immer zuerst auf der Seite. Also, wenn du das noch ein Mal bekommst, okay, es sieht gut aus. Wird zum Redakteur zurückkommen. Jetzt werde ich hier tun, ist eigentlich genau das gleiche zu replizieren und ich werde nur sicherstellen , dass dies tatsächlich das gleiche tut, was ich will. Und es hat den Offenbarungseffekt, und das wurde von der ursprünglichen Vorlage übernommen. Und das wird den nächsten Teil wirklich cool aussehen lassen. Also kopiere ich das einfach über genial und füge es ein. Das hat Spaß gemacht. Und dann wird dies die nächste Projektseite sein. Also gehen Sie weiter und lassen Sie dieses nächste Bild fallen und und ich wahrscheinlich schnell für dieses bisschen ist Nun, okay, jetzt, wo ich diese beiden Projekte in habe, werde ich voran gehen und eine Vorschau. Dies wird von Anfang an beginnen, die Animation in und wieder, Das erste Projekt ist die professionelle Arbeit hier, und das zweite wird tatsächlich eine Fallstudie sein. Und weil wir diese Elemente direkt über kopieren und einfügen, bekommt es tatsächlich den ziemlich coolen Offenbarungseffekt und das Projekt kommt darunter. Aber ich werde diesen Text etwas überlegen, weil das ziemlich überfüllt ist. Nun, vielleicht lassen wir es. Okay, das sollte also gut für die ersten 2 Projekte sein. Und nur als Referenz zu diesem 1. 1 ist ein professionelles Projekt. In diesem nächsten wird eine Fallstudie sein, und ich werde Wege gehen, um sie auszulegen. Dieser, mein Freund, kann nicht wirklich alles zeigen, weil ein Teil davon noch nicht veröffentlicht wird. Also werde ich darüber reden, wie sie erklären, was ihre Rolle da ist , und für diese hier eine traditionellere Fallstudie, und ich werde den gesamten Prozess durchlaufen, wie das angelegt ist, und so für den nächsten Teil. Also müssen wir diese Elemente in einem kleinen überfüllten Jahr runterschieben, also ziehen Sie das einfach nach unten. Wenn Sie planen, Dochte zu verwenden, Wenn Sie diesen ziehen, es schiebt tatsächlich alle Elemente nach unten. So ist es in der Regel besser, ziehen als es zu einem Klick ist und etwas bewegen. Also haben wir das aufgespürt. Sollte ich von allem tatsächlich diese Hintergrundfarbe auch löschen. Eigentlich werde ich einfach das ganze Ding löschen, okay? Und so werde ich hier drei Projekte anbieten, damit wir das einfach kopieren und wieder einfügen können. Nein, geh weiter und ändere den Streifenhintergrund dafür. Schauen Sie, machen Sie es einfach eine Farbe ist ein Platzhalter. Es ist violett. Also werde ich dieses Projekt nicht für diese Klasse hinzufügen, nur weil es zu lang sein würde. Aber ich werde drei Projekte hier und dann unter, dass das, was ich tun werde, ist auf einem Schieberegler. Ist das ein Schieberegler hier unten für andere Arbeiten? Weil Sie wahrscheinlich mehr als drei Projekte haben. Du solltest wirklich zielen, wenigstens fünf, wenn du wirklich lange Projekte hast, was ich nicht gerade ermutige. Aber wenn es eine Menge Tiefe gibt, können Sie damit davonkommen, weniger als das zu haben. Aber ich würde im Allgemeinen für wie, fünf solide Projekte s o. Ich werde hier einen Schieberegler wie eine Diashow hinzufügen, nur damit wir einige Arbeit zeigen können. Uh, das ist erledigt, also können Sie einfach einen Schieberegler hier unten hinzufügen und eine Vorschau anzeigen, also gehen Sie zurück zum Ende ihrer nicht Sie zurück zum Editor. Und was ich hier mache, ist auch, um das zu täuschen, weil alles andere auf der Website voll ist mit, ähm und machen es ein bisschen größer. Ok? Und dann ziehen wir das nach oben. lasse ich hier ein wenig Leerraum Eigentlichlasse ich hier ein wenig Leerraum. Okay, nur von oben, wir haben unsere Einführung, und das wird es sein, was du tun wirst. Und dann haben wir unser erstes Projekt. Sie sollten immer Ihr erstes Projekt an Ihre professionelle Arbeit stellen. Hier wird eine Fallstudie sein, und dann wird hier wahrscheinlich 1/3 Projekt oder ein anderes professionelles Projekt haben. Es hängt nur davon ab, wie viel Arbeit Sie haben. Und dann hier, was wir haben, ist, wie, andere Arbeit, weil wir drei vorgestellte Projekte haben. Aber wahrscheinlich gibt es mehr als das. So können wir Leute hinzufügen, Überschrift drei wird ziemlich druckvoll damit sein. Und wenn du wieder nach oben gehst, wirst du bemerken, dass mein Freund wirklich winzige Möbel baut. Ähm, es ist eigentlich ziemlich interessant, und sie ist ziemlich gut darin. Auf DSO werden wir das tatsächlich in ihr Portfolio aufnehmen. Das ist also, was diese kleine untere Diashow gewidmet sein wird. Teoh, ich werde hier nicht viel ändern, aber wir können diese Folien ändern, und was ich hier tun werde, ist, Bilder von ihren winzigen Häusern hochzuladen. Es ist, als würde ein kleiner Freund winzige Häuser teilen. Und nein, es ist nicht unbedingt mit ihrem Tagesjob verwandt, aber es ist eine ziemlich interessante Sache, die Handwerk und Persönlichkeit und einen anderen Aspekt zeigt. Also ermutige ich alle, wie eine Art Nebenprojekt oder ein Projekt wie Leidenschaft darin zu setzen , das nicht mit digitalen Produkten verwandt sein muss, also fühle mich definitiv OK, um das zu tun. Es hilft auch Ihrer Persönlichkeit Art zu definieren, wer Sie sind, Ähm, aber ich werde diese Bilder hochladen und ich werde nur halten, dass dieser ein Platzhalter für jetzt ist. Aber gerade jetzt, wenn Sie das Endprodukt sehen, ist das der Grund. Hinzugefügt, dass, Und so für die Fußzeile, das ist ziemlich Standard. Die von Ihnen gewählte Vorlage kann diese für Sie angelegt werden. Nun, ähm, aber es ist immer nur gut. Teoh, vielleicht setzen Sie wie soziale Kontakte unten ein paar Voreinstellungen für diese und Sie. Was Sie tun, ist, dass Sie einfach jedes dieser Teoh Ihre sozialen Konten verknüpfen, und das hilft auch mit Seo, so dass es einfacher für Suchmaschinen ist, Sie zu finden, wenn alles hier verlinkt ist . Und ich füge immer gerne ein paar Knöpfe hinzu, hinzu, die Teoh an andere Orte auf der Website führen. Also hast du gerade den Knopf geschnappt. Das ist das Gleiche. Ich zog, äh, das gleiche, als ich in der Menüleiste verwendet habe. Ändern Sie den Text hier nicht und wir können ihn einfach kontaktieren. Und was das tun wird, ist nur, wenn sie am Ende dieser Seite stehen, sie wissen immer, wo sie Sie finden. Sie können auch dies ist Lebenslauf oder etwas in diesen Zeilen setzen, oder sogar haben, wie, eine Navigation zu einigen anderen Projekten. Aber das ist eine ziemlich sichere Wette für einen Fuß oder Design und wieder für die endgültige Version. Ich werde es hier nicht tun, aber ich werde gehen und das mit anderen Arbeiten füllen, nur um ein Beispiel dafür für die letzte Seite zu zeigen . Und das wird auch ein kleines Möbelbild haben, auf das wir jetzt nicht hineinkommen werden, also ist das ziemlich genau das, was unsere Homepage sein wird. Und wieder, Ihre Arbeitsseite ist Ihre Startseite. Das müssen wir ändern. Ich mag, aber Sie haben Ihre Einführung. Sie haben Ihr erstes Projekt, und Sie können dies entweder in einem Raster oder in einer Art horizontales Bild wie dieses Zweite Projekt auslegen . Drittens, Ich mag 2 bis 3 Projekte, und dann können Sie andere Arbeiten anlegen. jedoch Sie scheinenjedochfit zu sein, aber wir gehen zurück zum Redakteur, und ich werde einige davon schnell vorwärts gehen, nur um einige Housekeeping Dinge zu tun. Und wenn Sie leichte Unterschiede in der endgültigen Version bemerken, liegt das nur daran, dass ich irgendwann sowieso einige Dinge bearbeitet hatte. Es gibt also nichts drastisches, wenn etwas anders ist. 8. Entwirf deine About Page: Also, was wir jetzt hineinkommen können, ist tatsächlich auf unsere über Seite zu gehen, die noch nicht mit irgendetwas verknüpft ist. Und ich werde auch einige schnelle Änderungen in diesem Menü machen, und wir werden das schnell vorwärts tun. Also gehen Sie weiter und fügen Sie eine neue Seite hinzu, und dies wird unsere über Seite schließen. Es ist hilfreich für Sie, weil die Kopfzeile auf dem Fuß bereits Wohnung über. Also, was wir hier tun werden, ist, fügen Sie einfach einige Informationen über sich selbst oder Shannon in diesem Fall, den Designer. Und wenn Sie wieder einen Website-Builder verwenden, kann es hilfreich sein, sich irgendwie umzuschauen und zu sehen, ob es etwas gibt, das Sie hier verwenden können. Es hat keinen Sinn, das Rad neu zu gestalten. Wenn etwas schon ziemlich gut funktioniert, mag ich dieses. Ich finde, das hier ist ziemlich cool. Dies ist die, die ich benutze und wird definitiv diesen Text hier ändern, um zu unserem Thema passen. Also in über Seiten, der Regel können Sie eine längere Erklärung der Art, wer Sie sind, was Sie dio, das ist nur für die Interpretation. Da. Was auch immer Sie setzen wollen, Ich mag sehr offensichtliche Taste sie für einen Lebenslauf haben. Ähm, weil die Leute das wollen. Teoh. Wenn deine Arbeit gut ist, sie definitiv deinen Lebenslauf sehen wollen. Und es ist gut, mich über Paige zu behalten und es ziemlich offensichtlich zu halten. Und ich werde das Design auch ein wenig testen. Und es liegt an Ihnen, wie viele Informationen Sie auch hier über sich selbst geben möchten. Ähm, ich würde definitiv keine genaue Postanschrift geben, damit ich das nicht zu leicht finden würde . Aber ich denke, es ist okay, , sagen wir, wo du wohnst und vielleicht ein bisschen von deiner Geschichte hier zu erzählen. Es ist genauso ein wenig mehr Interesse für Ihre Arbeit, wie ein Gesicht dahinter steckt. Es ist also so, dass es in Ordnung ist, ein paar Informationen hier zu haben, aber nochmal, lass dich nicht in deine soziale Sicherheit werfen oder so was. Aber der Designer, der diesen vierten machte, eigentlich aus Delaware, ging aber zur Schule und arbeitet jetzt in Atlanta. Ähm, also was macht das auch zu einem Aspekt von ihr über die Seite. Wenn ich Atlanta richtig buchstabieren kann, wird es es es tatsächlich anders verwenden, auf eine Weise 40, um vielleicht so zu gehen. Dies ist so ziemlich die Formel, die für etwa Seiten verwendet wird, Sie können hier nur jedes visuelle Interesse hinzufügen, das Sie auch wollen. Ähm, für diesen hier werde ich wie ein Bild des Staates hinzufügen. Es ist eine gute oder über Seite und dann gerade bekam Stella Rare Symbol. Und wir werden es nicht wirklich so groß sein lassen und das zurückschicken. Und um im Einklang mit anderen Animationen auf dieser Seite zu halten, werde ich das machen Clyde und nur ein wenig. Siehst du, wie das funktioniert? In der Regel gehen sie nicht über die Spitze mit Animationen. Ich mag es, Zeh eine Animation zu kleben, wie ich nur das Gleiten hier benutze. Ich mag es nicht, mehrere Animationen zu mischen. Normalerweise ist es ziemlich verrückt. Andan können Sie aktualisieren. Natürlich werde ich dieses Bild aktualisieren, bevor die Website tatsächlich live wird. Aber auch hinzufügen. Und das ist sehr wichtig Kontaktformular. Sie können aus jeder wie vorgefertigten Form wählen, die Sie möchten. Es ist sehr hilfreich, eine davon zu haben. Du brauchst definitiv einen. Also schnappen Sie sich einfach eine Art generischen Gewinn und ich werde dieses Spiel mit einer Größe ein wenig minimieren. Dann werde ich hier reingehen und es bearbeiten und sicherstellen, dass es unser Thema ist. Aber ich werde gehen und schnell für diesen Teil. Okay, jetzt, da das behoben ist. Also wieder, der Hauptteil davon ist, dass Sie ein Bild von sich selbst haben können. Auf jeden Fall fühlen Sie sich frei, das zu tun, weil die Leute werden Sie wie dann aussehen. Wie auch immer, ähm, haben Sie einen Link zu Ihrem Lebenslauf, und was Sie tun können, ist, machen Sie dies einfach in einen schnellen PDF-Download für jemanden, der sehr wichtig ist, um hier aufzunehmen. , Sie können sich frei fühlen,so viel von Ihren Geschichten zu erzählen, die Sie wollen. Ich denke, es ist ziemlich interessant, wenn diese Portion irgendwie lang ist. Das liegt definitiv an dir. Und stellen Sie sicher, dass es auch ein Kontaktformular gibt, denn, es glauben oder nicht, Leute werden tatsächlich mit Ihnen durch diese erreichen. Ich bekomme definitiv jede Woche ein paar Nachrichten auf mir, also stellen Sie sicher, dass Sie ein Kontaktformular haben. Und nur für den Fall, dass Sie Ihre Telefonnummer oder solche Dinge nicht auf Ihren Lebenslauf setzen wollen , hat jemand einen einfachen Ort, um Sie hier zu erreichen. Das war's auch. Für unsere, ähm, über Page wird denken. Sieh dir das noch mal an. Ich denke, das ist die meiste Zeit in Ordnung, also gehen wir zurück zum Redakteur. Und dann, was wir tun können, ist nur sicherzustellen, dass sie tatsächlich mit allem verbunden sind. Und wieder, dies wird sehr und was auch immer Website-Builder verwenden. Aber wenn Sie Wicks verwenden, ähm, ist es ziemlich einfach, dies zu tun, damit Sie einfach hineingehen und jede von ihnen mit der Seite verknüpfen und wir werden dasselbe mit Kontakt tun. Aber hier wird der Kontakt-Button tatsächlich auf die über Seite verlinkt, was in Ordnung ist, so schön, dass wieder zurück zu unserer Arbeitsseite gehen. 9. So bearbeitest du To die du nicht zeigen kannst: Aber jetzt können wir darauf eingehen, wie wir einige dieser Arbeiten präsentieren werden. Das erste, was wir tun werden, ist eine Projektseite für diese professionelle Arbeitserfahrung zu erstellen. Und in diesem Fall können wir eigentlich nicht zeigen, was Shannon für ein Projekt getan hat. Also werde ich darauf eingehen, wie du umgehen könntest, dass Sobel zu dir gerade Adam deine Seite hierher gebracht hat , und dann nennen wir das Summen. Das sind die Projektprodukte, an denen sie arbeitet. So gemacht. Also das erste, was ich dafür tun will, ist eine Beauty-Aufnahme von dem, was das Produkt ist. Also jedes Projekt, das Sie dio brauchen, um mit einer Beauty-Aufnahme zu beginnen. Also, was wir hier tun können, ist einfach Werbung zu gehen und wir können auf einen Strip und was das sein wird. Also werden wir einfach wie ein normaler Bildstreifen bekommen. Wir nehmen das hier, und wir werden das viel größer machen. Und der Zweck ist, dass Sie wollen, dass dies ein Schönheitsfoto Ihres Projekts ist. Ich lege jede einzelne Projektideo so. Also für diesen wird man den Hintergrund ändern und wir werden zivilen greifen ein von hier und das ist eigentlich genau wie ein generisches Marketing-Bild für das Produkt, an dem sie arbeitet, und wir werden auch die Hintergrundfarbe ändern. Teoh die gleichen Kalorien auf der Vorderseite. Also rate ich jedem, mit einer Art von Beauty-Bild zu beginnen. Und wieder, wir können nicht zeigen, die Besonderheiten jemals hier arbeiten, aber wir können diese Art von generischem Marketing davon zeigen und dann erklären, das Produkt und ihre Rolle später gesagt. Wir gehen weiter und fügen einen weiteren Abschnitt hier so eigentlich in der Regel gerne Text ein wenig enger zu halten , dann das Gleichgewicht der Website. Im Allgemeinen möchten Sie, dass alles, jeder Inhalt innerhalb dieser Art von Richtlinien hier links und rechts ist, aber eigentlich wie Text ein wenig näher ist als das. Was Sie also tun können, ist tatsächlich Rasterlinien einschalten und das Produkt, das Sie herstellen. Also schalten wir die Lineale ein und kommen herein, dass Sie etwa 200 recht haben, also nur ein kurzer Moment hier, ähm, ich mag die Zehenlayout-Projektseiten von Hand. Ich mag es nicht, Vorlagen dafür zu verwenden, aber wenn Sie feststellen, dass die Vorlage, die Sie verwenden, eine wirklich gute Projektseite hat. Auf jeden Fall fühlen Sie sich frei, das zu benutzen oder einfach so etwas zu tun, wie ich es hier tue. Ich halte alles ziemlich einfach auf der Projektseite. Ich mag es nicht, eine Menge Animationen oder so etwas zu verwenden, und ich komme irgendwie darauf ein, warum Sie in einer Minute nicht wollen, dass das kursiv wird. Also, was ich Dio mag, ist irgendwie den Titel des Projekts ziemlich klar zu machen. Ich breche die Dinge im Wesentlichen in drei Spalten auf, und ich mag immer die linke Linie und halte wichtigen Text für sich selbst. drei Spalten auf, Und dann magst du einen Text hier drüben, wenn wir ihn brauchen. Halten Sie also Ihren Projekttitel ziemlich offensichtlich in der linken Seite, und dann können Sie eine Art beschreibenden Text nach rechts setzen, und ich werde diese Lehrbücher verwenden, um hier zu messen. Ich werde diesen Teil schnell vorwärts gehen. In Shannons Fall hier mit diesem Projekt hat sie viel Arbeit geleistet. Aber sie ist erst seit zwei Jahren dort, also kann sie nicht eine Menge von dem zeigen, was sie getan hat, weil etwas davon nicht veröffentlicht wurde, oder ein Teil davon wurde für Art von Roadmap Präsentationen und Dinge dieser Art verwendet. Also, was wir hier tun können, ist wirklich nur darüber zu reden, was ihre Rolle im Team ist. Und was ich gerne mache, ist nur erklärt, dass man nicht ins Detail gehen kann, sondern den Menschen Kontext der Arbeit geben kann. Nur weil du ihnen nicht genau zeigen kannst, was du getan hast, heißt das nicht, dass du ihnen nicht erklären kannst , an welcher Art du arbeitest. Einer meiner größten Haustier peeves ist, wenn Leute einfach vollständig Passwort schützen etwas, das ich bekomme, dass Sie nicht teilen können, was genau Ihre Arbeit ist. Aber mit dem schlimmsten und frustrierendsten, was zu tun ist, ist einfach ein Beauty-Bild, bringen Sie mich wirklich aufgeregt über was,was die Arbeit sein wird. ein Beauty-Bild, bringen Sie mich wirklich aufgeregt über was, Ich klicke darauf und dann sagt es einfach Password geschützt, wie es ist wie, Warum? Warum hat es überhaupt dort hingelegt? Ich meine, ich weiß, dass die Leute es dort platzieren, nur um zu beweisen, dass sie Berufserfahrung haben, aber zumindest geben Sie mir einen Kontext dessen, was es ist, weil die Sache mit Projekten, da jeder in der Situation war, wo sie wissen die ein Portfolio interviewen Also Leute, die ein Portfolio interviewen, verstehen das, um, und wenn Sie für ein um größeres Unternehmen arbeiten, ist es auch sehr hilfreich, weil sie normalerweise Marketing haben. Ähm, und sie haben Marketing. Äh, sie haben , Marketing-Inhalte,die sie bereits für eine Menge von diesem Zeug erstellt haben, also können Sie das Zeug normalerweise in Brummen stecken. Zum Beispiel, das Produkt Shannon arbeitet, hat ein YouTube-Video, und was wir tun können, ist eigentlich nur dieses Video hier verknüpft und was das zu Dio geht hat nur jemand den Kontext Ihrer Arbeit verstehen lassen. Es wird eine Sekunde dauern und dort leben, und so oben, haben Sie den Namen des Projekts. Hier ist eine Beschreibung über Shannons Rolle. Sie können nicht ins Detail über alles, was Sie Design gefühlt haben, sondern ein Video, um ihm Kontext zu geben. Du könntest das auch auf andere Weise tun. Ich ziehe es vor, dich nicht zu überarbeiten. Es hat keinen Sinn, professionelle Arbeit zu machen, Ähm, also erkläre einfach, dass du nicht alles zeigen kannst. Ich rate den Leuten definitiv nicht, Dinge zu zeigen, und dann fügen wir hier unten noch ein bisschen hinzu, und was ich tue, ist, diesen Text einfach zu kopieren und einzufügen. Okay, so etwas wird in Ordnung sein. Also mag ich normalerweise Zehe haben zwei oder drei Methoden, wie man Text anzeigt. Ähm, irgendwie ein kleinerer Textblock, der es mir erlaubt , einen Bildschirm hierher zu stellen oder einfach einen traditionellen Artikel einzurichten oder einen Titel und dann Text hier zu haben . Ich mag es, beides zu verwenden, aber was Sie hören, ist eigentlich ein wenig mehr über die Besonderheiten der Arbeit zu sprechen, und ich meine nicht, dass Besonderheiten genau sagen, was getan wurde oder was vor sich ging, aber einfach so, Im Wesentlichen das Stück auf Ihrem Lebenslauf, Ähm, und darüber reden, was? Ihre Rolle bei der Firma Waas, was Sie in Ihrem Alltag wie das Leben dort getan haben, funktionierte Arroganz. Aber nur um einen Kontext darüber zu geben, was vor sich geht, denn wenn Sie sich vorstellen können, wenn wir zurückgehen , gehen wir zurück zu unserer Arbeitsseite. Siehst du diese Landeerfahrung? Er ist auf dieses Projekt angewachsen. Du hast das ganze Zeug hier. Siehst du etwas? Du bist ziemlich aufgeregt, was das Projekt ist. Und wenn Sie dort geklickt haben und es ging, um Passwortschutz wie und nur irgendwie heruntergefahren . Das ist ein riesiges Enttäuschen. Ich meine, du zeigst nicht mal eine Tease oder so. Also, wenn Sie nicht können, wenn Sie Dinge haben, die schützend sind als Indien, bitte, bitte, finden Sie einen Weg, um einen Kontext von dem zu zeigen, was Sie getan haben. Es muss nicht genau so sein, aber es ist hilfreich für Sie zumindest etwas zu zeigen und wir müssen das verbinden, aber in ein bisschen. Aber wir gehen rein und nur diesen Seitenhype. Und für dieses Projekt, das ist eigentlich alles, was ich dios werde. Aber nur mit, wie einige Marketing-Bild aus dem Produkt und ein Marketing-Video gibt bereits eine ziemlich gute Menge an Kontext darüber, was sie in einer professionellen Regel tut. Und dann ist das letzte, was ich hinzufügen möchte, und ich mag es, dies zu jeder Seite hinzuzufügen, tatsächlich ein Galerie-Strip für andere Arbeiten, und Sie können wählen, was Art von Streifen oder Galerie wie, ähm, nur die traditionelle Pro-Galerie. Es ist in Ordnung, und ohne zwei Jahre löschen Sie tatsächlich etwas davon, weil sie nicht wirklich so viel Arbeit haben wird. Das ist ziemlich extrem. Sechs geht es gut. Nun, dio, dehnen Sie das und so am Ende jedes Projekts, habe ich immer Optionen für andere Arbeit. Und das ist nur so, wenn jemand ein Projekt beendet, ist es sehr einfach für sie, etwas Neues auszuwählen. Ähm, also kann ich diese mit Projekten aktualisieren, sobald sie überzogen sind und vorgibt, dass sie veröffentlicht werden. Aber die Idee hier ist, dass Sie am Ende jeder Projektseite auf ein neues Projekt klicken können , und das wird nur die Leute behalten. Es wird den Menschen erlauben, leicht durch Ihre Arbeit zu gehen, eine gute Sache, buchstäblich jede Seite zu setzen. Das wird das ein wenig nach oben ziehen. Und wieder, lassen Sie uns dies mit der Homepage verbinden und sehen, wie es aussieht. Also werden wir diesen Knopf mit dieser Seite anhängen. Wir sehen uns eine Vorschau vor. Okay, jetzt, wenn wir auf ein Projekt klicken, wirst du tatsächlich in das fallen gelassen. Wir haben den Namen des Projekts, eine Beschreibung der Rolle, einen Kontext dessen, was das Produkt ist, an dem sie arbeitet, und dann eine weitere Beschreibung der Rolle. Und die Leute werden hier verstehen, dass du nicht genau zeigen kannst, was du tust. Sie können auch einfach erklären, dass jeder das bekommt. Aber dann haben sie einen schnellen Link zu einigen anderen Arbeiten, die sie hier schnell auswählen können. Also lassen sie nicht nur hängen, also bitte lassen Sie nicht die Leute damit hängen. Ähm, diese Art von Arbeit. 10. So erstellst du eine Case: Okay, jetzt für das Projekt ist das eher wie eine Fallstudie. Also ist das wahrscheinlich ein wenig verwandter, wenn Sie ein Schulprojekt haben, , ein Schulprojekt haben, jede Art von Fallstudien Dinge wie diese. Nur etwas, das du nicht für Geld getan hast. Im Grunde, ähm und das ist derjenige, mit dem ich den gesamten Prozess durchlaufen werde. Was wir also tun können, ist eigentlich nur gehen und diese erste Projektseite replizieren. Also duplizierst du einfach und so wird alles angelegt. Das gleiche aus dem Namen dieses Projekts wird geerntet. Also gehen Sie weiter und erstellen Sie diese Seite. Und dann, was wir tun werden, ist, diese Schönheits-Aufnahme zu ändern. Und wieder, wir fangen das mit dem Schönheitsschuss an. Also gehe ich einfach in diesen Ordner und wähle die Header-Bilder aus. Und dann werden wir auch die Farbe der Seite ändern und dann werde ich anfangen, diese Informationen hier zu aktualisieren und wenn es ein Produkt ist, das, wie die Leute nicht vertraut sind, wie eine Fallstudie, Ich mag es , eine einfache, einfacher Deskriptor dessen, was es ist, direkt unter dem Namen. Also ist dieses Produkt eigentlich als Kommunikation zwischen Landwirten und Lebensmittelbanken gemeint, weil Bauern tatsächlich Tonnen von Lebensmitteln wegwerfen, die sie tatsächlich spenden könnten. Ähm, also möchte ich etwas Einfaches hinzufügen, um zu erklären, wie was los war und wieder nach rechts, auch eine Beschreibung dessen, was das Projekt ist. Also werde ich das wirklich hochziehen. Nein, füge das für jedermann ein. Lassen Sie mich es überall ziehen. Fügen Sie dies für jedermann ein. Aber ich habe eine Projektlayoutseite für jedes dieser Projekte. Dies ist eine Art Formel, die ich gerne befolge, und es ist sehr hilfreich, dies vorher auszufüllen. Es wird Ihnen eine Menge Zeit sparen, weil es sehr zeitaufwendig ist. Ich versuche nur, diese Informationen einzugeben, wie Sie gehen. Aber es wird Ihnen auch helfen, eine Seite wie diese auszufüllen und auszulegen. Also werde ich diese und Beschreibung für alle hinzufügen. Aber nur damit du es weißt, ich ziehe nicht nur magisch das ganze Zeug vorher ab. Es wurde platziert und irgendwie angelegt und wieder nach rechts. Wir haben einen Teil dieser Beschreibung. Also eine Erklärung für das Projekt und das Problem hier und Sie können auch jede Art von Teamkollegen Informationen wie, was Ihre Rolle im Team für die meisten Fallstudien war. Du hast wahrscheinlich alles alleine gemacht. Solange Sie also erklären, dass das ein Fallstudienjahr ist, wie Quick Research Project, ist das ziemlich offensichtlich. Die nächste Sache für dieses Projekt wird also sein, die Grundlage des Problems zu erklären . Und um das zu tun, werde ich einige Entwürfe schnell vorlegen. Und das erste, was ich dio werde, ist tatsächlich ein paar Recherchen hier zu platzieren. Einige mögen Statistiken, die getan wurden, um zu helfen, das Problem von Anfang an aufzudecken. Okay, das ist also nur eine Möglichkeit, einige der ersten Forschungen zu erstellen, die für dieses Projekt durchgeführt wurden . Ähm, ich habe es jetzt nicht, aber ich werde wahrscheinlich einen Link dazu hinzufügen, wo diese, ähm, diese Forschung kam immer hilfreich. Teoh Anblick Ihre Quellen hier fügt einfach Glaubwürdigkeit zu Fallstudien, sondern gibt auch Respekt, wer auch immer die Forschung, weil auf jeden Fall Respekt geben wollen , Respekt geben. Wollen Sie Oh, wissen Sie, stellen Sie sicher, dass jeder die Rechte auf seine eigene Arbeit hat. Also auf jeden Fall immer einen Link fallen, um Forschung zu zitieren. Fertig hier. Was wird damit auch umgehen? Machen Sie auch irgendwie ein Gleiten in Animation mit ihm als auch. Also schau dir das an. Okay, also haben wir unser Beauty-Image. Wir haben einen einfachen Namen und die Beschreibung des Projekts. Und wieder, normalerweise, Rollen werden hier aufgenommen, je nach Projekt und dann eine super prägnante Art der Beschreibung dessen, was es ist. Und ich zeige gerne jede Forschung, neue Wundersachen auf diese Weise. Es ist viel ansprechender, dies zu tun, als es einfach wie ein großes Lehrbuch einzufügen. Also ermutige ich jeden, dass, wenn Sie irgendwelche Daten wie diese haben, an einen Weg wie diesen denken, Sie sich frei fühlen können, diese Methode zu verwenden, um sie anzuzeigen. Aber das ist nur ein besserer Weg Zehe. Kann ich das Fundament des Problems erklären? Denn das ist, was wir hier in diesem ersten Schritt tun, ist, dass alles hier nur erklären wird, was wir getan haben, um das Problem aufzudecken. Und dann werde ich auch einen weiteren Abschnitt hinzufügen, um einige dieser Forschungen, die stattgefunden haben, zu vervollständigen. Und ich werde dies auch schnell vorwärts so wieder hier ist es hilfreich zu haben, wie Dochte und Squarespace, die Symbole und Dinge, die Sie verwenden können, zur Verfügung stellen. Ähm, also können Sie bei jeder Gelegenheit das Druckmittel nutzen, das ich es ermutige. Ähm, es ist einfach kostenlos hier für Leute zu verwenden, also definitiv, auf jeden Fall nutzen. Okay, jetzt, da wir diesen Teil fertig haben, werde ich tatsächlich eine leichte Fade-in-Animation hinzufügen. Ich will nicht, dass alles auf der Seite immer froh ist, oder? Unbedingt. Aber ich möchte, dass diese Art von Infografik Toe eine bessere Art von Animation haben, um es ein wenig interessanter zu machen . Und wieder, diese Luft Art von grundlegenden Fax, die wirklich das Problem beschreiben. Und das ist es, was dieser ganze erste Abschnitt gewidmet ist. Teoh ist der Prozess, das Problem aufzudecken. Also falle ich einfach heraus, was in diesem Dokument war und wie spät diese Dinge raus. Und wir haben noch einen Aspekt. Teoh fügen Sie den ersten Teil dieses Prozesses hinzu, und das ist ein System und Stakeholder-Analyse, die durchgeführt wurde. Einige kopieren und fügen Sie diesen Text einfach über. Und dies wird der letzte Teil dieser wie Entdeckungsphase sein, im Wesentlichen wie die Prozessgrundlage. So nenne ich es gerne. So können Sie dies scrollen und kopieren und einfügen dieses aus diesem Dokument und was wir Dio könnten ist ein Bild davon hinzuzufügen. Das ist also eine Art Service im Stakeholder-Diagramm. Es wurde in diesem Projekt getan, und eine Menge Arbeit ging hinein. Und es basiert auf einem ganzen Tag, der mit, ähm, verbracht mit den Benutzern. Also mit einem Landwirt, dem Verteiler, und dann füttern die hungrigen Menschen in einer Lebensmittelbank. Es gibt also eine Menge Tiefe, die darauf hineingegangen ist. Ähm, also werden wir didieren, dass ein Teil des Textes in diesem Diagramm eigentlich klein ist. Also, was wir tun können, ist tatsächlich dieses Teoh zu setzen. Wenn Sie darauf klicken, wird es vergrößert. Also, wenn Sie geklickt, können Sie dio es vergrößert werden könnte. Und wenn Sie also irgendein großes Diagramm wie dieses haben, , ermutigen Sie die Menschen. Teoh hat immer die Zuman-Funktion für den Fall, dass die Leute hineinzoomen und einige der Dinge darin lesen wollen . Ähm, immer hilfsbereit, Hilfreiche Note. Das wird sicher geschätzt, aber wir werden es uns senden, und das ist nur eine kurze Notiz über diese Art von Forschungsprozess. Am Anfang gab es eine Menge Sachen, die in dieses System und die Stakeholder-Analyse eingingen. Es gab eine Reihe von Bewertungen. Es gab eine Reihe von Zitaten. Es gab Interviews mit Benutzern. Es gab Besuche vor Ort. Aber für dieses Projekt das Highlight und das Ergebnis von all dem tatsächlich dieses Diagramm. Es gibt also mehr Inhalte hier zu setzen, aber weil wir uns bewusst sein müssen, wie lange das Projekt sein wird, nur diesen und eine Art ah, Gesamtdeskriptor dessen zu haben , was es ist, ist eine bessere Nutzung dieses Raumes. Denn wenn wir das wirklich ausgesprengt haben und wenn Sie sich vorstellen können, dass jeder dieser Schritte Bilder und Zitate und Dinge dieser Art hätte, wäre dies ein super langes Projekt. Aber auch hier geht es darum, den Höhepunkt des Prozesses zu zeigen, nicht den gesamten Prozess. Auf die gute Sache, all diese Sachen übrig zu haben, ist, dass, wenn Sie in einem Interview-Setting zu bekommen , Sie viel mehr haben, dass Sie hier zeigen können und dann immer gut aussieht Zehe haben, wie Ihre Frontseite Portfolio und dann mit Sachen, die Sie, wenn Sie müssen, in eine vollständige Präsentation über Ihren Prozess blasen können. Also wieder, dies ist nur ein Highlight hier, aber es macht eine ziemlich gute Arbeit, all diese beweglichen Elemente zu beschreiben, in die eine Menge Forschung ging. 11. Behalte dein Problem: und ich mache dies normalerweise gerne zu einer ziemlich mutigen in druckvollen Aussage. Ich mag es, das Problem irgendwann auf der Seite zu setzen und was wir für ziemlich offensichtliche mehrere Tiu lösen . Eigentlich ist das in Ordnung. Wir werden mit der Größe bleiben und dann werde ich eines meiner Probleme Aussagen aus diesem Dokument greifen und gut Tempo dies in. Eigentlich bearbeiten Sie diesen Text nur ein Haar. Wir bringen es auf 40 runter. Ehrfürchtig. Und dann werde ich einige wichtige Dinge in dieser Aussage hervorheben, die unsere Lösungen direkt auf Sie beziehen. Nein, nein. Okay, also wieder, das ist wie das Ergebnis und das Ergebnis von, wie, all dieser Recherchen an wieder, es gab eine Menge mehr Forschung, die tatsächlich einging und der Kontext einer Reihe von Bildern, eine Reihe von Zitaten und viele andere Dinge, über die wir hier schreiben könnten. Aber auch hier geht es um die Highlights und darum, diesen Punkt in einer ziemlich prägnanten Weise zu erreichen. Es geht nicht darum, jedes und alles zu schreiben, was in diesem Projekt auf gritty getan wurde, viel alles danach wird lösungsbasiert sein. Also geh weiter und fange an, ins Haus zu steigen. Wirklich, das schlimm aus 12. So zeigt dir deine Lösung an: und wieder werde ich kopieren und einfügen verpassen, und wie Sie anfangen wollen zu legen, ist die Lösung wieder zur Interpretation bereit. Ich beginne es gerne mit allen Branding-Elementen, die erstellt wurden, bevor ich wirklich in diese Lösung und die wichtigsten Aspekte des Designs einkomme , bevor ich wirklich in diese Lösung und die wichtigsten Aspekte des Designs einkomme . So fügen Sie wie eine schnelle Zusammenfassung der Marke für das Produkt. Okay, jetzt haben wir eine schnelle Art von Erklärung, was die Marke ist irgendwie vorwärts, einige der Farben und die Bildschirme als auch. Und das nächste, was ich gerne mache, ist nur , eine Schlüsselfunktion, eine ziemlich prägnante Schlüsselfunktion Call out, weil sie normalerweise gerne mit einer Art statischen Beauty-Aufnahme der Hauptseite beginnen und dann einige Erläuterung dessen, was auf dem Bildschirm passiert. Also, was wir tun können, ist einfach die Umfrage ziehen diesen Text aus erscheinen dann ich normalerweise gerne zu beziehen was ich mit diesen Elementen rufe, zurück zu den Quetschpunkten von oben, nur damit es sehr klar ist, Ähm, was es ist, warum wir adressieren die Dinge, die wir im Design angesprochen haben und ich finde, aktualisieren Sie diesen Text. Okay, was ich normalerweise mache, ist nur ein paar schnelle Deskriptoren einiger der Hauptelemente auf der Seite und nur die wichtigsten Funktionen dieser Homepage zu setzen. Und dann können wir nach unten gehen und sie in der Regel mögen, für diesen nächsten Schritt, wählen Sie in der Regel drei andere Hauptmerkmale der App und dann markieren Sie diese einzeln. Ich mag, dass mit diesem Text auf der rechten Seite zu tun und dann das Bild auf der linken Seite, Also eine Kopie und fügen Sie diese nach unten. Und das erste, was ich besprechen möchte, ist irgendwie das On-Boarding, und es variiert. Was danach geht, wie eine Schlüsselfunktion Beschreibung, ähm, hält es ziemlich einzigartig für das Projekt und einzigartig über, wie, wie, die Lösung, zum Beispiel, zum Beispiel, wie beim Boarding ist hier nicht einzigartig, aber die ah auf dem Boarding ist einzigartig, aber beim Boarding ist normalerweise nicht etwas, das einzigartig sein muss. Der On-Boarding Prozess beinhaltet tatsächlich eine Menge von Informationen, die von Distributoren eingegeben werden, was ein ziemlich cooler Aspekt ist. Und einige der Dinge, die wir bemerkt haben, dass wir ein Prise Point sind. Also, das ist, warum ich eine lange Geschichte kurz, nur stellen Sie sicher, dass Sie Dinge, die Luft einzigartige und interessante Lösung. Ähm, wie eine Anmeldeseite ist interessant, ähm, ähm, es ist notwendig, aber es ist nicht etwas, das Sie hervorheben möchten, damit wir das wirklich schnell in der Vorschau sehen können. Ok. Normalerweise verwende ich Geschenke in diesen Situationen. Es hilft nur, mawr von dem zu erklären, was los ist. Sie müssen ihn nicht setzen, aber im Allgemeinen, als würde es Ihnen etwas Platz sparen, weil ich ein paar Bildschirme und ein Geschenk machen kann . Ich muss hier nicht drei Bildschirme haben,um zu erklären, was am Boarding wichtig ist. Ich muss hier nicht drei Bildschirme haben, haben, Ähm, das könnte gehen. Ich könnte später ein weiteres Video darüber machen, wie man solche Geschenke kreiert, ist Nun, ähm, lassen Sie mich wissen, ob jemand daran interessiert wäre. Es ist ein bisschen einfacher, als du denkst. Und so wiederhole ich diesen Prozess, ähm, für gewöhnlich etwa drei Hauptabschnitte der Lösung. Also vertrage ich diese Stadt, und ich mag die Alternative links und rechts auf der Seite. Nur damit es nicht immer so vorhersehbar ist, wo die Dinge sein werden, aber wieder, ich werde dies tun und Art von Wiederholungen, was die Lösung ist. Aber ich werde hier schnell vorwärts gehen. Okay, jetzt, da die Hauptmerkmale eine Lösung oder angelegt sind, haben wir die Hauptbereiche hier mit einigen Deskriptoren hervorgehoben. Und wieder, dies sind für mich die Highlights der Lösung und die einzigartigen Teile darüber gemeint. Ich fühle nicht das Bedürfnis, in super Details über jeden Bildschirm, den Sie entworfen haben, zu gehen. Sie können das für das Interview wieder speichern, aber Sie wollen nur, dass jemand in der Lage sein, durch zu blättern und die wichtigsten Funktionen und Art von was los ist zu verstehen . 13. So beendet, ein Projekt: Und so sollte es für jedes Projekt einen Aspekt des Tests geben, der stattgefunden hat. Normalerweise mag ich es. Für Fallstudien lassen, dass, ähm zum Ende, ich meine nicht, dass Tests nie stattgefunden haben. Ich meine nur in dem Sinne, dass es gut ist, mit Feedback oder Dingen zu enden, die du gelernt hast. Um so für dieses Projekt wird dies irgendwie mit einem Testabschnitt abrunden , ,der getan wurde. Professionelle Projekte werden in dieser Hinsicht ein wenig anders sein, und das liegt nur daran, dass es im Allgemeinen viel mehr Tests gibt, die weitergegangen wären und ein professionelles Produkt, so dass Sie darüber sprechen können es mehr. Aber das ist immer noch das gleiche in dem Sinne, dass es nur die Highlights des Tests sein sollte . Aber das hier, wir werden es mit Tests und irgendwie was daraus gelernt wurde, abrunden. Und die Tests wurden tatsächlich mit der gleichen Gruppe durchgeführt, mit der einige der ersten Forschungen durchgeführt wurden . Also fügen wir hier ein paar Bilder für den Kontext hinzu. Dafür gab es eigentlich ein Video von Tests, und das werden wir hier runterwerfen, wenn Sie so etwas haben. Ich denke, es ist immer gut, zumindest eine Art Videobilder Ihrer Tests einzubeziehen, denn wieder, denn wieder, wenn es wie eine Fallstudie oder ein Schulprojekt ist, gibt es keinen Beweis dafür, dass Sie es tatsächlich getan haben. Und es hat nur eine gute Validierung für diejenigen, die Ihr Portfolio ansehen, das Sie getan haben. In der Tat, recherchieren oder nicht nur so, wie es sich erfinden. Wählen Sie Lee Mit diesem Projekt haben wir eine Art coole Testvideo. Und wieder, wenn Sie so etwas haben, auf jeden Fall immer ermutigt, es aufzunehmen. Es ist ein politischer Kampf wirklich schnell. Vergewissern Sie sich, dass das alles Amerikaner ist. Okay, so wie, hier ist eine coole Art von Überblick über einige der Forschung, die durchgeführt wurde und die Tests nach der Tatsache. So wie eine nette Note, ein cooles Video, haben Sie sicher. Und dann ist die Art und Weise, wie ich jedes einzelne Projekt, egal ob Berufsschule oder Fallstudie, mit Art von Ergebnissen und Reflexion abrunden möchte. Das ist sehr, sehr wichtiger Teil, um, um, dein Projekt darüber spricht, wie es gelaufen ist und was du verbessern würdest, was du anders machen würdest, Dinge wie das. Es ist auch sehr interessant, Teoh Misserfolge hier zu besprechen. Sie könnten mehr als einen Absatz ausführen. Ich werde es nur den einen Absatz dafür behalten, aber es ist sehr interessant zu hören, ob du versagt hast. Wie bist du gescheitert? Was haben Sie aus den Ergebnissen der Tests gelernt? Wenn etwas schief gelaufen ist, schließen eso definitiv einige Ergebnisse in Reflexion über Seien Sie ehrlich , ein, denn jeder weiß, dass Projekte nicht immer perfekt laufen. Also reden Sie darüber, was schlecht gelaufen ist. Es lässt dich nur menschlicher erscheinen und lässt dich auch ehrlich erscheinen, was immer gut für ein Portfolio ist. Es lässt dich nur menschlicher erscheinen und lässt dich auch ehrlich erscheinen, Und dann, eigentlich, das letzte, was ich hier hinzufügen werde, ist der andere Arbeitsabschnitt aus unserem letzten Projekt. Also werde ich einfach darauf einschalten. Und wie schnell dafür. Okay, jetzt, da dieser andere Arbeitsabschnitt in und wieder ist, werde ich dies mit einigen anderen Projekten füllen, bevor diese eine Seite veröffentlicht wird, aber immer gut, um die Projektseite damit zu runden. Und so ist es tatsächlich gehen zurück auf die Startseite und Ihre schnelle Überprüfung 14. Zusammenfassung: Also hier haben wir eine Einführung Beschreibung des Namens sprechen darüber, wer Sie sind und was Sie tun. Wir haben wieder unser erstes Projekt. Wenn Sie professionelle Arbeit haben, stellen Sie sicher, dass das Ihre erste und vorderste Sache ist. Wir können dieses Projekt jetzt ansehen. Also haben wir unser Beauty-Bild direkt hier am oberen Namen, Produktbeschreibung und wieder, können nicht wirklich etwas zeigen, weil einige davon unter einem Indy funktioniert. A. Also nur Kontext über das, was die Arbeit ist und dann Erklärung der Rolle des Unternehmens. Andere Arbeiten für den Schieberegler. Gehen Sie zurück eine ausgezeichnete Me Double Check, um sicherzustellen, dass diese Schaltfläche verbunden ist und ich werde diese Texas Well aktualisieren , es ist nicht verbunden. Nun, der Typ hat das nicht wirklich schnell gemacht. Und nur eine kurze Notiz über den Namen hier. Teoh. Normalerweise überlasse ich es nicht einfach als Namen. Ich füge gerne eine Art Deskriptor Teoh hinzu. Nur so ist es, weil die Route nicht wirklich hyper beschreibend ist. Ähm, und es ist gut, eine Erklärung dafür zu haben, was das direkt daneben zu tun ist. Darüber hinaus sehen Projekt, und wieder bekommen wir diese Schönheit Schuss. Lassen Sie mich scrollen in erhalten Sie den Namen, Beschreibung. Und dann haben wir unsere Grundlagenforschung hier. Einige der Informationen, die zu Beginn gesammelt wurden, eine große Stakeholder-Analyse hier gemacht. Sie können einen Mann sehen, und dann kommt diese Art von allem zusammen als die Prise Points und Art des großen Problems , das wir von der Forschung am Anfang bekommen haben. Die Höhepunkte. Und dann gehen wir in unsere Lösung Schlüsselfunktionen, die wir hier kennen, ein Hauptschrei, und dann drei Funktionen, die für unsere Lösung ziemlich wichtig sind, und dann Beschreibungen links und rechts davon. Und schließlich, ich mag es immer mit irgendeiner Art von Tests oder Feedback zu runden. Ähm, jetzt ist es wirklich gut hier mit diesem Video gemacht und resultiert in Reflexion. Und nur damit wir schauen, handelt es sich wahrscheinlich um ein mittellanges Projekt, das ich für ziemlich gut halte. Beginnen Sie immer mit dem Beauty-Schuss hat eine Erinnerung. Kurze Beschreibung an der Spitze und dann Highlights Ihres Prozesses. Das ist das Größte hier. Wir haben Highlights der Forschung am Anfang gemacht, und dann haben wir Highlights unserer Lösung. Und dann haben wir am Ende Reflexion und dann Links zu anderen Arbeiten. Und was ich tun werde, ist, dass ich diesen genauen Bildschirm für jedes andere Projekt, das ich hinzufüge, buchstäblich kopieren und einfügen werde. Also, wenn Sie Teoh brauchen, schauen Sie sich diese Live-Website an, nachdem es fertig ist, und Sie werden in der Lage sein, alle anderen Projekte zu sehen genau so eingerichtet wurden. Und das Letzte, was zu überprüfen ist, ist die Über Seite. Und wieder werde ich dies mit einem Bild von Shannon und nur eine Art interessanter Informationen hier aktualisieren . Ein Link zu einem Lebenslauf und einer Kontaktseite erneut. Sie müssen nicht alle Ihre Informationen über Ihren Lebenslauf haben, wenn Sie nicht wollen, dass Reina Menschen Lage sein, Sie zu verfolgen. Also ist es gut, dieses Kontaktformular zu haben. Uh, nur wenn jemand Kontakt aufnehmen muss, aber das schließt es für diese Klasse ein und ich werde anfangen, diese Portfolios zu beenden , nur damit jeder es als Referenz hat. Danke, dass du dran geblieben bist. Jeder 15. Ende: Okay, also das schließt es für diese Klasse ein. Ich werde die Website aufstellen. Du Earl, in der Beschreibung. Es gibt einige andere Projekte, die ich hinzugefügt habe, die ich nicht in das Video aufgenommen habe. Das könnte gut zu referenzieren sein. Wenn Sie fragen, wie Sie einige andere Dinge anlegen, gibt es einige Benutzerflüsse, Drahtrahmen, Dinge dieser Art, die ich in anderen Projekten angelegt habe, die wichtiger Teil des Prozesses waren . Also zögern Sie nicht, das zu überprüfen, wenn Sie darauf hinweisen wollen, wie ich etwas anderes ausgelegt habe. Abgesehen davon freue ich mich, zu sehen, was ihr tut, und beginne, eure Portfolios zusammenzustellen und mich wissen zu lassen , wie es geht. Aber danke fürs Zuschauen.