El proceso de diseño web consiste en 6 pasos: 1) negociación con el cliente, 2) organización de la información, 3) desarrollo de la interfaz gráfica, 4) inserción del contenido, 5) revisión y ajustes, y 6) publicación del sitio web en Internet. Cada paso involucra tareas específicas como recopilar requisitos, crear esquemas de la estructura y diseño, incorporar texto, imágenes y otros contenidos, y realizar pruebas antes de publicar el sitio de forma pública.

1. EL PROCESO DE UN DISEÑO WEB
QUE ES UN PROYECTO WEB
Podrías pensar que cuando realizas una cotización para un proyecto web
ya sea diseño o programación tienes todas las tareas definidas y casi todo
contemplado, pero muchas veces no es así. Definir bien un proyecto web
antes de comenzarlo es el primer paso para asegurar un proyecto exitoso
y clientes felices. Y para conseguir esto será necesario una reunión con
el cliente, estar preparado para hacer las preguntas correctas, obtener
información, los requerimientos funcionales y verdaderamente entender lo
que el cliente necesita y cuáles son sus expectativas.
Se debe dejar claro que el rediseño web, conlleva un proceso que muchas
veces esta divido en muchas fases, cada una de las cuales tiene tareas,
metas y entregables. Estas fases o etapas puedes ser diferentes para cada
persona que se dedique a realizar proyectos web.

2. EL PROCESO DE UN DISEÑO WEB
CONSISTE EN 6 PASOS IMPORTANTES :
1.- NEGOCIACIÓN
2.- ORGANIZACIÓN DE LA
INFORMACIÓN
3.- INTERFAZ GRÁFICA
4.- INSERCIÓN DEL CONTENIDO
5.- REVISIÓN Y AJUSTES
6.- PUBLICACIÓN

3. EL PROCESO DE UN DISEÑO WEB
El proceso de desarrollo de un sitio web va desde el concepto
para el Diseño hasta la ejecución final. Nosotros tenemos la
capacidad de reproducir exactamente el sitio web que nuestro
cliente esta buscando.

4. EL PROCESO DE UN DISEÑO WEB
1.- NEGOCIACION
Es un proceso entre dos partes en donde existen dos posiciones
diferentes sobre un mismo asunto, las dos partes quieren llegar a un
acuerdo y para esto se comunican intercambiando propuestas y
concesiones.
Deben cumplirse las tres condiciones mencionadas anteriormente para
que el proceso de Negociación ocurra:

5. EL PROCESO DE UN DISEÑO WEB
•Existen dos posiciones diferentes sobre un mismo asunto": si las posiciones
fueran coincidentes no haría falta negociar.
•Las dos partes quieren llegar a un acuerdo": si una de las partes no quisiera
llegar a un acuerdo, no se sentaría a negociar.
•Para esto se comunican intercambiando propuestas y concesiones": si no
hubiera comunicación entre las partes, no se podría formular propuestas,
aceptarlas, rechazarlas, o efectuar concesiones.

6. EL PROCESO DE UN DISEÑO WEB
TECNOLOGIA
¿Qué tecnologia hay que usar?
a) Costo
La tecnología seleccionada depende de ello
b) Infraestructura o política de la empresa
c) Propuesta del proveedor seleccionado, Puede hacer una recomendación de
ecnología que va en función a su propuesta económica
METOLOGIA
Son las reglas, políticas, técnicas y procedimientos para el seguimiento del
Desarrollo de un proyecto
RECURSOS
El ultimo factor del cual depende el éxito de nuestro proyecto, las personas y
Sus respectivos perfiles de conocimiento y experiencia en el tipo de proyecto

7. EL PROCESO DE UN DISEÑO WEB
2.- ORGANIZACIÓN DE LA INFORMACION
Es importante que quien vaya a realizar el proyecto realice una
investigación inicial con el fin de saber hacía donde dirigirse, en este
punto cabe toda la búsqueda de información tanto a nivel de la
temática del proyecto en sí como el uso de herramientas que pueden
facilita el trabajo o que serán necesarias.

8. EL PROCESO DE UN DISEÑO WEB
Recabación de la información y obtención de la información que
el cliente va a publicar en su espacio web: textos, bases de datos,
fotografías,video,audio,etc.
Cuando ya se ha hecho la investigación respectiva y se tiene
la información necesaria, es hora de hacer un esquema general
del sitio para saber qué secciones llevará, cuáles serán los
módulos a crear para obtener un mapa del sitio que servirá de
referencia durante el proyecto.

