Como apresentar modelos de web design para um cliente?

8

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.

Andrew
fonte
bem, um meio bem-sucedido de uma maquete é codificá-la. Sempre haverá uma variação do design para o código. Essa pequena variação fará com que o cliente pergunte ou diga "que não era assim no design".
DᴀʀᴛʜVᴀᴅᴇʀ
Você sempre pode criar seu próprio servidor e fornecer links para a simulação criada por você? Eu acho que será o melhor caminho. Você pode criar uma conta de baixo nível e fornecer detalhes de login.
BBking

Respostas:

6

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?

DᴀʀᴛʜVᴀᴅᴇʀ
fonte
Essas são algumas boas idéias. Por maquete, quero dizer um exemplo de alta qualidade de como seria o site (sem html / css). Planejei criar alguns modelos diferentes no photoshop, pois é mais rápido / fácil alterar o design no photoshop do que no código. Criar uma apresentação baseada na Web ajudaria o cliente a ter uma ideia de como o site ficaria em um navegador. Eu também poderia adicionar um pouco do Google Analytics para saber exatamente qual navegador o cliente está usando, para garantir que ele fique bem no navegador.
Andrew
bem, qual navegador o cliente usa realmente não importa se a demografia é voltada para algo diferente. você precisa saber qual é a demografia deles para ver se o IE é necessário ou não.
DᴀʀᴛʜVᴀᴅᴇʀ
Um bom conselho, mas eu já conheço os navegadores de destino. A parte importante de conhecer o navegador do cliente é que você não comete algum erro flagrante que o cliente verá imediatamente. Além disso, se o cliente estiver usando uma ferramenta administrativa para editar o site, é importante garantir que o navegador seja compatível.
Andrew
5

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.

Yisela
fonte
Essa lista abrangente é muito boa. Eu não estava necessariamente pensando em um serviço de terceiros (também sou desenvolvedor, posso criar o meu). Imaginando como os designers geralmente apresentam modelos de web design de maneira digital para obter feedback dos clientes.
Andrew
3

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.

DA01
fonte
Boa postagem e para adicionar Acredito que você esteja se referindo a um webinar. Existem algumas soluções para pequenas empresas e soluções corporativas por aí.
DᴀʀᴛʜVᴀᴅᴇʀ
3

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

Gowebbaby
fonte
2

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.
Andrew
fonte
2

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.

Eric
fonte
1

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.

Andrew
fonte
0

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.

IgorJ
fonte
0

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".

vetor
fonte
0

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.

Vaclav
fonte
0

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

Igor Abyzov
fonte
Saudações. Sim, criei a ideia do serviço e do gerente de projeto. Nas horas vagas, quero ajudar os designers em seu trabalho. Para transmitir a eles a idéia deste e de outros serviços semelhantes (eu sei sobre 13ti). Sim maquetter representado na versão paga. Porém, em 1º de outubro, apresentamos o pacote de serviços "de graça - para sempre".
Igor Abyzov 10/10
0

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. :)

Diana Alexescu
fonte