Finden der Perfect UX Portfolio-Website

Wie ich durch 3 Wochen Fickerei gegangen bin, damit Sie nicht müssen

TLDR; Hier sind die Website-Programme, die ich getestet habe:

Wix, Squarespace, Dreamweaver, RapidWeaver, Webflow, Canva, Universum, Uxfol.io, Tilda, Sketch, Tumblr, Instagram, Sparkle, Wollig, Einfach, Adobe Spark und Wordpress.

Einführung

Hier ist also die Sache, heutzutage benötigen Sie eine Website, Platz oder einen Feed, um Ihre Inhalte zu veröffentlichen.

Als Designer müssen Sie Inhalte in verschiedenen Formaten erstellen. Videos, Dokumente, Langbeiträge (Fallstudien) und Bilder. Viele, viele Bilder.

Es gibt Orte, von denen ich sagen würde, dass sie üblich sind oder der beste Ort, um einzelne Arten von Inhalten zu veröffentlichen. kleine fotos und kurze videos eignen sich beispielsweise hervorragend für instagram, dribbeln oder bechance. Fallstudien, insbesondere in UX, sind zu Medium übergegangen.

Ich brauchte eine Website, die als Drehscheibe für all meine unterschiedlichen Inhalte dienen konnte. Ich wollte meine Beiträge nicht vom Medium oder meine Fotos von Instagram entfernen. Ich brauchte auch einen Weg, um Menschen auf meiner Website wieder zu diesen Plattformen zu bringen. Das Tolle an Medium und Instagram ist, dass sie sozial sind. So erhalten Sie Feedback, erreichen eine große Zielgruppe und können Inhalte schnell und einfach über eine App so aktualisieren, dass mein aktueller Workflow nicht unterbrochen wird

Auch als Designer bin ich besonders angetan mit dem Aussehen und der Erfahrung, die Sie mit der Website gemacht haben.

Meine Kriterien:

  • Importieren Sie Inhalte aus Instagram und Medium oder
  • Zeigen Sie einen Inhaltsfeed von Instagram und Medium an, den ich auf der Website kuratieren kann
  • Schöne Vorlagen, die ich anpassen kann
  • Responsiv
  • Funktioniert gut auf Desktop und Mobile
  • Nicht schwer zu benutzen

Die großen zwei

Die beiden wichtigsten Website-Builder, die in den letzten Jahren stark veröffentlicht wurden, sind Squarespace und Wix. Ich glaube nicht, dass ich mehr als 20 Minuten auf Youtube gehen kann, ohne Anzeigen für beide zu sehen.

Ich habe mir gedacht, dass dies eine einfache Lösung für die schnelle Einrichtung Ihrer Website ist.

Squarespace

Ich habe anfangs mit Squarespace angefangen, weil es meiner Meinung nach eher „Designer-freundlicher“ der beiden ist, mit hübsch aussehenden Website-Templates und einem super schicken Interface.

Was sie nicht sagen:

Dieter Rams sagte: Gutes Design ist so wenig Design wie möglich.

Das Team von Squarespace hat das so interpretiert, dass es den Leuten sehr wenige Optionen zur Anpassung gibt. Ich konnte meine mittleren Fallstudien nicht importieren und musste im Wesentlichen jede einzelne Fallstudie von Grund auf neu schreiben.

Nicht Okay.

Die Art und Weise, wie Links mit anderen Sites gehandhabt werden, hat auch für mich nicht funktioniert. Ein Link wird anders dargestellt, um einen Instagram-Beitrag zu sagen. Es gibt sehr wenige Möglichkeiten, neuen Inhalt hinzuzufügen, beispielsweise ein Bildkarussell usw., ohne die Website vollständig zu ändern.

Fazit: Hübsch, aber grundlegend. Flach und oberfläche ebene.

Wix

Ich hatte von Wixs Plugins gehört, was mir Hoffnung gab, dass ich dort ein bisschen besseres erleben könnte. Es gibt viel mehr Vorlagen zur Auswahl (obwohl nicht so schön wie die von Squarespace), aber sie scheinen etwas anpassbarer zu sein.

Die eingebauten Tools wie Menüleisten, Karussells und Feeds sind auch ganz nett.

Was sie dir nicht sagen:

Anpassungen, die über das Ändern der Farbe und möglicherweise der Anzahl der angezeigten Elemente hinausgehen, erfordern HTML- und CSS-Code, nicht etwas, worauf ich mich für etwas so grundlegendes einlassen möchte.

Es reicht nicht aus, 2 Stunden lang nur die Größe einer Tab-Schaltfläche anzupassen. Oder versuchen, ein Karussellobjekt mit meinem Linkedin zu verknüpfen.

Auch die Benutzeroberfläche des Generators sowie die von ihm erstellten Websites sind fehlerhaft.

Großer fetter Nö von mir.

