Come posso mostrare un esempio funzionante del mio lavoro di sviluppo web passato, senza collegarmi al sito live in costante cambiamento?

16

Ogni volta che progetto un sito Web, penso che sia utile mostrare non solo catture dello schermo ma anche capacità di codifica.

Sfortunatamente, la maggior parte delle volte, i clienti finiscono per modificare da soli i siti Web e se non mi pagano per la manutenzione, il sito perderà parte del suo fascino che non mi rende troppo appassionato di inserire URL nel mio portafoglio.

Ci sono delle migliori pratiche per mostrare il web design / UI (che funziona davvero e non una semplice cattura dello schermo)?
Conservi una copia offline per mostrare i clienti?
Come lo colleghi al tuo sito web esistente (Behance o altro)?

website-design portfolio mockup

— curioso
fonte

1

Penso che questa sia una buona domanda. Devo affrontare lo stesso problema molte volte. Le persone finiscono per chiedere, se hai progettato il sito Web, perché non collegarti anche a questo? È difficile per me spiegare loro che ero coinvolto nella progettazione dell'interfaccia utente / UX e mi ha aiutato con la programmazione, ma lo sviluppo del front-end principale è stato fatto da qualcun altro (che ha rovinato il mio design).

— Payod Panda,

10

Bene, ci sono diverse cose che puoi fare, ma penso che personalmente un sito sia meglio visualizzato nel suo stato desiderato, che è un sito. Se possiedi il tuo dominio con l'hosting, non vedo davvero perché non potresti sottodominizzare i tuoi siti (come clientproject.emilie.com) se sei preoccupato che il progetto finito per il client verrà modificato. Basta aggiungere uno screenshot di base come alcuni basati su desktop, tablet e dispositivi mobili, quindi fornire un collegamento live al sottodominio.

Alcune altre opzioni poiché ci sono tonnellate di diversi tipi di siti mobili è se hai un vecchio telefono e sei un normale fanatico del telefono (uno che compra le ultime novità ogni volta) carica alcuni siti sul telefono come una demo e passalo a un possibile cliente. La stessa regola potrebbe valere per un tablet.

Se non puoi sottodominio, prendi semplicemente un laptop e assicurati che il tuo laptop abbia qualcosa come XAMPP (tutto), MAMP (mac) o WAMP (Windows) per eseguire il tuo sito non sai come installare Apache, PHP, SQL , eccetera.

Inoltre, non abbiate paura di fornire dettagli. Se hai progettato il sito, diglielo, ho progettato il sito ma avevo qualcun altro che lo codificava. Questa opzione funziona bene se sei preoccupato di utilizzare il sito live ma hai solo lo screenshot.

— DᴀʀᴛʜVᴀᴅᴇʀ
fonte

2

Sotto-domanda, perché mi chiedo .... Informazioni duplicate su URL diversi possono sminuire il SEO. Quindi, come combattere questo problema quando si ospita la propria versione del sito di un cliente?

— Scott,

5

Impostalo per non seguirlo nel tuo robots.txt . Anche riferimento a Webmaster: in che modo Google considera i sottodomini rispetto al SEO?

— DᴀʀᴛʜVᴀᴅᴇʀ

Il sito Web emilie.com è stato rilevato come dannoso da Avast (mentre lo strumento Virustotal non ha rilevato alcun virus)

— franz1

2

I clienti che modificano il tuo lavoro non sono l'unico modo in cui possono scomparire, a volte l'organizzazione va via tutti insieme o forse hai fatto più progetti per lo stesso sito.

In passato, ho appena collegato alla versione archiviata che non era altro che una ricreazione della prima pagina con tutti i collegamenti disabilitati. Tuttavia, non credo che offra un'esperienza utente molto positiva. Caricarlo in un iframe ti permetterebbe di dare un po 'di contesto su ciò a cui era destinato il design.

design all'interno di un iframe

Il disegno sopra (che è ancora in fase di elaborazione) è in esecuzione su un server Web all'interno di una macchina virtuale sul mio computer desktop. Se avessi bisogno di presentarlo a un client, potrei sicuramente trasferirlo sul mio laptop. Questa potrebbe non essere l'opzione migliore per la maggior parte delle persone, ma funziona abbastanza bene per un designer / sviluppatore come me.

A meno che non lo utilizzi anche per mostrare le tue abilità di copywriting, potrebbe valere la pena sostituire la copia utilizzata nel disegno con il testo segnaposto (es. Lipsum).

— cimmanon
fonte

2

Best practice - Non lo so, ma forse potresti guardare la Wayback Machine. Maggiori informazioni al riguardo.
Copie offline - Non proprio, anche se a volte mi piace usare il comando Safari File> Salva con nome ... Salva come tipo: Web Archives. Una volta ho dato un file del genere a qualcuno e si sono lamentati di non poterlo aprire, anche se non so quanto ci abbiano provato. Forse è una cosa di Safari.
Collegamento dal Web esistente: non l'ho provato, ma i collegamenti Wayback Machine dovrebbero funzionare correttamente.

The Wayback Machine è su http://archive.org/web/ . L'ho usato sulle pagine Web che ho creato, anche se non sono un vero sviluppatore web.

Esistono alcune tecnologie di sviluppo Web che interrompono parti di un sito archiviato quando vengono recuperate. Vedo spesso immagini rotte nei siti archiviati.

Credo che ci sia un modo per chiedergli di archiviare qualcosa "adesso" o il prima possibile, anche se non l'ho provato. Non so per quanto tempo attende tra il controllo delle pagine se lasciato ai propri dispositivi.

Questo è divertente: http://web.archive.org/web/19961219202222/http://www.apple.com/

— DA Vincent
fonte