Proceso de diseño web

Proceso de diseño web

Se entiende por proceso de diseño web, que son una serie o conjunto de pasos o fases que debe seguir un diseñador web freelance o una empresa para obtener un producto excelente.

Hablemos de Proceso de diseño web

Se entiende por proceso de diseño web, que son una serie o conjunto de pasos o fases que debe seguir un diseñador web freelance o una empresa para obtener un producto excelente (sitio web).

Pasos del proceso de diseño web

1. Reunión con el cliente

En esta etapa se plantean los requerimientos iniciales del proyecto, para ello se debe tomar en cuenta los siguientes puntos:

– Identificar el proceso del negocio

En este punto el cliente debe detallarnos de manera especifica como es el flujo de trabajo en su negocio.

– ¿Qué necesita el cliente? – Todo lo que tendrá la web

Aquí, el cliente debe transmitirnos que es lo que desea transmitir en su sitio web, por ende debe ser especifico y contar a detalle todo lo que quiere que tenga su web.

– Identificar objetivo del proyecto (suscripciones, ventas, etc)

Este punto es clave y habiendo escuchado atentamente al cliente en los puntos 1 y 2, se debe de identificar el objetivo del proyecto, específicamente si van a querer captar suscriptores, van a vender alguno producto, etc.

– Identificar público objetivo (niños, adolescentes, jóvenes, adultos)

También es importante saber quienes serán nuestro publico objetivo, puesto que de ello va a depender los colores, las imágenes, el tipo de fuente que tendrá el sitio web.

– Recursos de textos, imágenes, vídeos, dominio y hosting -> ¿Quién lo brinda?

Otro punto clave, es determinar quien brindará la información que irá en el sitio web, si por una parte el cliente lo hará, o será necesario adquirir un paquete de imágenes o vídeos a terceros.

También se debe definir si el cliente ya cuenta con dominio y hosting, o va hacer necesario incluirlo en el servicio a brindar.

* En este momento decimos que se ha definido el alcance inicial del proyecto, pues ya tenemos los detalles generales que nos van a servir para un buen desarrollo y entrega excelente del producto.

2. Investigación

Esta fase involucra tener claro cuales serán las herramientas que vamos a utilizar para el desarrollo del sitio web:

– Software de diseño

Definir que programa de diseño utilizaremos: illustrator, photoshop u otro programa.

– Lenguaje de programación

Definir el lenguaje de programación a utilizar: lo más común es utilizar PHP, y obviamente toda web está hecha en html 5 y css 3, que ya debemos de dominarlos.

– Framework

Definir si se va autilizar algún framework como: laravel, codeigniter u otro.

– CMS

Definir si se va a utilizar un cms como : wordpress, joomla, drupal o por el contrario será necesario uno a medida.

3. Cronograma general

En esta fase se tiene que determinar los tiempos del desarrollo, así como definir los entregables. Para ello es necesario estimar cuanto nos demoraremos en cada sub fase del desarrollo en sí: Análisis, Diseño, Maquetación, Desarrollo, Implementación.

4. Cotización

Terminado las 3 fases iniciales del proceso de diseño web, hay que comonenzar a elaborar la cotización del proyecto, la misma que será entregada al cliente.

Para este propósito será necesario tener en cuenta:

– La duración del proyecto estimado
– La experiencia del diseñador web
– El servicio o soporte que brindarás al cliente
– Los costos fijos a asumir
– El precio del proyecto que estimaste por cada etapa del cronograma

Además para la elaboración del documento formal que se entregará al cliente se debe tomar en cuenta realizar lo siguiente:

– Una pequeña presentación del proyecto
– Definir el proyecto a desarrollar
– Especificar los beneficios que el cliente obtiene con tu propuesta
– Detallar la inversión
– Detallar el tiempo de desarrollo, el cronograma y los entregables.

5. Lluvia de ideas

En esta fase es necesario reunir todas las ideas posibles que contribuyan a buen desarrollo del sitio web, algunos tips que te servirán son:

– Revisar sitios similares: Siempre es bueno revisar como hacer sus sitios web otros sitios web.
– Analizar la competencia: También hay que revisar que está haciendo la competencia y qué cosa podemos mejorar.
– Arquitectura de la web: Por último detallar las secciones que tendrá nuestro sitio web.

6. Diseño de prototipos

En esta fase se tiene que preparar diseño con el software ideal que hayas escogido en la fase Investigación. Hay que tener en cuenta elaborar mínimo 3 propuestas y en cada una de ellas no cambiar la idea principal, para no dar chance al cliente de cambiar radicalmente nuestro trabajo y sólo se centré en los contenidos complementarios.

Terminado las propuestas, se tiene que presentar el diseño al cliente, y en este caso este debe de revisarlo y dar sus observaciones y luego por tu parte corregirlas y hacer la entrega final del diseño para su aprobación final.

7. Maquetación

Una vez aprobado el diseño de prototipos, debemos preparar el editor de texto a utilizar (sublime text, por ejemplo) y comenzar con la maquetación, haciendo uso de html 5 y css 3 de cero o utilizar algún framework como bootstrap o foundation. También hay que tener en cuenta el SEO, la compatibilidad con la mayoría de navegadores y sobre todo, cosa que no se te debe pasar por alto, la web debe ser responsive design, es decir se debe adaptar a todos los dispositivos móviles.

De la misma forma, una ves terminado se debe presentar para su aprobación.

8. Desarrollo

Una vez tengamos la maquetación lista, procederemos a programar, en la mayoría de casos se usa php y wordpress como cms, pero también puedes optar por algún framework. Aquí hay que tener en cuenta la seguridad de la tecnología que usemos y pues a programar y dar funcionalidad al sitio web.

9. Pruebas

Antes de hacer la entrega final se debe realizar las pruebas respectivas, para ello es recomendable realizar tres tipos de pruebas, así como sigue:

– Prueba 1 – Equipo

Si tienes un equipo de trabajo realizar las pruebas de funcionalidades con ellos, si trabajas sólo pues te toca hacer la pruebas.

– Prueba 2 – Externo

Recomendamos que una persona externa al proyecto realice las pruebas, puede ser una amigo, etc.

– Prueba 3 – Cliente

Una vez que levantaste las observaciones presentes en las pruebas 1 y 2, recién se la presentas al cliente para que haga las pruebas.

– Levantamiento de observaciones

De haber observaciones se tiene que levantar y proceder con la implementación.

10. Implementación

En esta ultima fase se debe tener en cuanta lo siguiente:

– Manual de usuario (escrito o video): Preparara un manual de uso para mayor entendimiento del sitio web.
– Capacitación: Realiza una capacitación al cliente y a las personas que vayan a usar el sitio web.
– Proveedor de Hosting: Determinar el proveedor y configurarlo.
– Proveedor de Dominio: Determinar el proveedor y configurarlo.
– Implementación: Subir el sitio web a los servidores del cliente

* Listo, con esto hemos terminado, esperamos que haya sido de utilidad y esperamos verte pronto en nuestros próximos cursos:

Próximos cursos:

1) Diseño de prototipos con Illustrator
2) Diseño web con html 5 y css 3
3) WordPress – Funcionamiento
4) Woocommerce – Funcionamiento
5) Creación de un tema WordPress
6) Creación de plugins
7) Creación de un tema Woocomerce