Was ist mit einigen Apps?

Es gibt eine ganze Reihe mobiler Apps, die entwickelt wurden, um die Erstellung einer Website zu erleichtern. Erstellen Sie eine Website in zwei Schritten, direkt auf Ihrem Handy!

Klingt zu gut um wahr zu sein.

Universum

Ich liebe diese App wirklich; Wenn Sie eine einfache Website vor Augen haben, kein Schnickschnack, kein Nichts. Benutze das.

Wirklich kluges Konzept, gute Ausführung, super mächtig, wenn Sie in HTML einsteigen möchten.

Was sie dir nicht sagen

Es gibt fast keine Unterstützung oder Dokumentation für diese App. Ich habe das Gefühl, ich könnte "bekommen", was ich wollte, aber ich müsste mir ein paar ziemlich schwere HTML / Java / CSS beibringen, für die ich noch nicht bereit bin.

Für jede Art von Feed müsste ich den Code selbst schreiben.

Die App erstellt auch Websites, die sehr mobil ausgerichtet sind, was großartig sein kann, aber nicht das, was ich suche.

Danke dir als nächstes.

Simpl.

Ich werde nicht viel Zeit mit diesem verbringen.

#Basic.

Adobe Spark-Seite

Ich habe eine Hassliebe mit Adobe Spark-Produkten.

Ich habe Spark-Page und Spark-Video verwendet, um kleine Produkte und Beiträge zum einmaligen Gebrauch zu erstellen

