Como apresentar modelos de web design para um cliente?

Estou trabalhando em um projeto de redesenho de site. Vou precisar apresentar alguns modelos diferentes para o cliente para revisão. Quero garantir que o cliente possa ver tudo no contexto. Não quero assumir que o cliente tenha o software certo. Talvez até adicione alguns comentários, perguntas ou informações sobre a direção do design.

Qual é uma maneira típica de apresentar modelos para um cliente? Suponho que a apresentação de modelos de sites por email não tenha sido a melhor maneira. Se o email for um meio bem-sucedido de apresentar modelos, explique-o em uma resposta.

Bem, existem várias maneiras de enviar uma maquete para um cliente. Se você estiver preocupado com o software, poderá exportar cada design como um .pdfe criar uma página mutli .pdfno Acrobat, além de adicionar comentários para ajudar na apresentação, caso não queira apenas enviar imagens.

Outra opção é imprimi-los profissionais em cartolina e fazer uma demonstração em uma reunião.

criar apresentações de slides e exibi-las em uma entrevista.

Codifique o site em estrutura de arame e foi por isso que eu postei isso .

Se você quiser ficar barato, compre algum papel de rascunho como este , peça uma régua com cerca de 36 "de estrutura de arame em seu site e use lápis de cor para ilustrar a estrutura de arame.

Sua pergunta é muito vaga e existem várias idéias e soluções. Quando leio esta pergunta, não sei em que fase você está no re-design. Quando você se refere à maquete, presumi que você estivesse no estágio da estrutura de arame.

EDIT: mas, na verdade, se você está tão preocupado com o fato de o cliente ter a aparência correta do site, é melhor codificá-lo e garantir que seu arquivo CSS seja editável o suficiente para que você não se importe com mudanças. Este site deveria ser um site CMS, site HTML simples, site de comércio eletrônico etc. etc. Por que não apenas criar o site inteiro em uma estrutura de arame CSS?

Se eu entendi corretamente, você está se perguntando se existe uma maneira 'padrão' de compartilhar maquetes (como no envio, por exemplo, de designs de logotipo - onde você geralmente segue as diretrizes de apresentação).

No que me diz respeito: não, não existe.

Depende principalmente dos meios de comunicação que você está usando com seus clientes. Embora os e-mails sejam perfeitamente válidos na maioria dos casos, talvez seja necessário compartilhar os resultados do seu trabalho com uma equipe maior, por exemplo. Nesse caso, convém usar algum aplicativo que permita que as pessoas interajam de uma maneira mais dinâmica.

Algumas ferramentas de gerenciamento de projetos que usei para feedback da equipe são o BaseCamp e o Trello . Mas existem muitos similares que você pode achar muito úteis (até mesmo o Google Docs - também há uma lista abrangente ). A vantagem deles é que eles permitem que diferentes membros deixem opiniões sobre o desenvolvimento e, como você mencionou no comentário, permite acompanhar tudo.

O Balsamiq é outra ótima ferramenta para adicionar facilmente comentários e fazer modificações nos modelos online (na verdade, não requer nenhum conhecimento do cliente, é muito intuitivo), mas você provavelmente precisará obter uma licença estendida para poder convidar pessoas sobre.

Eu acho que você está perguntando sobre o ato físico da apresentação, e não sobre os detalhes da tecnologia.

Você está correto nesse contexto, é uma grande parte de uma apresentação bem-sucedida. Enviar maquetes para eles olharem sem você estar lá não é o ideal. O que normalmente acontece é que você receberá um feedback sem foco ... geralmente onde os comentários se concentram nos detalhes estéticos inconseqüentes e muitas vezes subjetivos, e não nos principais problemas estratégicos da imagem geral.

O que eu recomendaria é uma forma formal de caminhar com eles. Idealmente pessoalmente, mas se não pessoalmente, você pode lidar com isso facilmente através de uma ligação telefônica (envie os arquivos 5 minutos antes da ligação) ou através de algum tipo de tecnologia de compartilhamento de tela, como o Skype.

Dessa forma, você pode não apenas mostrar seus recursos visuais, mas também EXPLICAR seus recursos visuais. Você pode falar sobre as decisões estéticas e de estratégia de negócios que tomou para chegar às conclusões a que chegou. Você pode ajudar a focar a atenção nos aspectos principais e desviar-se dos menos detalhes importantes para manter o projeto no alvo.

Quanto ao que mostrar, eu concordo com muitos dos outros comentários que mostrar modelos visuais estáticos para sites não é ideal e provavelmente existem maneiras melhores de fazê-lo, mas essa é realmente uma pergunta totalmente diferente.

Como desenvolvedores e comunicadores, tente informar seus clientes que o que eles estão vendo é uma imagem estática e plana do design do site em potencial. Aqui estão alguns dos métodos para exibir um design da web para um cliente:

