Bagaimana saya bisa menampilkan contoh kerja dari pekerjaan pengembangan web masa lalu saya, tanpa menautkan ke situs langsung yang terus berubah?

16

Setiap kali saya mendesain situs web, saya pikir sangat berguna untuk tidak hanya menampilkan tangkapan layar tetapi juga kemampuan pengkodean.

Sayangnya, sebagian besar waktu, klien akhirnya mengedit situs web sendiri dan jika mereka tidak membayar saya untuk pemeliharaan, situs tersebut akan kehilangan sebagian dari daya tariknya yang tidak membuat saya terlalu suka memasukkan URL dalam portofolio saya.

  1. Apakah ada praktik terbaik untuk menampilkan desain web / UI (yang sebenarnya berfungsi dan bukan tangkapan layar sederhana)?

  2. Apakah Anda menyimpan salinan offline untuk menunjukkan kepada klien?

  3. Bagaimana Anda menautkannya ke situs web Anda yang ada (Behance atau lainnya)?

website-design portfolio mockup penasaran
sumber
1
Saya pikir ini adalah pertanyaan yang bagus. Saya menghadapi masalah yang sama berkali-kali. Orang-orang akhirnya bertanya, jika Anda telah merancang situs web, mengapa tidak menautkannya juga? Sulit bagi saya untuk menjelaskan kepada mereka bahwa saya terlibat dengan desain UI / UX, dan membantu pemrograman, tetapi pengembangan ujung depan utama dilakukan oleh orang lain (yang merusak desain saya).
Payod Panda

Jawaban:

10

Yah ada beberapa hal yang dapat Anda lakukan tetapi saya pikir secara pribadi sebuah situs paling baik dilihat pada keadaan yang diinginkan, yaitu sebuah situs. Jika Anda memiliki domain sendiri dengan hosting, saya benar-benar tidak mengerti mengapa Anda tidak dapat mensub-domainkan situs Anda (seperti clientproject.emilie.com) jika Anda khawatir bahwa proyek yang selesai untuk klien akan diubah. Cukup tambahkan tangkapan layar dasar seperti beberapa yang berbasis desktop, tablet, dan seluler lalu berikan tautan langsung ke sub-domain.

Beberapa opsi lain karena terdapat berton-ton berbagai jenis situs seluler adalah jika Anda memiliki telepon lama dan merupakan geek telepon biasa (yang membeli yang terbaru setiap saat) memuat beberapa situs di telepon sebagai demo dan menyerahkannya ke klien yang mungkin. Aturan yang sama bisa berlaku untuk tablet.

Jika Anda tidak dapat subdomain, ambil saja laptop dan pastikan laptop Anda memiliki sesuatu seperti XAMPP (semuanya), MAMP (mac), atau WAMP (Windows) untuk menjalankan situs yang Anda tidak tahu cara menginstal Apache, PHP, SQL , dll.

Juga, jangan takut untuk memberikan detail. Jika Anda mendesain situs kemudian memberi tahu mereka, saya mendesain situs tersebut tetapi saya memiliki kode orang lain. Opsi itu berfungsi dengan baik jika Anda khawatir menggunakan situs langsung tetapi hanya memiliki tangkapan layar.

DᴀʀᴛʜVᴀᴅᴇʀ
sumber
2
Sub-pertanyaan, karena saya bertanya-tanya .... Informasi rangkap di URL yang berbeda dapat mengurangi SEO. Jadi, bagaimana Anda mengatasi masalah ini saat meng-hosting versi situs klien Anda sendiri?
Scott
5
Setel agar tidak mengikuti di robots.txt Anda . Juga referensi @ Webmaster: Bagaimana Google menganggap subdomain terkait dengan SEO?
DᴀʀᴛʜVᴀᴅᴇʀ
Situs web emilie.com telah terdeteksi sebagai berbahaya oleh Avast (sedangkan alat Virustotal tidak mendeteksi virus apa pun)
franz1
2

Klien yang memodifikasi pekerjaan Anda bukan satu-satunya cara untuk menghilang, kadang-kadang organisasi hilang bersama-sama atau mungkin Anda telah melakukan beberapa desain untuk situs yang sama.

Di masa lalu, saya hanya menautkan ke versi arsip yang tidak lebih dari rekreasi halaman depan dengan semua tautan dinonaktifkan. Saya tidak merasa itu memberikan pengalaman pengguna yang sangat bagus. Memuatnya dalam iframe akan memungkinkan Anda untuk memberikan sedikit konteks untuk apa desain itu.

desain dalam iframe

Desain di atas (yang masih dalam proses) sedang berjalan di server web di dalam mesin virtual di mesin desktop saya. Jika saya perlu mempresentasikannya ke klien, saya pasti bisa mentransfernya ke laptop saya. Ini mungkin bukan pilihan terbaik bagi kebanyakan orang, tetapi ini bekerja dengan cukup baik untuk seorang desainer / pengembang seperti saya.

Kecuali jika Anda juga menggunakannya untuk memamerkan kemampuan copywriting Anda, mungkin ada baiknya mengganti salinan yang digunakan dalam desain dengan teks placeholder (mis. Lipsum).

cimmanon
sumber
2

  1. Praktik terbaik - Saya tidak tahu, tapi mungkin Anda bisa melihat Mesin Wayback. Lebih lanjut tentang itu di bawah ini.

  2. Salinan offline - Tidak juga, meskipun terkadang saya suka menggunakan perintah Safari File> Save As ... Save as type: Web Archives. Saya pernah memberikan file seperti itu kepada seseorang dan mereka mengeluh tidak bisa membukanya, meskipun saya tidak tahu seberapa keras mereka mencoba. Mungkin itu adalah hal yang Safari.

  3. Tautan dari web yang ada - Saya belum mencoba ini, tetapi tautan Wayback Machine akan berfungsi dengan baik.

Mesin Wayback ada di http://archive.org/web/ . Saya telah menggunakannya di halaman web yang saya buat, meskipun saya bukan pengembang web yang tepat.

Ada beberapa teknologi pengembangan web yang memecah bagian dari situs yang diarsipkan saat diambil. Saya sering melihat gambar yang rusak di situs arsip.

Saya percaya ada cara untuk memintanya mengarsipkan sesuatu 'sekarang' atau sesegera mungkin, meskipun saya belum mencobanya. Saya tidak tahu berapa lama menunggu di antara memeriksa halaman jika dibiarkan sendiri.

Ini menyenangkan: http://web.archive.org/web/19961219202222/http://www.apple.com/

DA Vincent
sumber