Diseño web

1. Analizar

Cuando tenemos un proyecto que nos apasiona, las ganas de ponerlo en marcha pueden nublar todo lo demás y nos pueden hacer pensar que nuestro producto o servicio es perfecto. Sin embargo, antes de lanzarse en su creación es imprescindible hacer un estudio de mercado que nos diga si realmente existe gente interesada en lo que ofrecemos. No hacerlo en la mayoría de casos supone firmar la sentencia de muerte de ese producto o servicio y de nuestro negocio con él. 

Un análisis de mercado nos informa de tres aspectos fundamentales a la hora de lanzar un producto o servicio: el mercado al que nos enfrentamos, el público al que queremos llegar y nuestra competencia. 

Sabiendo esto, creamos un plan de acción por el cual:

1. Estudiar el mercado según su naturaleza, alcance y tamaño: se trata de un primer contacto con el mercado, es paso más general que luego desarrollaremos. Identificamos por primera vez qué clientes pueden ser los interesados según los productos que ofreces y vemos cómo es la competencia que podrías tener. De esta manera, compararemos datos para tener una idea aproximada del crecimiento del mercado y de qué áreas son las que mejorarán la venta de tus productos y cuáles es mejor dejar de lado. La meta es estar en un mercado estable: no tendría sentido lanzar tu empresa a uno en crisis.
2. ¿Cuál es tu público objetivo?: para responder a esta pregunta utilizamos la segmentación de mercado que nos indicará las características del público al que pueden interesarle lo que ofreces y el volumen de ventas que podemos esperar de ese público.
3. Análisis de la competencia: ya con la primera visión general del mercado podemos hacernos una idea del tipo de empresa con la que competirás, pero ahora, además, anotaremos en qué aciertan y en qué fallan, es decir, sus fortalezas y sus debilidades, para poder imitar lo bueno y evitar a toda costa lo malo. 
4. ¿Qué tendencias marcan el mercado?: las modas es algo que afecta a prácticamente todo tipo de negocio y no solo eso, sino también las mejoras tanto en productos como en servicios. Para mantenerte entre los mejores, buscaremos qué oportunidades y ventajas le vendrán bien a tu negocio.

2. PLanificación

Un proyecto que no se planifica es un proyecto condenado a desarrollarse de forma desordenada y, seguramente, con fallos. Para evitar eso seguiremos una serie de pasos:

1. Teniendo en mente los resultados del análisis del mercado, debemos plantear las metas que se quieren alcanzar, el público objetivo al que se dirige la empresa y qué mensaje queremos transmitir.
2. Proyectar cómo va a ser la web, es decir, cómo debe funcionar, en qué tipos de dispositivos queremos que funcione y el contenido que tendrá en función de lo que queremos vender y al público al que se lo ofrecemos.
3. Luego viene la parte creativa y visual: decidir cómo será el diseño web de tu página. Dónde va a ir cada uno de los elementos, qué condiciones técnicas serán necesarias (por ejemplo, qué servidor usaremos) y un boceto de los contenidos propiamente dichos.
4. Una vez organizado todo lo anterior, podremos hacernos una idea más clara de los plazos que necesitaremos para hacer realidad tu proyecto de forma que sepas cuánto tendrás que esperar para ver el resultado final.

3. Arquitectura del contenido

La arquitectura del contenido no es otra cosa más que la manera de estructurar y ordenar todo lo que aparece en tu página web. Una buena arquitectura tiene muchas ventajas entre las que encontramos una mejor usabilidad, es decir, que los usuarios puedan navegar fácilmente por la página y con ello consigamos que se queden más tiempo en ella aumentando así las probabilidades de compra de tus productos o servicios. Otra ventaja es que mejora el rastreo de Google, también llamado crawling, que significa que el navegador tiene más en cuenta tu página lo que implica un mejor posicionamiento y, a su vez, un mayor número de visitas.

Existen tres tipos de arquitectura de páginas web: plana, vertical y SILO, aunque nosotros recomendamos la SILO. La plana es aquella desde cuya página de inicio se enlazan todas las categorías y de ahí, las subcategorías; razón por la cual no es recomendable esta arquitectura: el usuario puede perderse entre tanta información y, además, a Google le cuesta más rastrear la página. La vertical suele usarse más para páginas web muy especializadas en ciertas temáticas pues implica mayores niveles de clic. Finalmente la SILO es la más recomendable a nivel de posicionamiento SEO: esta arquitectura es la que mayor importancia le da a las palabras clave o keywords y las organiza por silos (agrupaciones), es decir, las agrupa semánticamente para así organizar mejor los contenidos. La arquitectura SILO crea una estructura jerárquica siguiendo la categorización de las keywords. Su página de inicio es la principal y se encuentra en el primer nivel donde estarán ubicadas las palabras clave más relevantes y desde ella se irán enlazando las páginas de segundo nivel o páginas pilar del SILO.

4. Desarrollar

El desarrollo web es la parte más técnica y compleja del proceso y se pone en marcha tras haber planteado los objetivos y metas, haber hecho el estudio de mercado y analizado los resultados y una vez clarificada la estrategia de marketing digital y posicionamiento SEO. Se compone de los siguientes pasos:

1. La planificación o creación del sitemap y wireframe o diseño funcional. El sitemap se trata del boceto para ver cómo quedará la página web una vez terminada y para ello describe las relaciones entre las distintas áreas del sitio web buscando que al usuario le resulte lo más fácil posible su uso. Por otro lado, el wireframe es una maqueta que representa visualmente la interfaz funcional del usuario. En esta parte se describen los elementos que compondrán la página, así como su ubicación.
2. El diseño. En esta fase se deciden qué colores, estilos, logos y demás elementos visuales se van a utilizar. Dicho de otro modo, se representa la estructura de información y se visualiza el contenido. Aquí es importante definir la arquitectura de conversión, es decir, de qué manera conseguiremos que los usuarios interactúen con nuestra página para conseguir nuestro objetivo: que contacten con nosotros y que compren nuestros productos o servicios. 
3. Dotar la página de contenido. Esto es, básicamente, crear textos acordes a tu página web y buscar imágenes que la completen. En general, es el cliente el que proporciona esta información, aunque también puede encargarse a la empresa. 
4. Diseño y codificación. Por último, una vez que el cliente está satisfecho con todos los pasos anteriores, comienza la creación y programación propiamente dicha de la página web.

5. Fase de testeo

Es la parte final del proceso de creación de una página web: las pruebas para confirmar que todo marcha como debería. 

Aquí nos aseguramos de que los posibles problemas o defectos se han corregido antes de entregarle el proyecto al cliente, comprobamos la correcta interacción e integración de todos los componentes y constatamos que funciona para cumplir con los objetivos para los que ha sido diseñada. Para asegurarnos de su perfecto funcionamiento observamos si la página web se visualiza correctamente desde el navegador y distintos dispositivos, detectamos los posibles vínculos rotos para repararlos o eliminarlos y revisamos el tiempo de descarga para que sea todo lo rápido que sea posible pues cuanto menos tenga que esperar el usuario más probabilidades hay de que se quede en tu sitio web.

Si todo marcha a la perfección y tú estás satisfecho con el resultado, la creación de tu página web habrá terminado.