fbpx

Desarrollo de un sitio web: ¿Cómo es el proceso?

Si estás pensando en actualizar tu sitio web o crear uno nuevo, es muy importante que conozcas el proceso de desarrollo y diseño web para que el resultado sea exitoso y evites malas experiencias.

¿QUÉ ES UN SITIO WEB?

Un sitio web (que no es lo mismo que página web) es un conjunto de información electrónica organizada formada por textos, imágenes, vídeos y enlaces que puede ser consultada a través de un navegador, una una página web es cada una de las URL que forman un sitio web.

El proceso de desarrollo y diseño de un sitio web no es sencillo ni breve, por lo tanto, si vas a contratar los servicios de creación de un nuevo sitio, es conveniente que conozcas todos los pasos que forman este proceso, ¿empezamos?

¿QUÉ EXACTAMENTE EL DESARROLLO WEB?

Es el proceso de concreción, diseño, programación, testeo y publicación de un sitio web o tienda online; si estás buscando un diseñador web, a la hora de elegir te recomiendo no basar tu elección únicamente en el precio, ten en cuenta otros factores como proyectos similares desarrollados, referencias de terceros, trayectoria…

En el desarrollo de un sitio web, lo barato puede salirte muy caro. No elijas al más económico.

FASE DE PLANIFICACIÓN.

La fase previa comienza por la aceptación del presupuesto por parte del cliente. Lo habitual es que el diseñador web facture en este momento entre un 30% y un 50% del total. Además, es recomendable que ambas partes firmen un contrato de servicios.

DEFINICIÓN DE LOS OBJETIVOS WEBS.

Antes que nada, tanto cliente como disñador web deben responder a una pregunta: ¿cuál es el objetivo de mi proyecto web? ¿Para qué queremos tener un sitio web? Algunos de los más habituales son:

  • Informar, el objetivo más común en las webs corporativas.
  • Vender producto o infoproducto, el más habitual en las tiendas online.
  • Vender servicios, un objetivo recurrente en las webs de empresas.
  • Potenciar la marca personal, propio de los blogs o webs personales.
  • Generar leads para realizar posteriormente acciones e e-mail marketing.

En la fase de implementación de la analítica web configuraremos los objetivos de analítica para poder comprobar si nuestra web está o no cumpliendo estos objetivos, es importante tener siempre presente que todos los elementos de la web (contenido, diseño, programación…) deben estar al servicio de los objetivos.

LA IMPORTANCIA BRIEFING

El briefing es el documento de apoyo que entregará el cliente para poder desarrollar el sitio web o tienda online, en él se deberán especificar de la forma más detallada posible todos los requerimientos del proyecto: técnicos, de contenido, de diseño, de usabilidad y de marketing digital.

TIMING O CRONOGRAMA DE EJECUCIÓN.

Al cliente se le entregará un timing o cronograma de ejecución donde se especificarán las fechas estimadas para cada una de las fases de desarrollo que en el siguiente punto detallaremos, eso sí, para que se cumplan, ambas partes (cliente y diseñador web) deben de cumplir los plazos.

ELECCIÓN DEL HOSTING Y DOMINIO.

El hosting o servidor es el espacio virtual donde se guarda toda la información de una web.

A la hora de desarrollar un proyecto web, la elección del hosting es uno de los aspectos más importantes: El tiempo de respuesta, su estabilidad, la configuración del servidor, una dirección IP geolocalizada en el país de nuestra web, si es dedicado o compartido o qué otras webs se alojan en el servidor; son algunos de los factores a tener en cuenta.

Los más populares son GoDaddy y Bluehost, personalmente recomiendo trabajar con Banahost, son 100% fiables, tienen un servicio de atención al cliente muy bueno, funcionalidades extras y precios competitivos en hosting y dominios.

ELECCIÓN DE LA PLATAFORMA.

La elección de la plataforma o CMS (Content Management System o gestor de contenidos) es vital ya que va a ser la app web diseñada para la creación, gestión y publicación de una web y su contenido, las más habituales son WordPress para el desarrollo de páginas webs o PrestaShop y Magento para tiendas online.

Recomiendo no contratar a desarrolladores que trabajan con gestores de contenido propios, salvo para desarrollos muy específicos.

¿Por qué? Muy sencillo, de ser así dependeremos el desarrollador para cualquier cambio o modificación web.

Una web programada con WordPress, Magento o Prestashop puede ser gestionada y actualizada por cualquier usuario que conozca el funcionamiento de estas aplicaciones web, y están respaldadas por comunidades enormes de usuarios y desarrolladores que llevan años actualizando y añadiendo mejoras a estos CMS.

Mi recomendación es apostar por WordPress, salvo para tiendas online, aunque con el pluging WooCommerce también se puede implementar una tienda online con muy buen rendimiento en WordPress.

FASE DE DESARROLLO.

RECEPCIÓN DE INFORMACIÓN.

El cliente ha de facilitar al diseñador web toda la información necesaria para hacer la web: información para elaborar los textos, imágenes y videos del equipo/producto, de las instalaciones, logotipo vectorizado, acceso al hosting, etc. Es muy habitual escuchar la frase:

