Wie kann ich ein funktionierendes Beispiel meiner früheren Webentwicklungsarbeit präsentieren, ohne auf die sich ständig ändernde Live-Site zu verlinken?

16

Wenn ich eine Website entwerfe, ist es meiner Meinung nach nützlich, nicht nur Screenshots, sondern auch Codierungsfähigkeiten anzuzeigen.

Leider bearbeiten Kunden Websites die meiste Zeit selbst und wenn sie mich nicht für die Wartung bezahlen, verliert die Website etwas an Attraktivität, was mich nicht allzu begeistert, URLs in mein Portfolio einzufügen.

  1. Gibt es Best Practices für die Präsentation von Webdesign / Benutzeroberfläche (das funktioniert tatsächlich und keine einfache Bildschirmaufnahme)?

  2. Bewahren Sie eine Offline-Kopie auf, um Kunden zu zeigen?

  3. Wie verknüpfen Sie es mit Ihrer vorhandenen Website (Behance oder andere)?

neugierig
quelle
1
Ich denke das ist eine gute Frage. Ich stehe oft vor dem gleichen Problem. Die Leute fragen sich am Ende, ob Sie die Website gestaltet haben, warum nicht auch einen Link dazu erstellen? Es fällt mir schwer, ihnen zu erklären, dass ich am UI / UX-Design beteiligt war und bei der Programmierung mitgewirkt habe, aber die Hauptentwicklung des Frontends wurde von jemand anderem durchgeführt (der mein Design ruiniert hat).
Payod Panda

Antworten:

10

Nun, Sie können verschiedene Dinge tun, aber ich persönlich denke, eine Site wird am besten in dem gewünschten Zustand angezeigt, bei dem es sich um eine Site handelt. Wenn Sie eine eigene Domain mit Hosting besitzen, kann ich nicht nachvollziehen, warum Sie Ihre Websites (wie clientproject.emilie.com) nicht unterdomainisieren konnten, wenn Sie befürchten, dass das fertige Projekt für den Client geändert wird. Fügen Sie einfach einen einfachen Screenshot hinzu, der auf Desktop, Tablet und Handy basiert, und stellen Sie dann einen Live-Link zur Unterdomäne bereit.

Einige andere Optionen, da es Unmengen verschiedener Arten von mobilen Sites gibt, sind, wenn Sie ein altes Telefon haben und ein normaler Telefon-Geek (einer, der jedes Mal das neueste kauft), ein paar Sites auf das Telefon laden und es übergeben ein möglicher Kunde. Dieselbe Regel könnte für ein Tablet gelten.

Wenn Sie keine Subdomain haben, nehmen Sie einfach einen Laptop und vergewissern Sie sich, dass Ihr Laptop über etwas wie XAMPP (alles), MAMP (Mac) oder WAMP (Windows) verfügt, damit die Site ausgeführt werden kann, auf der Sie Apache, PHP und SQL nicht installieren können , etc.

Haben Sie auch keine Angst, Details anzugeben. Wenn Sie die Site entworfen haben, teilen Sie ihnen dies mit, ich habe die Site entworfen, aber jemand anderes hat sie codiert. Diese Option funktioniert gut, wenn Sie besorgt sind, die Live-Site zu verwenden, aber nur den Screenshot haben.

DᴀʀᴛʜVᴀᴅᴇʀ
quelle
2
Unterfrage, weil ich mich frage ... Doppelte Informationen unter verschiedenen URLs können die SEO beeinträchtigen. Wie bekämpfen Sie dieses Problem, wenn Sie Ihre eigene Version der Website eines Kunden hosten?
Scott
5
Stelle es so ein, dass es in deiner robots.txt nicht folgt . Also reference @ Webmasters: Wie betrachtet Google Subdomains im Hinblick auf SEO?
DᴀʀᴛʜVᴀᴅᴇʀ
Die Website emilie.com wurde von Avast als schädlich erkannt (wobei das Virustotal-Tool keine Viren entdeckte)
franz1
2

Kunden, die Ihre Arbeit modifizieren, können nicht nur verschwinden, manchmal geht die Organisation komplett verloren oder Sie haben mehrere Designs für dieselbe Site erstellt.

In der Vergangenheit habe ich nur auf die archivierte Version verlinkt, die nichts weiter als eine Neuerstellung der Startseite mit allen deaktivierten Links war. Ich glaube jedoch nicht, dass dies eine sehr gute Benutzererfahrung ergibt. Wenn Sie es in einen Iframe laden, können Sie ein wenig Kontext angeben, für was das Design gedacht ist.

Design innerhalb eines Iframes

Das obige Design (das noch in Bearbeitung ist) wird auf einem Webserver in einer virtuellen Maschine auf meinem Desktop-Computer ausgeführt. Wenn ich es einem Kunden präsentieren müsste, könnte ich es auf jeden Fall auf meinen Laptop übertragen. Dies ist vielleicht nicht die beste Option für die meisten Leute, aber es funktioniert gut genug für einen Designer / Entwickler wie mich.

Wenn Sie es nicht auch verwenden, um Ihre Fähigkeiten als Texter zu demonstrieren, kann es sinnvoll sein, die im Entwurf verwendete Kopie durch Platzhaltertext (z. B. Lipsum) zu ersetzen.

Cimmanon
quelle
2
  1. Best Practices - Ich weiß nicht, aber vielleicht können Sie sich die Wayback-Maschine ansehen. Mehr dazu weiter unten.

  2. Offline-Kopien - Nicht wirklich, obwohl ich manchmal gerne den Befehl Datei> Speichern unter ... von Safari verwende. Dateityp: Webarchiv. Ich habe eine solche Datei einmal jemandem gegeben und sie haben sich beschwert, dass sie sie nicht öffnen konnten, obwohl ich nicht weiß, wie sehr sie es versucht haben. Vielleicht ist es eine Safari-Sache.

  3. Link von bestehendem Web - Ich habe dies nicht ausprobiert, aber die Wayback Machine-Links sollten einwandfrei funktionieren.

Die Wayback-Maschine finden Sie unter http://archive.org/web/ . Ich habe es auf Webseiten verwendet, die ich erstellt habe, obwohl ich kein richtiger Webentwickler bin.

Es gibt einige Webentwicklungstechnologien, die beim Abrufen Teile einer archivierten Site beschädigen. Ich sehe oft kaputte Bilder in den archivierten Sites.

Ich glaube, es gibt eine Möglichkeit, darum zu bitten, etwas "jetzt" oder so schnell wie möglich zu archivieren, obwohl ich das nicht ausprobiert habe. Ich weiß nicht, wie lange es zwischen dem Überprüfen von Seiten wartet, wenn es auf seine eigenen Geräte gestellt wird.

Das macht Spaß: http://web.archive.org/web/19961219202222/http://www.apple.com/

DA Vincent
quelle