9. EL PROCESO DE UN DISEÑO WEB
El esquema de estructura de una página web
La estructura de una página web es el esquema de composición
(o maquetación) de la información que aparece en una página.
No debe confundirse con la estructura de una web que es un término
más amplio y que hace referencia a como se organiza la información
en todo el sitio web. Se trata en definitiva de realizar un esquema para
situar el título, los enlaces que llevan a otras páginas, el contenido, etc.
Este esquema vendrá a ser una plantilla que seguiremos para construir
el resto de páginas. Con ello logramos una apariencia unificada para
todo el sitio al tiempo que servirá para el propósito de aplicar estilo CSS
con más comodidad.

10. EL PROCESO DE UN DISEÑO WEB
EJEMPLO DE MAQUETA
Cabeza: Se trata de una barra horizontal donde pondremos el
logotipo y nombre el sitio, principalmente.
Botonera: Otra barra que contiene enlaces a otras páginas.
Lateral izquierdo: Donde suelen también albergarse enlaces,
publicidad, noticias, etc.

11. EL PROCESO DE UN DISEÑO WEB
EJEMPLO DE MAQUETA
Migas: Este nombre hace referencia a una cadena de enlaces que
indicará al usuario donde se encuentra, de tal forma que a medida que
navega se añade un nuevo enlace a la cadena.
Contenido: Mayor área destinada al verdadero contenido de la página.
Lateral derecho: Otra zona para más información.
Pie: Donde suelen ponerse los créditos, ayudas, validadores, legislación,
etc.

12. EL PROCESO DE UN DISEÑO WEB
3.- INTERFAZ GRAFICA
Después de tener el esquema general del sitio, se debe hacer un
esquema gráfico general de cómo y dónde irán todos los elementos del
mismo. Es importante que en ésta parte se de una retroalimentación
eficaz para evitar demoras innecesarias en el proyecto.

13. EL PROCESO DE UN DISEÑO WEB
INTERFAZ GRAFICA
Análisis del mercado
•Potencialidad del mercado/sector/actividad. ¿Se apunta a un mercado
local, nacional o regional?
•¿Quienes son los potenciales usuarios/compradores del negocio?
Describa el perfil de visitantes de su site. (sexo, edad, nivel de
ingresos, frecuencia de uso, razón del uso negocios, placer)
•¿Cuál sería la motivación que tendrían para elegir el producto/servicio
que el proyecto prevé generar?
•¿Podría estimar la cantidad de consumidores/usuarios totales que
posee el mercado al que Ud. apunta?
•Ese mercado potencial ¿cuántos ingresos representarían para su
proyecto?

14. EL PROCESO DE UN DISEÑO WEB
INTERFAZ GRAFICA
4 pasos para fijar precios de manera efectiva de un diseño web.
Determina tu salario por hora Es importante determinar un salario por
hora, para esto existe esta simple fórmula. (Costos + Salario) ÷ Horas
trabajadas por año = Salario por hora
Fija tus precios base para determinados tipos de proyecto Por ejemplo:
Diseño de Logotipo, Diseño de sitio web, Diseño de blog

15. EL PROCESO DE UN DISEÑO WEB
INTERFAZ GRAFICA
4 pasos para fijar precios de manera efectiva de un diseño web.
•Fijar precios para características adicionales Nunca falta el cliente
que
a la mitad del proyecto se le ocurre pedir una característica
adicional
•Fijar precios para el trabajo externo, Algo que debemos tener en

16. EL PROCESO DE UN DISEÑO WEB
INTERFAZ GRAFICA
7 consejos a la hora de cobrar un diseño web
1. Tener una visión principal de lo que el cliente quiere hacer en su
sitio, saber de que manera el cliente quiere usar su página web; por
ejemplo si es que su pagina será informativa, una tienda en línea, o
un blog, etc.
2. Saber que lenguaje de programación usarás. conforme a la idea que
te formes de lo que necesita el cliente; saber con que programación
armarás su sitio web.

17. EL PROCESO DE UN DISEÑO WEB
INTERFAZ GRAFICA
7 consejos a la hora de cobrar un diseño web
3. Que es lo que ofrecerás en el paquete. En el paquete que le
propongas al cliente hay muchas cosas de las cuales deberás de
pagar externamente por ellas o se las cobrarás a tu cliente aparte.
4. Conforme al proyecto saber si usarás plantillas. Hay muchos
diseñadores web que les gusta usar plantillas, las compradas son
mucho mejores que las gratis, ya que estás dando un servicio
completo y eso incluye un diseño personalizado.

