Como deseñar un sitio web

01 de 10

Investigación

Un cliente potencial só lle pediu que deseñe un sitio web, pero onde comeza? Hai un certo proceso que pode seguir para garantir que o proxecto funcione sen problemas. Refleja o proceso de deseño gráfico estándar , con só algúns pasos específicos para incluír.

Como deseñador gráfico, pode optar por levar todo o deseño a ti mesmo, incluída a codificación. Non obstante, tamén podes querer reunir un equipo para axudarche cos detalles. Un especialista en desenvolvemento web e SEO pode ser valiosas adicións ao teu proxecto.

Todo comeza coa investigación

Do mesmo xeito que na maioría dos proxectos de deseño, o primeiro paso para crear un sitio web é realizar investigacións. Algunha destas investigacións farase co cliente para comprender as súas necesidades. Tamén terás que aprender máis sobre a súa industria e os seus competidores.

Cando se reúne co seu cliente, cómpre descubrir o máximo posible para axudarlle a desenvolver un contorno para o sitio e finalmente deseñalo. Isto inclúe preguntar sobre o público obxectivo, os obxectivos, a dirección creativa e outras variables que poden afectar o que pode ofrecer ao cliente, como o orzamento e o prazo.

A súa industria e as investigacións de mercado ocorrerán simultaneamente. Para estar preparado para atender o cliente, debes ter unha idea da súa industria. Despois de descubrir as súas necesidades, entón quererá mirar un pouco máis.

O nivel de investigación realizada dependerá do orzamento do cliente e do seu coñecemento actual da industria. Pode ser tan simple como mirar para ver como se ven outros sitios web no campo. Para proxectos máis grandes, pode ser algo así como unha investigación en profundidade con grupos focais.

02 de 10

Tormenta de ideas

Unha vez que saiba o que trata o proxecto, é hora de reunir ideas e o brainstorming é un gran lugar para comezar . En lugar de buscar a idea perfecta para ser o primeiro, arroxa todas as ideas ou conceptos para o sitio web. Sempre podes restrinxala máis tarde.

Algúns sitios web poderían solicitar unha interface web estándar, con navegación (unha barra de botón) e áreas de contido onde os usuarios son máis propensos a esperalos. Outros poden esixir un concepto único para presentar o contido.

Ao final, o contido conducirá o deseño. Por exemplo, un sitio de novas terá unha visión moi diferente á carteira web dun fotógrafo

03 de 10

Decidir sobre os requisitos técnicos

No inicio do proceso de desenvolvemento dun sitio web, débense tomar decisións sobre os requisitos técnicos do proxecto. Tales decisións afectarán o orzamento, o prazo e, nalgúns casos, a sensación xeral do sitio.

Unha das decisións primarias é o que debe ser a estrutura subxacente do sitio, que determinará o software que usar e que sistema fai que o sitio "funcione".

As túas opcións inclúen:

04 de 10

Escribe un esquema

Agora que recolleu a información necesaria e propúxolle ideas, é unha boa idea conseguilo en papel.

Un esbozo dun sitio web debe incluír unha lista de cada sección que se incluirá no sitio, cunha descrición do tipo de contido que se mostrará en cada páxina. Tamén debe describir o máximo de detalles que serán as características do sitio, como contas de usuario, comentarios, funcións de redes sociais, vídeo ou un rexistro de boletíns.

Ademais de axudar a organizar o proxecto, o cliente debe ser presentado co esquema dunha proposta do sitio web para que poida aprobar antes de que o proxecto continúe. Isto permitiranos engadir, eliminar ou axustar as seccións ou funcións.

Todo isto axudará finalmente a desenvolver un orzamento e un marco de tempo e construír o sitio. Aceptando un prezo para un proxecto de sitio baseado nun esquema aprobado axudará a evitar taxas adicionais ou diferenzas de opinión a finais do proxecto.

05 de 10

Crea marcos

Os filmes son simples debuxos en liña dos esquemas do sitio web que lle permiten (e ao cliente) centrarse na colocación de elementos en lugar de colorear e escreber.

