Com dissenyar un lloc web

01 de 10

Recerca

Un client potencial només us va demanar que dissenyeu un lloc web, però on començareu? Hi ha un cert procés que podeu seguir per assegurar-vos que el projecte funcioni sense problemes. Es reflecteix en el procés de disseny gràfic estàndard , amb només uns quants passos específics del lloc web per incloure.

Com a dissenyador gràfic, podeu triar assumir el disseny complet, inclosa la codificació. Tanmateix, és possible que també vulgueu reunir un equip per ajudar-vos amb els detalls. Un desenvolupador web i un expert en SEO poden ser valuoses addicions al vostre projecte.

Tot comença amb la investigació

Com passa amb la majoria de projectes de disseny, el primer pas per crear un lloc web és realitzar investigacions. Algunes d'aquestes investigacions es faran amb el client per comprendre les seves necessitats. També haurà d'aprendre més sobre la seva indústria i els seus competidors.

Quan es reuneixi amb el vostre client, haureu de descobrir el màxim possible per ajudar-vos a desenvolupar un esbós del lloc i finalment dissenyar-lo. Això inclou preguntar sobre el públic objectiu, els objectius, la direcció creativa i altres variables que poden afectar el que pot oferir el client, com ara el pressupost i el termini.

La vostra indústria i la seva recerca de mercat es faran simultàniament. Per estar preparat per conèixer el vostre client, hauria de tenir una idea de la seva indústria. Després d'assabentar-se de les seves necessitats, llavors voldreu veure una mica més.

El nivell de recerca realitzat dependrà del pressupost del client i dels vostres coneixements actuals de la indústria. Pot ser tan senzill com mirar com es veuen altres llocs web al camp. Per a projectes més grans, pot ser una investigació profunda amb grups de discussió.

02 de 10

Pluja d'idees

Una vegada que sàpigues el que es tracta del projecte, és hora de recollir idees, i el pluja d'idees és un gran lloc per començar . En lloc de buscar la idea perfecta de ser el primer, llenceu totes les idees o conceptes del lloc web. Sempre es pot reduir més tard.

Alguns llocs web poden demanar una interfície web estàndard, amb la navegació (una barra de botons) i àrees de contingut on els usuaris tenen més probabilitats d'esperar. Altres poden requerir un concepte únic per presentar el contingut.

Al final, el contingut conduirà el disseny. Per exemple, un lloc de notícies tindrà un enfocament molt diferent de la cartera web del fotògraf

03 de 10

Decidir sobre els requisits tècnics

Al començament del procés de desenvolupament d'un lloc web, cal prendre decisions sobre els requisits tècnics del projecte. Aquestes decisions afectaran el pressupost, el termini i, en alguns casos, la sensació general del lloc.

Una de les decisions principals és quina hauria de ser l'estructura subjacent del lloc, que determinarà el programari que s'utilitzarà i quin sistema fa que el lloc "funcioni".

Les opcions inclouen:

04 de 10

Escriure un esquema

Ara que ha reunit la informació necessària i ha ideat algunes idees, és una bona idea aconseguir-ho tot en paper.

Un esbós d'un lloc web hauria d'incloure una llista de cada secció que s'inclourà al lloc, amb una descripció del tipus de contingut que es mostrarà a cada pàgina. També hauria de descriure amb la major detall possible quines funcions tindrien al lloc, com ara comptes d'usuari, comentaris, funcions de xarxes socials, vídeo o un registre de butlletins de notícies.

A part d'ajudar a organitzar el projecte, el client hauria de presentar el perfil d' una proposta del lloc web perquè puguin aprovar-la abans que el projecte continuï. Això els permetrà afegir, eliminar o ajustar qualsevol secció o funcions.

Tot això en última instància, ajudarà a desenvolupar un pressupost i un marc de temps i construir el lloc. Acordar un preu per a un projecte de lloc web basat en un esborrany aprovat ajudarà a evitar taxes addicionals o diferències d'opinió a la tarda del projecte.

05 de 10

Crea marcs de filferro

Els fotogrames de filferro són dibuixos de línies senzilles de dissenys de llocs web que permeten (i el client) centrar-se en la col.locació d'elements en comptes de pintar-los i escriure-los.

