¿Cómo puedo mostrar un ejemplo práctico de mi trabajo de desarrollo web anterior, sin vincularme al sitio en vivo que cambia constantemente?

16

Cada vez que diseño un sitio web, creo que es útil no solo mostrar capturas de pantalla sino también habilidades de codificación.

Desafortunadamente, la mayoría de las veces, los clientes terminan editando sitios web ellos mismos y si no me pagan por el mantenimiento, el sitio perderá parte de su atractivo, lo que no me hace demasiado aficionado a insertar URL en mi cartera.

  1. ¿Existen algunas prácticas recomendadas para mostrar el diseño web / UI (que realmente funciona y no es una simple captura de pantalla)?

  2. ¿Mantiene una copia sin conexión para mostrar a los clientes?

  3. ¿Cómo lo vincula a su sitio web existente (Behance u otro)?

website-design portfolio mockup curioso
fuente
1
Creo que esta es una buena pregunta. Me enfrento al mismo problema muchas veces. La gente termina preguntando, si usted ha diseñado el sitio web, ¿por qué no vincularlo también? Es difícil para mí explicarles que participé en el diseño de UI / UX y que ayudé con la programación, pero el desarrollo principal de front-end fue realizado por otra persona (que arruinó mi diseño).
Payod Panda

Respuestas:

10

Bueno, hay varias cosas que puede hacer, pero creo que personalmente un sitio se ve mejor en su estado deseado, que es un sitio. Si posee su propio dominio con hosting, realmente no entiendo por qué no pudo subdominio de sus sitios (como clientproject.emilie.com) si le preocupa que el proyecto terminado para el cliente se altere. Simplemente agregue una captura de pantalla básica, como algunas basadas en computadoras de escritorio, tabletas y dispositivos móviles, luego proporcione un enlace en vivo al subdominio.

Algunas otras opciones, ya que hay toneladas de diferentes tipos de sitios móviles, es si tienes un teléfono antiguo y eres un geek habitual (uno que compra lo último cada vez) carga algunos sitios en el teléfono como una demostración y entrégalo a Un posible cliente. La misma regla podría aplicarse para una tableta.

Si no puede subdominio, simplemente tome una computadora portátil y asegúrese de que su computadora portátil tenga algo como XAMPP (todo), MAMP (mac) o WAMP (Windows) para ejecutar el sitio donde no sabe cómo instalar Apache, PHP, SQL etc.

Además, no tenga miedo de proporcionar detalles. Si diseñó el sitio, dígales que diseñé el sitio pero que alguien más lo codificó. Esa opción funciona bien si le preocupa usar el sitio en vivo pero solo tiene la captura de pantalla.

DᴀʀᴛʜVᴀᴅᴇʀ
fuente
2
Subpregunta, porque me pregunto ... La información duplicada en diferentes URL puede restar valor al SEO. Entonces, ¿cómo puede combatir este problema cuando aloja su propia versión del sitio de un cliente?
Scott,
55
Configúrelo para que no siga en su robots.txt . También consulte @ Webmasters: ¿Cómo considera Google los subdominios con respecto al SEO?
DᴀʀᴛʜVᴀᴅᴇʀ
El sitio web emilie.com ha sido detectado como dañino por Avast (mientras que la herramienta Virustotal no detectó ningún virus)
franz1
2

Los clientes que modifican su trabajo no es la única forma en que puede desaparecer, a veces la organización desaparece por completo o tal vez haya realizado múltiples diseños para el mismo sitio.

En el pasado, solo me vinculaba a la versión archivada que no era más que una recreación de la página principal con todos los enlaces desactivados. Sin embargo, no creo que eso brinde una muy buena experiencia de usuario. Cargarlo en un iframe le permitirá dar un poco de contexto en cuanto a para qué fue el diseño.

diseño dentro de un iframe

El diseño anterior (que todavía es un trabajo en progreso) se ejecuta en un servidor web dentro de una máquina virtual en mi máquina de escritorio. Si tuviera que presentarlo a un cliente, ciertamente podría transferirlo a mi computadora portátil. Puede que esta no sea la mejor opción para la mayoría de las personas, pero funciona lo suficientemente bien para un diseñador / desarrollador como yo.

A menos que también lo esté usando para mostrar sus habilidades de redacción, puede valer la pena reemplazar la copia utilizada en el diseño con texto de marcador de posición (por ejemplo, lipsum).

cimmanon
fuente
2

  1. Mejores prácticas: no lo sé, pero tal vez podrías mirar la máquina Wayback. Más sobre eso a continuación.

  2. Copias sin conexión: en realidad no, aunque a veces me gusta usar el comando de Safari Archivo> Guardar como ... Guardar como tipo: Archivos web. Una vez le di ese archivo a alguien y se quejaron de que no podían abrirlo, aunque no sé cuánto lo intentaron. Tal vez es una cosa de Safari.

  3. Enlace desde la web existente: no lo he probado, pero los enlaces de Wayback Machine deberían funcionar bien.

The Wayback Machine está en http://archive.org/web/ . Lo he usado en páginas web que creé, aunque no soy un desarrollador web adecuado.

Existen algunas tecnologías de desarrollo web que rompen partes de un sitio archivado cuando se recuperan. A menudo veo imágenes rotas en los sitios archivados.

Creo que hay una manera de pedirle que archive algo 'ahora' o lo antes posible, aunque no lo he probado. No sé cuánto tiempo esperará entre las páginas de verificación si se deja en sus propios dispositivos.

Esto es divertido: http://web.archive.org/web/19961219202222/http://www.apple.com/

DA Vincent
fuente