Métodos de apresentação de mock-ups de design da Web

• Coloque a imagem em uma página da web e envie um link para eles

• Enviar um JPEG ou PNG por e-mail

• Use algum tipo de aplicativo baseado na Web

• Use o site CodedPreview

• Criar um estúdio de clientes

• Exportar modelos em PDF

• Envie a eles um JPEG ou PNG e solicite a impressão

Entrei em contato com um amigo meu que recomendou o seguinte:

• Se você está apenas trabalhando com imagens, existem aplicativos como mocku.ps
• Se você está procurando um produto mais completo, há o Pixelapse , que se concentra mais na colaboração. Inclui controle de versão, backups, comentários, etc.

Não existem procedimentos padrão para o meu conhecimento. Como acontece com a maioria das coisas, depois de obter mais informações sobre o lado comercial do processo, diferentes empresas e indivíduos diferentes têm práticas diferentes.

Eu trabalhei com uma empresa, que era um pouco mais do lado do trabalho / marketing contínuo para clientes, e tenho um sistema inteligente, onde eles dão aos clientes um login no site, o que os leva a uma página com todos os seus recursos disponíveis para download. Isso era mais voltado para cópias de seus logotipos e outros trabalhos diversos em diferentes formatos de cores, resoluções e formatos de arquivo, para que empresas sem um viciado em design pudessem pegar diferentes variações dele ou um arquivo vetorial, se necessário, por qualquer motivo. Você pode fazer algo semelhante a isso, ter um logon que exibe imagens e notas sobre o trabalho em andamento.

Esse é um procedimento bastante pesado. Se for um show menor e único, considere compilar suas imagens em um arquivo pdf com notas explicando o que é, onde você ou eles estão no processo, o que é necessário de quem e o que vem a seguir. Dê um tapa no seu logotipo na parte superior e formate-o bem, e ele parecerá mais profissional do que simplesmente anexar imagens a um e-mail.

Há alguns meses, me deparei com um aplicativo chamado InVision . Ele fornece a capacidade de fazer upload de modelos e suas revisões, criar protótipos interativos e deixar um comentário em uma área específica do modelo. Este aplicativo melhorou a maneira como dou / recebo feedback e me comunico com meus designers e clientes.

Bem, você está criando modelos para se comunicar. Então, vá para oficinas ao vivo sempre que puder.

Nessas oficinas, discuta os modelos e, ao mesmo tempo, aprimore e anote seus modelos naquele momento. Você está criando algo juntos - isso também torna o bebê deles.

Observe que acima funciona se você seguir várias etapas (em vez de ter uma grande apresentação quando já tiver concluído um protótipo detalhado). Btw você deseja mockup suas telas / páginas principais primeiro. Somente então entre em detalhes e faça um cenário de cada vez.

No último projeto que tive que apresentar, tivemos uma reunião com o cliente e mostramos os pngs do storyboard no navegador. Nada extravagante, mas apresentou os desenhos em seu ambiente "nativo".

Minha experiência com o envio de imagens por email para o cliente é ruim - o cliente geralmente tem um problema com a proporção e o tamanho da imagem no cliente de email. Isso pode fazer com que uma visualização da webdesign pareça um pouco diferente.

Utilizamos serviço on-line para publicar nosso trabalho. Carregamos nossas imagens em um serviço de hospedagem de terceiros e enviamos os URLs para o cliente.

No início dos anos 2000, o envio de layouts via correio foi eficaz. Agora, a apresentação do design ao cliente tem serviços especiais. É projetado especificamente para isso.

Vamos ver como o serviço (m) maquetter.com pode ajudá-lo. É especialmente desenvolvido para esse fim que você escolhe:

• Adicione rapidamente os layouts do site que você desenha;
• Distribua layouts por seções do site (repetindo seu menu, por exemplo).

Também permite:

• para marcar layouts aprovados pelo cliente
• atualize o mesmo layout e armazene o histórico.

Este serviço fornece um link curto. Você o envia (via correio, mensagem de texto ou Skype). O cliente pode visualizar convenientemente seus layouts em qualquer navegador. Você pode como ele funciona como seu cliente pode vê-lo .

O serviço é gratuito. Mas você pode usar o plano de tarifa paga para poder apresentar mais layouts.

Tente você mesmo

Para mais informações, você pode ler o blog

Você pode criar uma demonstração interativa com suas capturas de tela / imagens. Dê uma olhada nessas ferramentas: http://www.appdemostore.com/ e http://giveabrief.com/ .

Ambos são muito fáceis de usar; escolha um quadro de dispositivo, faça upload de suas imagens e adicione a interação necessária. Você pode incluir botões, ícones para beliscar, estender etc. Espero que ajude. :)