Como posso mostrar um exemplo de trabalho do meu trabalho anterior de desenvolvimento da Web, sem vincular ao site ativo em constante mudança?

16

Sempre que crio um site, acho útil mostrar não apenas as capturas de tela, mas também as habilidades de codificação.

Infelizmente, na maioria das vezes, os clientes acabam editando os próprios sites e, se não estiverem me pagando pela manutenção, o site perderá parte de seu apelo, o que não me deixa muito interessado em inserir URLs no meu portfólio.

Existem práticas recomendadas para exibir web design / interface do usuário (que estão realmente funcionando e não são uma simples captura de tela)?
Você mantém uma cópia offline para mostrar aos clientes?
Como você o vincula ao seu site existente (Behance ou outro)?

website-design portfolio mockup

— curioso
fonte

11

Eu acho que essa é uma boa pergunta. Eu enfrento o mesmo problema muitas vezes. As pessoas acabam perguntando, se você criou o site, por que não vincular a ele também? É difícil explicar para eles que eu estava envolvido com o design da interface do usuário / UX e ajudou com a programação, mas o principal desenvolvimento do front end foi realizado por outra pessoa (que arruinou o meu design).

— Payod Panda

10

Bem, existem várias coisas que você pode fazer, mas acho que pessoalmente um site é melhor visualizado no estado desejado, que é um site. Se você possui seu próprio domínio com hospedagem, realmente não vejo por que você não conseguiu subdominar seus sites (como clientproject.emilie.com) se estiver preocupado com a alteração do projeto finalizado para o cliente. Basta adicionar uma captura de tela básica, como algumas baseadas em desktop, tablet e celular, e fornecer um link ao vivo para o subdomínio.

Algumas outras opções, já que existem vários tipos diferentes de sites para celular, é se você tem um telefone antigo e é um geek por telefone comum (aquele que compra sempre o mais recente) carrega alguns sites no telefone como demonstração e entrega-o para um possível cliente. A mesma regra pode ser aplicada a um tablet.

Se você não pode subdomínio, basta pegar um laptop e verifique se ele possui algo como XAMPP (tudo), MAMP (mac) ou WAMP (Windows) para executar o site, você não sabe instalar o Apache, PHP, SQL etc.

Além disso, não tenha medo de fornecer detalhes. Se você projetou o site e conte a eles, eu o projetei, mas alguém o codificou. Essa opção funciona bem se você estiver preocupado em usar o site ativo, mas tiver apenas a captura de tela.

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

2

Sub-pergunta, porque eu me pergunto .... Informações duplicadas em diferentes URLS podem prejudicar o SEO. Então, como você combate esse problema ao hospedar sua própria versão do site de um cliente?

— 875 Scott

5

Defina para não seguir no seu robots.txt . Também referência @ Webmasters: Como o Google considera subdomínios com relação ao SEO?

— D 8Vᴀᴅᴇʀ

O site emilie.com foi detectado nocivo por Avast (enquanto a ferramenta Virustotal não detectou qualquer vírus)

— franz1

2

Os clientes que modificam seu trabalho não são a única maneira de desaparecer; às vezes a organização desaparece completamente ou talvez você tenha feito vários designs no mesmo site.

No passado, acabei de vincular à versão arquivada que nada mais era do que uma recriação da primeira página com todos os links desativados. Eu não acho que isso dê uma experiência muito boa ao usuário. Carregá-lo em um iframe permitiria fornecer um pouco de contexto sobre o objetivo do design.

design dentro de um iframe

O design acima (que ainda está em andamento) está sendo executado em um servidor Web dentro de uma máquina virtual na minha máquina desktop. Se eu precisasse apresentá-lo a um cliente, certamente poderia transferi-lo para o meu laptop. Essa pode não ser a melhor opção para a maioria das pessoas, mas funciona bem o suficiente para um designer / desenvolvedor como eu.

A menos que você também esteja usando para exibir suas habilidades de redação, pode valer a pena substituir a cópia usada no design pelo texto de espaço reservado (por exemplo, lipsum).

— cimmanon
fonte

2

Práticas recomendadas - eu não sei, mas talvez você possa olhar para a Wayback Machine. Mais sobre isso abaixo.
Cópias offline - Na verdade, não, embora às vezes eu goste de usar o comando Safari> Arquivo> Salvar como ... Salvar como tipo: Arquivos da Web. Uma vez, entreguei esse arquivo a alguém e eles reclamaram que não podiam abri-lo, embora eu não saiba o quanto eles tentaram. Talvez seja uma coisa do Safari.
Link da Web existente - eu não tentei isso, mas os links do Wayback Machine devem funcionar bem.

A Wayback Machine está em http://archive.org/web/ . Eu o usei nas páginas da web que criei, embora não seja um desenvolvedor da web adequado.

Existem algumas tecnologias de desenvolvimento da Web que quebram partes de um site arquivado quando recuperadas. Muitas vezes vejo imagens quebradas nos sites arquivados.

Acredito que existe uma maneira de pedir para arquivar algo 'agora' ou o mais rápido possível, embora eu não tenha tentado isso. Não sei quanto tempo espera entre a verificação de páginas, se for deixado para seus próprios dispositivos.

Isso é divertido: http://web.archive.org/web/19961219202222/http://www.apple.com/

— DA Vincent
fonte