Workflow (fluxo de trabalho) de um Web Designer

Muitas empresas e indivíduos que precisam da ajuda de um web designer para seus sites. Claro, eles querem que olhar tão profissional quanto possível para que pudesseatrair o grupo certo de audiência. Eles confiam na web designers para fazer seus negócios online bem sucedido e para web designers se também certificar-se que eles poderiam dar o que o cliente quer.

Mas, além de adquirir e fornecer um web design grande, também é importante queambas as partes sabem o fluxo de trabalho de projeto ou processo a fim de evitar certos equívocos. Isso também irá ajudar o cliente eo designer para chegar a acordo sobre um cronograma do projeto. Tenha em mente que o cliente deve conhecer o processo de design, para que eles não teriam dúvidas sobre qualquer coisa. Explicar tudo para o cliente e fazê-los entender o processo. Isso vai ajudar muito em ter uma boa relação de trabalho com eles. Neste artigo, damos-lhe um guia sobre como fazer o seu trabalhopróprio projeto web.

1. Consulta

Primeira coisa que estaria falando com seu cliente sobre o que suas exigências são, o propósito do site, quais são as coisas que eles querem colocar no seu site, as cores que optar por usar, as imagens que deseja usar, e muitos outros da informação. Certifique-se de reunir todas as informações que você precisa na reunião inicial para que você possacomeçar a fazer uma proposta de projeto para eles. Você também tem que saber o orçamento do cliente assim que você pode limitar-se sobre o referido orçamento. Antes de vir para a primeira reunião, preparar as perguntas que você precisa perguntar.Lembre-se também para atuar profissionalmente ainda você tem que ser simpático e acolhedor, ao falar com seu cliente online e offline.

2. Fazer uma proposta de projeto

Nesta etapa, você tem tudo preparado para o cliente ver. Mostrar-lhe sua idéia de concepção do projeto, sugeriu mapa do site, linha do tempo, as aplicações de sistema e software, o custo do projeto, o papel do cliente, manutenção de sites e search engine marketing, material de marketing sugeriu, condições de pagamento, as questões de direitos autorais eo processo de aprovação . Você precisa explicar e discutir cada detalhe do projeto. Se o cliente sugere algo, aceitá-lo, mas se você acha que não é adequado para o projeto, você pode sugerir outra coisa respeitosa. Você também precisa explicar por que você acha que sua idéia é melhor. Sempre dar uma explicação honesta. O seu cliente irá apreciá-lo, porque mostra que você se importa com o projeto e o cliente também.

3. Assinatura do contrato

Nunca se envolver em qualquer transação sem um contrato. Sempre tem um. Depois de mostrar a proposta do projeto eo cliente concordaram com isso, fazer um contrato e tê-loassinado por ambas as partes. Isto lhe dará uma garantia para você e seu cliente de que tudo que já tenha discutido e acordado não pode ser mudado mais. Certifique-se também que você vai acompanhar tudo no contrato. Pelo tempo que o cliente assina-lo, você pode começar a trabalhar no projeto.

4. Aquisição de materiais necessários.

Com o sinal para começar, você precisa dos materiais para o projeto. Assim, as coisaspedido de seu cliente, como imagens, conteúdo, logos e outros. É claro, você estáapenas fazendo o projeto e é o seu cliente quem determina o conteúdo. Certifique-se que você terá imagens de alta resolução, para que ela vai ficar bem no site. Certifique-se também para reunir tudo para que você não precisaria ser chamá-los de vez em quando para esperar por algum conteúdo faltando você deixou de perguntar. Isso vai provocar um atraso para o projeto e você vai estragar o seu cronograma de projeto.

5. Fazer alguma pesquisa

Faça alguma pesquisa sobre os concorrentes do seu cliente de modo que você saberá o que fazer com seu web site. Claro, você tem que fazer isso melhor do que o site do concorrente. Além disso, determinar algumas palavras-chave que seria eficaz paraSearch Engine Optimization. Você pode sugerir isso para o cliente e tê-lo incorporado no seu site. Você também pode sugerir alguns conteúdos que podem ajudá-los a conseguir uma classificação mais elevada. Diga-lhes os resultados de sua pesquisa. Eles certamente será feliz que você teve o esforço de fazê-lo, a fim de ajudá-los.

6. Faça um Mapa do Site e Molduras Wire