Isto é moi útil xa que determina o contido que merece máis foco e a porcentaxe de espazo empregado na páxina para eses elementos. Sen distraerse por outros elementos visuais, as wireframes aprobadas proporcionan un marco para os seus deseños.

Para algúns proxectos, pode considerar dispoñer dunha colección de wireframes dispoñibles para diferentes tipos de contido. As páxinas de contacto, sobre e outras con moito texto poden ter un deseño diferente que unha galería ou unha páxina de compras.

É importante que manteñas unha mirada uniforme en todo o sitio mentres te pasas dunha fila a outra.

06 de 10

Deseño do sitio web

Unha vez que vostede eo seu cliente están felices coas filas, é hora de comezar a deseñar o sitio.

Adobe Photoshop é a ferramenta máis común para crear os deseños iniciais. O foco do deseño do sitio web debería ser presentar o contido e utilizarase para crear as páxinas web reais.

Por agora, basta con deseñar e xogar cos elementos básicos para crear algo para que o seu cliente mire e aprobe.

07 de 10

Construír páxinas web

Cando o seu deseño sexa aprobado, as páxinas deben ser convertidas de maquetas en páxinas web reais escritas en HTML e CSS.

Os deseñadores / desenvolvedores expertos poden optar por asumir toda a codificación, mentres que alguén centrado no lado do deseño da web pode traballar en estreita colaboración cun desarrollador para que o sitio pase a vida. Se é o caso, o desenvolvedor debe estar involucrado desde o principio.

Os desenvolvedores axudarán a asegurarse de que o deseño sexa un deseño web realista e eficaz. Tamén deben ser consultados sobre as funcións que promete o cliente, xa que algúns non poden ser executados ou beneficiosos para o sitio.

Software como Adobe Dreamweaver pode axudar un deseñador a transformar unha simulación nunha páxina web activa, con funcións de arrastrar e soltar, funcións predefinidas e botóns para engadir ligazóns e imaxes.

Hai moitas opcións de software dispoñibles para a creación de sitios web. Selecciona o que che gusta traballar, só asegúrate de que che poidas acceder aos detalles e á codificación das páxinas.

08 de 10

Desenvolver o sitio web

Unha vez que o deseño se complete en HTML e CSS, cómpre integrar co sistema que escolleu. Este é o punto onde se converte nun sitio web en funcionamento.

Isto pode significar que os modelos de desenvolvemento sexan lidos por un sistema de xestión de contido, alterando un modelo de WordPress ou usando Dreamweaver para crear ligazóns entre páxinas e funcións web máis avanzadas. Este é de novo un paso que pode deixar a outro membro ou membros do equipo.

Tamén cómpre mercar un nome de dominio de sitio web e ter un servizo de hospedaxe aliñado. Isto debería ser parte das súas conversacións co cliente e, en realidade, debería facerse nas etapas iniciais do proceso. Ás veces pode levar moito tempo para que os servizos se volvan activos.

Tamén é moi importante que vostede ou o seu desarrollador realice probas exhaustivas do sitio web. Non quere facer o "gran descubrimento" e ter funcións que non funcionan correctamente.

09 de 10

Promover o sitio web

Co seu sitio web en liña, é hora de promovelo. O teu deseño sorprendente non serve nada se a xente non o visita.

O tráfico de conducir a un sitio pode incluír:

10 de 10

Mantéñase fresco

Unha das mellores formas de manter a xente volvendo ao seu sitio é manter o contido fresco. Con todo o traballo colocado nun sitio, non quere que permaneza o mesmo durante meses despois do lanzamento.

Continúa a publicar novos contidos, fotos, videos ou música ... calquera que fose o sitio para que presente. Un blog é unha boa forma de manter un sitio actualizado, con publicacións de calquera lonxitude sobre calquera tema relacionado co seu sitio,

Se o seu cliente manexará as actualizacións dun sitio web de CMS, pode necesitar adestralas para usalo. Facer actualizacións dun sitio web que desexas é unha boa forma de obter ingresos regulares. Asegúrese de que vostede eo seu cliente coincidan na frecuencia e as taxas para calquera traballo de actualización que realice.