ฉันจะแสดงตัวอย่างการทำงานของงานพัฒนาเว็บไซต์ที่ผ่านมาโดยไม่ต้องเชื่อมโยงไปยังเว็บไซต์ที่มีการเปลี่ยนแปลงอยู่ตลอดเวลาได้อย่างไร


16

เมื่อใดก็ตามที่ฉันออกแบบเว็บไซต์ฉันคิดว่ามันมีประโยชน์ไม่เพียง แต่แสดงการดักจับหน้าจอเท่านั้น

น่าเสียดายที่ลูกค้าส่วนใหญ่แก้ไขเว็บไซต์ด้วยตนเองและหากพวกเขาไม่จ่ายเงินให้ฉันเพื่อการบำรุงรักษาไซต์จะสูญเสียสิ่งที่ดึงดูดซึ่งไม่ทำให้ฉันชื่นชอบการแทรก URL ในพอร์ตโฟลิโอของฉัน

  1. มีแนวทางปฏิบัติที่ดีที่สุดในการแสดงการออกแบบเว็บ / UI (ที่ใช้งานได้จริงและไม่ใช่การจับภาพหน้าจอที่เรียบง่าย)?

  2. คุณเก็บสำเนาออฟไลน์ไว้เพื่อแสดงลูกค้าหรือไม่

  3. คุณเชื่อมโยงไปยังเว็บไซต์ที่มีอยู่ของคุณ (Behance หรืออื่น ๆ ) ได้อย่างไร


1
ฉันคิดว่านี่เป็นคำถามที่ดี ฉันประสบปัญหาเดียวกันหลายครั้ง มีคนถามว่าถ้าคุณออกแบบเว็บไซต์ทำไมไม่เชื่อมโยงกับเว็บไซต์ด้วย? มันยากสำหรับฉันที่จะอธิบายให้พวกเขาทราบว่าฉันเกี่ยวข้องกับการออกแบบ UI / UX และช่วยในการเขียนโปรแกรม แต่การพัฒนาส่วนหน้าหลักทำโดยคนอื่น (ผู้ทำลายการออกแบบของฉัน)
Payod Panda

คำตอบ:


10

มีหลายสิ่งที่คุณสามารถทำได้ แต่ฉันคิดว่าโดยส่วนตัวแล้วไซต์จะดูดีที่สุดในสถานะที่ต้องการซึ่งเป็นไซต์ หากคุณเป็นเจ้าของโดเมนของคุณเองด้วยการโฮสต์ฉันไม่เห็นว่าทำไมคุณถึงไม่สามารถ sub-domain ไซต์ของคุณ (เช่น clientproject.emilie.com) หากคุณกังวลว่าโครงการที่เสร็จแล้วสำหรับลูกค้าจะถูกเปลี่ยน เพียงเพิ่มภาพหน้าจอพื้นฐานเช่นเดียวกับที่ทำบนเดสก์ท็อปแท็บเล็ตและมือถือจากนั้นระบุลิงก์สดไปยังโดเมนย่อย

ตัวเลือกอื่น ๆ เนื่องจากมีไซต์มือถือหลายประเภทที่แตกต่างกันคือถ้าคุณมีโทรศัพท์เก่าและเป็นโทรศัพท์ที่เกินปกติ (อันที่ซื้อล่าสุดทุกครั้ง) โหลดเว็บไซต์บางแห่งบนโทรศัพท์เพื่อสาธิตและส่งไปให้ ลูกค้าที่เป็นไปได้ สามารถใช้กฎเดียวกันกับแท็บเล็ตได้

หากคุณไม่สามารถโดเมนย่อยใช้แล็ปท็อปและตรวจสอบให้แน่ใจว่าแล็ปท็อปของคุณมีบางอย่างเช่นXAMPP (ทุกอย่าง), MAMP (mac) หรือWAMP (Windows) เพื่อเรียกใช้เว็บไซต์ของคุณไม่รู้วิธีติดตั้ง Apache, PHP, SQL ฯลฯ

นอกจากนี้อย่ากลัวที่จะให้รายละเอียด ถ้าคุณออกแบบเว็บไซต์แล้วบอกพวกเขาฉันออกแบบเว็บไซต์ แต่ฉันมีรหัสอื่น ตัวเลือกนั้นใช้งานได้ดีหากคุณกังวลเกี่ยวกับการใช้งานเว็บไซต์จริง