Desta vez você tem que fazer um mapa do site e armações de arame. Para garantir que o conteúdo do seu site é organizado e fácil de navegar, há uma necessidade de ter um mapa do site que é um fluxograma de páginas de um web. Fora isso, também é importante para fazer wireframes. Wireframes são esqueletos de páginas importantes em um site que será usado por usuários on-line para realizar uma tarefa particular.Ambas as coisas são importantes na tomada de um site.

7. Fotografia e Imagens

Há casos em que o cliente continuará a pedido de uma fotografia tiro exclusivamente para o site. Você tem que se preparar para isso. Às vezes, eles simplesmente fornecer-lhe as imagens. Apenas certifique-se que as imagens dão-lhe têm boa qualidade e alta resolução, para que ele aparecerá bem no site.

8. Criando o projeto do Web site

Depois de recolher as fotos e fazer o mapa do site e wireframes, você pode fazer o design do site. Lembre-se dos pontos importantes do seu cliente lhe deu durante a consulta. Olhe para suas anotações e não esquecer de nada. Coloque o conteúdo do seu cliente lhe deu. Após fazer isso, mostrar para seu cliente no formato PDF e deixá-lo comentar sobre ele. Se houver correções e outros insumos, incorporá-lo no projeto.

9. Tornar o site beta

Pelo tempo que o design do site é aprovado, é hora de você fazê-lo funcionar como um website. Criá-lo em formato XHTML. Em seguida, fazer a programação de páginas XTHML, folhas de estilo CSS, Javascript e validação de elementos dinâmicos como formulários web, etc Também preparar o local para Search Engine Optimization, utilizando as tags título certo tags, meta, palavras-chave e tags alt das imagens. Você também precisa testá-lo para a compatibilidade do navegador. Seria melhor se ele roda bem qualquer tipo de navegador do público usa. Após fazer isso, fornecer um link para o cliente para que ele pudesse ver o site.

10. Tornando o conteúdo final

Quando o cliente é feito verificando o site, e você ter incorporado todas as correções do cliente, agora você pode finalizar o conteúdo do website. Claro, você tem que mostrar o resultado final para o cliente apenas no caso de haver pequenos ajustes.

11. Lançamento do site

Procure um bom host para o seu site web. Existem muitos sites de hospedagem que você pode escolher. Leia opiniões desses sites e tentar comparar as características de cada um. Desta forma, você poderia escolher o direito host. Além disso, tente testes de usabilidade antes do lançamento final do website.
Se você trabalha com um guia particular ou processo, você não vai perder nada. Isto é muito vital para garantir que seu trabalho está em sua ordem correta. Mas todo fluxo de trabalho designer não é o mesmo com outros de fluxo de trabalho. Pelo menos, nós fornecemos-lhe um guia em um processo de design web. Se existem outros pontos importantes que você gostaria de adicionar, sinta-se livre para fazê-lo.

Planejamento de um site perfeito

Como web designers, é muito fácil se perder em nossas próprias cabeças. O processo de um web design pode ser dividida em diversos sabores e cores em todo o globo. artistas gráficos e animadores digitais são apenas algumas das pessoas metendo a criação de aplicativos para a web.
Apesar de ser ousado para abrir pop Adobe Photoshop e ir direto para a concepção, há muitas etapas que podem melhorar um site, quando tomado em consideração. O processo de planejamento, embora aparentemente não muito longo, é quase um aspecto essencial do que empresta ao processo criativo. Espero apresentar algumas idéias aqui, que pode ser aplicado para projetar interfaces web fresco.

Iniciando o Projeto

Este é possivelmente o momento mais ansioso e condução durante o trabalho de projecto. Quando você tem uma lousa totalmente em branco para trabalhar, pensamentos e idéias parecem pilha mais rápido do que você pode agarrá-los. É importante aqui para respirar e refletir sobre os ideais do projeto. Talvez dê um passo atrás para questionar alguns aspectos simples do projeto.

O que você ou seu cliente à procura de um objeto preenchido? Existe algum item específico que você quer incluir sem perguntas? Estes podem estar caminhando banners, diferentes menus de navegação, um esquema de cor forte, ou mesmo um logotipo de página simples. Tente esboçar alguns protótipos antes de tomar para o processo digital.
Para aqueles entre nós que são menos artisticamente dotados mesmo bruto um esboço pode fornecer mais inspiração do que nada. Um protótipo oferece não apenas uma orientação, mas um wireframe para os quais a base de todas as suas páginas futuro fora. Este wireframe pode mudar entre os diferentes estilos de página (por exemplo, em casa, sobre nós, blog), mas acabará por conter o mesmo modelo.

Design Galerias Scrutinize