Te he mandado lo que tengo y te iré mandando lo que falta… tú ve comenzando.

¡Por favor! no hagan esto…

Es preferible esperar, teniendo en cuenta que el timing no se cumplirá o habrá que actualizarlo, pero no pensemos que el diseñador puede crear “de la nada” una web, si trabajas en el área de diseño/contenidos comprenderás perfectamente a qué me refiero.

DEFINICIÓN DE LA ESTRUCTURA DEL CONTENIDO DE LA WEB.

Por estructura web nos referimos a la forma en que las distintas páginas están conectadas entre sí y la experiencia de navegación del usuario, no se refiere a cómo se va a diseñar la página y dónde van a estar los contenidos.

La estructura más habitual es la jerárquica o de árbol, organizándose por niveles jerárquicos, por ejemplo, en una tienda online el primer nivel lo ocupa el home, el segundo nivel las categorías de producto y tercer nivel, las fechas de producto.

PROPUESTA DE DISEÑO.

El diseñador web será quién, entendiendo el briefing, los objetivos de la web, las necesidades de la empresa y la experiencia del usuario, diseñará cada una de las páginas que componen la web, en el documento final que entregue al programador (de ser necesario un programador) debe anotar las especificaciones que estime convenientes: tipografía, tamaños, alineaciones, etc.

Está de más decir que la web ha de ser un diseño responsivo, es decir, que se adapte visualmente a todos los dispositivos (PC, Table y móvil).

Para simplificar el trabajo tanto del diseñador como del programador, una opción habitual es elegir una plantilla que cumpla nuestras necesidades y, a partir de ahí, hacer el diseño.

REDACCIÓN DE COPYS Y CREACIÓN DE CONTENIDOS.

Toda la información de una web, textos e imágenes, han de estar al servicio de los objetivos, especialmente las páginas de servicios, “quienes somos”, home y landing page de conversiones. Por tanto, si queremos vender, lo lógico es que los copys sean persuasivos y están planteados de forma que resuelvan el problema del usuario.

¡Importante! El diseñador web no redacta los textos, los copies debe redactarlos un copywriter.

PROGRAMACIÓN WEB.

Como ves, la parte específica de programación es sólo una fase de todo el proceso de desarrollo web, es aquí donde el diseñador (o programador dependiendo del nivel de profundidad), en local o en un hosting de programación, dará forma al contenido y diseño creando códigos a partir de lenguajes como el HTML, CSS, PHP, JavaScript…

El diseñador web o el programador web son dos perfiles totalmente distintos, aunque uno u otro perfil pueden tener nociones básicas del trabajo del otro, son dos profesiones totalmente distintas.

TESTEO DE LA WEB EN HOSTING DE PRUEBA.

Una vez terminafa, el diseñador web deberá revisar que todos los links funcionan, que no falta ningún texto, ninguna imagen… en definitiva, que todo está conforme se estableció en el briefing. Visto esto, daremos acceso al cliente para que pueda revisarla y dar así su conformidad al proyecto.

PUBLICACIÓN DE LA WEB EN ENTORNO REAL.

Tras obtener la aprobación del cliente, y realizados los últimos ajustes, es el momento de subir la web al hosting del cliente.

Si vamos a sustituir una web, es conveniente guardar en una carpeta del hosting la antigua, por si fuese necesario recuperarla en algún momento. Eso sí, pasado un tiempo prudencial, habrá que eliminarla para no llenar el hosting de archivos innecesarios.

Además, para evitar que Google muestre en los resultados de búsqueda urls de la antigua página, será conveniente listar las páginas indexadas o cuáles son las que más tráfico reciben de la web que vamos a eliminar y redirigirlas a la nueva url.

FASE DE SEGUIMIENTO.

IMPLEMENTACIÓN DE ANALÍTICA WEB.

Este punto es habitual que no esté contemplado en presupuesto de desarrollo web, pues corresponde al servicio de análisis y analítica web, pero si queremos medir los objetivos de nuestra web será necesario hacer una implementación correcta de la analítica web.

UX O MEJORA DE LA EXPERIENCIA DEL USUARIO.

Los plugins son extensiones que incorporan al gestor de contenido una nueva funcionalidad, algunos de estos plugins nos pueden ayudar a mejorar la experiencia del usuario o UX (User Experience), en Prestashop se conocen como “módulos”.

Es importante no abusar de estos, sólo se deben instalar los que se consideren imprescindibles para la seguridad o para añadir alguna funcionalidad no contemplada originalmente en el CMS que se está utilizando ya que pueden incidir negativamente en el rendimiento.

DISEÑO DEL PLAN DE MARKETING DIGITAL.

Sin un plan de marketing digital una web no vende, es como colocar una comercio en medio del desierto, si queremos conseguir los objetivos web será necesario diseñar un plan de marketing digital, en él se concretarán las acciones que vamos a realizar para ello: posicionamiento SEO, SEM, gestión de redes sociales, e-mailing, etc.

Si necesitas crear una web o tienda online para tu empresa o quieres cambiar la que tienes porque no genera ventas, puedo ayudarte a que tu sitio web genere ingresos. ¿Conversamos?

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll to Top
¿Necesitas ayuda?