18. EL PROCESO DE UN DISEÑO WEB
INTERFAZ GRAFICA
FREELANCE
Un freelance es una persona que trabaja de manera
independiente y que cobra por el trabajo realizado, es decir
que no es empleado de alguna empresa y que tampoco es
propietario de alguna empresa.
También conocidos cómo autónomos, el principal campo
laboral de los freelances son servicios profesionales,
creativos, informática, consultoría, diseño gráfico, periodismo,
etc.

19. EL PROCESO DE UN DISEÑO WEB
4.- INSERCIÓN DEL CONTENIDO
• Datos de la empresa: Nombre, dirección, número de teléfono y de fax,
dirección de correo electrónico y qué tipo de estructura legal tiene.
Datos de la/s persona/s de contacto: Nombre, dirección, número de
teléfono y de fax, dirección de correo electrónico.

20. EL PROCESO DE UN DISEÑO WEB
INSERCIÓN DEL CONTENIDO
Breve descripción del proyecto: Este punto es muy importante y,
aunque va al principio, se debe redactar al final. Es decir, cuando ya
ha terminado el plan de negocios y esta preparado para resumir en
dos o tres páginas a lo sumo la totalidad de la idea.

21. EL PROCESO DE UN DISEÑO WEB
5.- REVISION Y AJUSTES
Todos los ajustes del proyecto se aplican a este en su
totalidad y, la mayoría de ellos, no se pueden cambiar una
vez creado un proyecto.
Una vez que haya comenzado a trabajar en un proyecto,
podrá revisar sus ajustes, pero solo podrá cambiar algunos.

22. EL PROCESO DE UN DISEÑO WEB
5.- PUBLICACION
EL INTERNET
Podemos definir a Internet como una "red de redes", es decir, una
red que no sólo interconecta computadoras, sino que interconecta
redes de computadoras entre sí.
Una red de computadoras es un conjunto de máquinas que se
comunican a través de algún medio
(cable coaxial, fibra óptica, radiofrecuencia, líneas telefónicas, etc.)
con el objeto de compartir recursos.
De esta manera, Internet sirve de enlace entre redes más pequeñas
y permite ampliar su cobertura al hacerlas parte de una "red global".

23. EL PROCESO DE UN DISEÑO WEB
5.- PUBLICACION
Qué es un web hosting?
Es el servicio que provee a los usuarios de internet un sistema para
poder almacenar información, imágenes, videos o cualquier contenido
accesible vía internet.•
Clasificación de los web hosting
1. Alojamiento gratuito
2. Alojamiento compartido
3. Alojamiento de imágenes
4. Alojamiento revendedor
5. Servidores virtuales
6. Servidores dedicados
7. Colocación

24. EL PROCESO DE UN DISEÑO WEB
5.- PUBLICACION
ALOJAMIENTO GRATUITO
Es extremadamente limitado, generalmente agregan publicidad en los
sitios como medio de financiamiento. No se puede usar como almacén
de datos o de contenido adulto no permitido.

25. EL PROCESO DE UN DISEÑO WEB
5.- PUBLICACION
ALOJAMIENTO COMPARTIDO
Alojamiento compartido En este tipo de servicio se alojan clientes de
varios sitios en un mismo servidor web. Resulta una alternativa
muy buena para pequeños y medianos clientes, es un servidor
económico y tiene buen rendimiento.

26. EL PROCESO DE UN DISEÑO WEB
5.- PUBLICACION
ALOJAMIENTO DE IMAGENES
Este tipo de hospedaje se ofrece para guardar tus imágenes en
internet, la mayoría de estos servicios son gratuitos y las páginas se
valen de la publicidad colocada al subir la imagen.

27. EL PROCESO DE UN DISEÑO WEB
5.- PUBLICACION
SERVICIOS VIRTUALES
Mediante el uso de una máquina virtual la empresa ofrece el
control de un ordenador aparentemente no compartido. Así se
puede administrar varios dominios de forma fácil y económica,
además de elegir los programas que se ejecutan en el servidor.
Por ello, es el tipo de producto recomendado para empresas de
diseño y programación web.

28. EL PROCESO DE UN DISEÑO WEB
5.- PUBLICACION
SERVIDORES DEDICADOS
Se refiere a una forma avanzada de alojamiento web, en la cual
el cliente alquila o compra un ordenador completo y la
Responsabilidad de administrarlo.

29. EL PROCESO DE UN DISEÑO WEB
5.- PUBLICACION COLOCACION O HOUSING
Este servicio consiste básicamente en vender o alquilar un
espacio físico de un centro de datos para que el cliente coloque
ahí su propio ordenador. La empresa le da la corriente y la
conexión a internet, pero el ordenador servidor lo elije
completamente el usuario.

30. EL PROCESO DE UN DISEÑO WEB