Was sie dir nicht sagen

  • Es ist langsamwwwww
  • Kann nicht über voreingestellte Themen hinaus angepasst werden
  • Keine GIF-Unterstützung
    • Kein Domain-Hosting
    • Eine einzelne Textseite macht keine gute Website.
    • Okay, was ist mit einem Web Builder?

      Webflow

      Webflow ist schön. Ich werde es einfach da draußen hinstellen.

      Sie möchten eine wunderschöne Website mit absoluter Kontrolle über Typ, Farben, Layout und sogar Animationen bis hin zur Pixel- und Bezierkurve. Ich wünschte, ich hätte ein paar Wochen Zeit, um es zu lernen, vielleicht schaue ich später noch einmal nach.

      Warum habe ich diesen nicht ausgewählt?

      Um ehrlich zu sein, war ich einfach überwältigt.

      Der innere Interaktionsdesigner in mir schreit.

      Es gibt einfach so viel zu ändern, und ich hatte zu diesem Zeitpunkt noch nicht die genaue Vorstellung von dem, was ich wollte, dass meine Website sein sollte. Ich könnte Wochen damit verbringen, eine einzelne Animation zu perfektionieren, und obwohl das erstaunlich ist und alles, was ich will, ist es jetzt nicht das, was ich brauche.

      Leider wird auch keine Desktop-App mitgeliefert. Webinterfaces sind in Ordnung, wenn Ihr Web funktioniert, meine aber nicht.

      Lass uns für den Moment parken.

      Was ist mit Desktop-Website-Buildern?

      Dreamweaver

      Dieser ging direkt in den zu harten Korb.

      RapidWeaver & Sparkle

      Mit ihnen eine Weile gespielt; hier ist mein Take

      • Große Anpassung, sehr vertraute Schnittstelle, Liebe, Liebe, Liebe.
      • Keine Unterstützung für die Futtermittelintegration mit Medium.
      • Plus kein integriertes Hosting, also müsste ich das alles selbst einrichten.

      Vielleicht denke ich zu viel nach

      Was ist mit einer Art sozialer Plattform?

      UXFolio

      Es ist buchstäblich für UX'er gebaut.

      Uxfolio ist eigentlich eine großartige Plattform, ich bin mir nicht wirklich sicher, mit was es verglichen werden soll, aber es macht es wirklich einfach, Fallstudien zu schreiben, gibt Ihnen großartige Werkzeuge, um Ihre Arbeit wirklich gut zu präsentieren, und erfordert relativ wenig Setup.

      Es erlaubt jedoch nicht viel in Bezug auf die Gestaltung und wiederum keine Integration mit Instagram oder Medium. Wenn ich bei Null angefangen habe, könnte dies eine Option sein.

      Es gibt auch keine Möglichkeit, Ihren eigenen Domainnamen zu verknüpfen.

      Behance

      Großartig für meine bestehenden Projekte, die alle aus dem Industriedesign stammen. Ich mag es jedoch nicht, Fallstudien darüber zu schreiben, und es besteht keine Möglichkeit, sie von einer anderen Plattform zu bringen.

      Adobe-Portfolio

      Wenn Sie eine Behance-Seite haben, kann ich diese unbedingt empfehlen. Importiert Ihre vorhandenen Feeds von Fallstudien in eine hübsch gestaltete Website.

      So nah an dem, was ich will. Verwenden Sie einfach Medium und Instagram bitte.

      Instagram

      Verlinkung in Instagram

      Ich habe instagram bereits für meine Arbeit verwendet, eine großartige Social-Media-Plattform und erstaunlich, um visuelle Inhalte zu teilen und ein breites Publikum zu erreichen. Es gibt jedoch keine Möglichkeiten, Links zu anderen Inhalten zu setzen (die ich sowieso gefunden habe, ohne ein großes Backend zu erfordern) Arbeit, um ein shopify-Konto darin zu hacken)

      Es ist jedoch eine großartige Möglichkeit, kleine Interaktionen zu teilen.

      Kann Fallstudien jedoch nicht teilen.

      Tumblr

      Tumblr ist großartig, weil es möglich ist, viele verschiedene Arten von Inhalten aus verschiedenen Quellen zu veröffentlichen. Es hat auch eine Menge Unterstützung und jede Menge kostenloser und kostenpflichtiger Themen, die Sie nutzen können.

      Leider hat mir der Umgang mit Links zu meinen mittleren Posts nicht gefallen, und ich kann keine Möglichkeit finden, Geschichten einzubetten.

      Am Ende hatte ich ein klobiges Durcheinander von Popup-Fenstern und Registerkarten.

      Nicht ideal.

      Während meiner Recherche stieß ich auf diesen Portfolio-Builder, der absolut fantastisch aussah. Lass uns eine Sekunde darüber reden.

      Semplice

      Das sieht verdammt schlecht aus, die Website ist schmickig und die Tatsache, dass Google, Fjord und all diese hochkarätigen Unternehmen sie nutzen! Ich muss es knacken!

      Wie konnte ich nicht überzeugt werden!

      Was sie dir nicht sagen

      Dies ist im Wesentlichen ein verherrlichtes Wordpress-Design. Sie müssen jetzt nicht nur Ihre eigene WordPress-Website installieren und hosten, Sie müssen nicht nur eine, sondern ZWEI unübersichtliche Schnittstellen verwenden, um Ihre Inhalte einzurichten.

      Früher wurde die Medienintegration jedoch nicht mehr unterstützt.

      Ich schwöre, ich habe ungefähr vier Stunden damit verbracht, eine einzige Seite für die Navigation in der Navigationsleiste einzurichten.

      Nicht ideal.

      Es geht um 200 Dollar.

      Was können wir daraus entnehmen?

      Wir haben ein übergreifendes Thema für die Möglichkeit, bestimmte Parameter anzupassen, ohne dabei von der Auswahl überwältigt zu werden.

      Auch ist keine einzige Plattform sehr gut in das Medium integriert.

      Occhams Rasierer meinte, das Einfachste wäre, Medium in meine Website zu verwandeln.

      Also das habe ich getan.

      Wie ich aus Medium eine Website gemacht habe.

      Nun gibt es zwei Seiten zu Medien, eine für das Posten persönlicher Inhalte und eine andere Seite, auf der Sie Inhalte unter einer Marke oder einem Marketingnamen veröffentlichen.

      Ich benutze beides.

      Sieht aus wie eine normale Website, nicht wahr?

      Das Einrichten einer Publisher-Seite ist sehr einfach. Außerdem können Sie Ihren eigenen benutzerdefinierten Namen festlegen, Autoren hinzufügen, wenn Sie mehr als den Inhalt einer Person wünschen (ideal für das Teilen von Teamgeschichten), und Sie können sogar Geschichten in verschiedenen Registerkarten kategorisieren, die als Seiten einer Website dienen.

      Medium ist, da es sich um die Host-Plattform handelt, überraschend gut in sich integriert. und für meine Instagram-Beiträge hat es eine super heiße Einbettungsmagie, so dass ich meine Bilder einschließen und ihnen die Liebe geben kann, die sie verdienen.

      ← - - So sehen eingebettete Beiträge aus.

      Schattenseiten? Sicher. Es hat einige.

      Ich schwöre, ich hatte Medium-Publisher gesehen, die ihre eigenen Domainnamen verwendeten. Leider wurde diese Funktion inzwischen entfernt.

      sheit.

      Ich fühlte mich so schlecht.

      Aber Ninja Chris würde uns nicht davon abhalten lassen! Da ich bereits einen Domainnamen registriert habe, habe ich ein paar ausgefallene HTML-Codes erstellt, um Besucher automatisch von meiner Website zu meinem neuen Medium zu leiten.

      wixLocation von 'wis-location' importieren;
      $ w.onReady (function () {
      wixLocation.to (“http://www.medium.com/interactiondesignunicorn”);
      })

      (Der Code für alle Interessierten)

      So, das war es! Das ist die Geschichte, wie ich 3 Wochen unbarmherzigen Herzschmerz, Enttäuschungen und Shitshows erlebt habe, so dass Sie nicht müssen

      Lesen Sie hier mehr - - →