Això és extremadament útil, ja que determina quin contingut mereix més concentració i el percentatge d'espai utilitzat a la pàgina per a aquests elements. Sense distreure's d'altres elements visuals, els filferros aprovats proporcionen un marc per als vostres dissenys.

Per a alguns projectes, podeu considerar que hi ha una col·lecció de fils disponibles per a diferents tipus de contingut. Les pàgines de contacte, sobre i altres amb un munt de text poden tenir un disseny diferent que una galeria o una pàgina de compres.

És important que mantingueu un aspecte uniforme al llarg de tot el lloc web a mesura que passi d'una fila a la següent.

06 de 10

Disseny del lloc web

Una vegada que tu i el teu client estiguin contents amb els filferros, és hora de començar a dissenyar el lloc.

Adobe Photoshop és l'eina més habitual per crear els dissenys inicials. L'enfocament del disseny del lloc hauria de ser presentar el contingut i utilitzar-lo per crear les pàgines web reals.

De moment, simplement dissenyeu i jugui amb els elements bàsics per crear alguna cosa que el vostre client miri i aprovi.

07 de 10

Crea pàgines web

Quan s'aprova el disseny, les pàgines s'han de convertir de maquetes en pàgines web reals escrites en HTML i CSS.

Els dissenyadors / desenvolupadors experimentats poden triar assumir tota la codificació, mentre que algú centrat en el costat del disseny de la web pot treballar estretament amb un desenvolupador per donar vida al lloc. Si aquest és el cas, el desenvolupador hauria d'estar involucrat des del principi.

Els desenvolupadors us ajudaran a assegurar-vos que el disseny sigui un disseny web realista i eficaç. També s'han de consultar sobre les característiques que prometeu al client, ja que algunes poden no ser possibles d'execució o benèfiques al lloc.

Programari com Adobe Dreamweaver pot ajudar un dissenyador a convertir una interfície de maqueta en una pàgina web activa, amb funcions d'arrossegar i deixar anar, funcions predefinides i botons per afegir enllaços i imatges.

Hi ha moltes opcions de programari disponibles per a la creació de llocs web. Trieu una que us agrada treballar, només cal que us assegureu que realment podeu entrar a la informació i la codificació de les pàgines.

08 de 10

Desenvolupar el lloc web

Una vegada que el disseny es completa en HTML i CSS, ha d'integrar-se amb el sistema que heu triat. Aquest és el punt on es converteix en un lloc web funcional.

Això pot significar que les plantilles de desenvolupament es llegeixin mitjançant un sistema de gestió de continguts, alterar una plantilla de WordPress o utilitzar Dreamweaver per crear enllaços entre pàgines i funcions web més avançades. Això tornarà a ser un pas que es pot deixar a un altre membre o als membres de l'equip.

També haurà de comprar un nom de domini de lloc web i tenir un servei d'allotjament alineat. Això hauria d'haver estat part de les discussions amb el client i, en realitat, s'ha de fer en les etapes inicials del procés. De vegades, pot trigar un temps a que els serveis es tornin actius.

També és molt important que vostè o el desenvolupador realitzi proves exhaustives del lloc web. No vol fer el "gran revel" i tenir funcions que no funcionen bé.

09 de 10

Promociona el lloc web

Amb el vostre lloc web en línia, és hora de promocionar-lo. El disseny increïble no és bo si la gent no la visita.

El trànsit de conducció a un lloc pot incloure:

10 de 10

Manténgalo fresc

Una de les millors maneres de mantenir la gent que torna al vostre lloc és mantenir el contingut fresc. Amb tot el treball realitzat en un lloc, no vol que es mantingui igual durant mesos després del llançament.

Continueu publicant contingut, fotos, vídeos o música nous ... qualsevol que sigui el lloc que s'hagi creat per presentar. Un bloc és una bona manera de mantenir un lloc actualitzat, amb publicacions de qualsevol extensió sobre qualsevol tema relacionat amb el vostre lloc,

Si el vostre client gestiona les actualitzacions d'un lloc web de CMS, és possible que hàgiu d'entrenar per utilitzar-lo. Fer actualitzacions a un lloc web que heu dissenyat és una bona manera d'obtenir ingressos habituals. Assegureu-vos que vostè i el vostre client estiguin d'acord amb la freqüència i les taxes per a qualsevol treball d'actualització que feu.