Eu já corri em muitos designers que defendem galerias de design não oferecem nenhum valor para a web. São caminhos aparentemente baratos para copiar designers e rasgar as suas ideias. E enquanto eu respeito esse ponto de vista, eu simplesmente não posso concordar e realmente acho muito pelo contrário. Designers optar por enviar seus projetos para esses locais e devem se sentir honrados que os outros podem se inspirar seus trabalhos.

Além disso, não há nada de errado com empréstimos idéias! Esta é a beleza da criação, como você toma uma mistura de muitos estilos artísticos diferentes e mistura-los juntos em seu próprio caminho. True web designers são capazes de dominar esta habilidade e até mesmo de começar a criar suas próprias interfaces simples de memória e inspiração!
CSS galerias e muitos dos mostruários on-line hoje são perfeitos para o designer de início. Como você treina as partes criativas do cérebro você começa a pensar fora da zona de conforto que você configurou para si mesmo. Este é um dos aspectos mais difíceis na carreira de web design, e mais especificamente durante o processo de criação. Mas, semelhante a muitas outras coisas na vida, esta é uma habilidade que se torna mais desenvolvido com a prática.

Dê a sua interface de um Test-Run

Antes mesmo de codificação de seu desenho ou projeto maquete passar algum tempo visualizando o processo de navegação. Se possível (e isso vem com a prática) colocar-se na pele de outro usuário entrar em seu site. Considere onde eles clique e que eles iriam achar mais interessante.
Uma vez que você entrar nesta zona poderá notar uma mudança de mentalidade de acompanhamento. Esta técnica irá ajudar a remover-se da posição de "designer" e ver as coisas de uma perspectiva maior. Eu sempre recomendo este passo antes da codificação, para poupar tempo, a longo prazo.

Na experiência pessoal, eu freqüentemente me pego a atualização da página ou áreas cores meados de design. Com tempo suficiente é simples passo para fora e imaginar como um usuário pode interagir com o menu da sua página ou links. Este processo pode ser difícil se você estiver olhando para o mesmo projeto por 3 horas seguidas. Tente fazer uma pausa para esticar e andar por aí - até 15 minutos podem desempenhar um grande papel na abertura de suas percepções.

Numerosos Design cria para Comparação

Esta etapa irá demorar muito mais tempo, mas se você tem o luxo Eu recomendo altamente você mesmo ritmo. Uma vez que você tem um esquema forte para que você pode considerar a criação de alguns projetos alternativos para escolher. Isso pode ser feito no Photoshop com a mesma facilidade se você não está artisticamente dotados com papel e lápis, ou simplesmente se sentir mais confortável em software.
Algumas pessoas acham que este passo a ser irritante e retardar o processo criativo. Se você costuma adivinhar-se este método você vai economizar cargas de tempo durante os estágios finais de produção. Acho 2-4 forte modelos estabelecidos na comparação pode ajudar a empurrar o seu carácter indeciso para escolher um produto etapa final.

Manter o espaço!

Espaço em branco é crucial em qualquer grande projeto. Isso surge como um quase acéfalo e você pode considerar algumas razões óbvias. Quando os elementos de página são definidos corretamente, você vai encontrar uma simetria natural no projeto. páginas da Web codificado com grades e acessibilidade em mente tendem a aparecer mais limpo e muito mais amigável.

 
 Percorrendo a mesma linha que o espaço em branco é a chave para remover quaisquer elementos que possam estar ocupando espaço não-necessário. Isto, obviamente, são verdadeiras como uma crença em qualquer fase do projeto -, mas a sua captura não gosta ou erros no início vai economizar horas de trabalho do projeto. Certifique-se o conteúdo da sua página - parágrafos, títulos, imagens e vídeos - tem espaço suficiente para respirar e interagir com os visitantes do seu site.
Acho que escrever uma pequena lista de elementos de página obrigatória é uma ótima maneira de começar. Isso vai mudar com base no tipo de site que você está criando, o que demonstra o quão fluido este sistema pode se tornar. exemplos típicos incluem caixas de pesquisa, a mídia social compartilhamento botões, ícones carrinho de compras ou links, posts em blogs em destaque, ou até mesmo um pequeno formulário de contato!
Sempre que entram no processo de design se sentir confortável deixando sua mente vagar livre. É neste vácuo do espaço onde as idéias nascem ea inspiração gênio pode ser incinerado. Mantenha-se fiel ao seu coração no projecto. Criação de sites nunca foi uma tarefa fácil, porém bastante divertido e por vezes muito gratificante quando você reservar tempo para a construção e aprendizagem .