2
คำถามย่อยเพราะฉันสงสัย .... ข้อมูลที่ซ้ำกันใน URL ที่ต่างกันสามารถเบี่ยงเบนจาก SEO ได้ ดังนั้นคุณจะต่อสู้กับปัญหานี้ได้อย่างไรเมื่อโฮสต์เว็บไซต์ของลูกค้าในเวอร์ชันของคุณเอง?
Scott

5
ตั้งค่าให้ได้เป็นไปตามที่คุณrobots.txt อ้างอิง @ ผู้ดูแลเว็บด้วย: Google คำนึงถึงโดเมนย่อยเกี่ยวกับ SEO อย่างไร
DᴀʀᴛʜVᴀᴅᴇʀ

เว็บไซต์ emilie.com ถูกตรวจพบว่าเป็นอันตรายโดย Avast (ในขณะที่เครื่องมือ Virustotal ไม่ได้ตรวจพบไวรัสใด ๆ )
franz1

2

ลูกค้าที่ปรับเปลี่ยนการทำงานของคุณไม่ใช่วิธีเดียวที่จะหายไปได้บางครั้งองค์กรอาจหายไปด้วยกันหรือบางทีคุณอาจทำหลายแบบในเว็บไซต์เดียวกัน

ในอดีตฉันเพิ่งเชื่อมโยงไปยังเวอร์ชันที่เก็บถาวรซึ่งไม่ได้เป็นอะไรมากไปกว่าการสันทนาการของหน้าแรกโดยที่ลิงก์ทั้งหมดปิดใช้งาน ฉันไม่รู้สึกว่ามันมอบประสบการณ์ผู้ใช้ที่ดีมาก การโหลดใน iframe จะช่วยให้คุณสามารถให้บริบทเล็กน้อยเกี่ยวกับการออกแบบ

ออกแบบภายใน iframe

การออกแบบด้านบน (ซึ่งยังคงอยู่ระหว่างดำเนินการ) กำลังทำงานบนเว็บเซิร์ฟเวอร์ภายในเครื่องเสมือนบนเครื่องเดสก์ท็อปของฉัน หากฉันต้องการนำเสนอให้กับลูกค้าฉันสามารถถ่ายโอนไปยังแล็ปท็อปของฉันได้อย่างแน่นอน นี่อาจไม่ใช่ตัวเลือกที่ดีที่สุดสำหรับคนส่วนใหญ่ แต่ก็ใช้งานได้ดีพอสำหรับนักออกแบบ / นักพัฒนาอย่างผม

นอกจากว่าคุณจะใช้มันเพื่อแสดงความสามารถในการเขียนคำโฆษณาของคุณมันอาจคุ้มค่าที่จะแทนที่สำเนาที่ใช้ในการออกแบบด้วยข้อความตัวยึดตำแหน่ง (เช่น.


2
  1. แนวทางปฏิบัติที่ดีที่สุด - ฉันไม่รู้ แต่บางทีคุณอาจมองไปที่ Wayback Machine เพิ่มเติมเกี่ยวกับที่ด้านล่าง

  2. สำเนาออฟไลน์ - ไม่จริง แต่บางครั้งฉันต้องการใช้คำสั่งของ Safari ไฟล์> บันทึกเป็น ... บันทึกเป็นประเภท: คลังเก็บของเว็บ ฉันเคยให้ไฟล์กับใครบางคนและพวกเขาบ่นว่าพวกเขาไม่สามารถเปิดมันได้ แต่ฉันไม่รู้ว่าพวกเขาพยายามอย่างไร อาจจะเป็นสิ่งที่ Safari

  3. ลิงก์จากเว็บที่มีอยู่ - ฉันยังไม่ได้ลอง แต่ลิงก์ของ Wayback Machine น่าจะใช้ได้ดี

Wayback เครื่องที่http://archive.org/web/ ฉันใช้มันในหน้าเว็บที่ฉันสร้างขึ้น แต่ฉันไม่ใช่นักพัฒนาเว็บไซต์ที่เหมาะสม

มีเทคโนโลยีการพัฒนาเว็บที่แบ่งส่วนของไซต์ที่เก็บถาวรเมื่อดึงข้อมูล ฉันมักจะเห็นภาพแตกในไซต์ที่เก็บถาวร

ฉันเชื่อว่ามีวิธีที่จะขอให้เก็บสิ่ง 'ตอนนี้' หรือโดยเร็วที่สุดแม้ว่าฉันจะไม่ได้ลอง ฉันไม่รู้ว่าจะรอนานแค่ไหนระหว่างการตรวจสอบหน้าหากปล่อยไว้ในอุปกรณ์ของตัวเอง

นี่คือความสนุก: http://web.archive.org/web/19961219202222/http://www.apple.com/

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.