¿Cómo hacer una página web corporativa?
Antes de lanzarnos a diseñar y programar una página web, necesitamos responder a varias puntos:
¿Qué tipo de web vamos a crear?
Dependiendo de los objetivos que pretendamos obtener de una web, así será la web:
- Web corporativa: son simples y poco contenido. Son como tarjetas de visita virtuales
- Web e-branding: el objetivo es potenciar la imagen de la empresa, de la marca o de un profesional determinado. Se basan sobre todo en contenidos que refuercen la imagen de marca.
- Promocionales: el objetivo es fomentar la interactividad e informar con máximo detalle de los productos y servicios. Normalmente son webs de empresas que quieren potenciar las ventas offline, ya que por tipo de producto o servicio es muy complicado realizar la venta online. Un ejemplo sencillo son las web de marcas de coches.
- Tiendas online: son iguales que las anteriores, pero con venta online.
Una vez definidas las cuestiones previas, es importante hacer un guión que sirva de guía para los programadores y para poder realizar un presupuesto lo más ajustado posible.
El guión de una página web.
Las partes que se deben definir en el guión de una web:
- La idea principal en la que se basa la web.
- El objetivo de la página web.
- El público objetivo.
- Reflejar las áreas de contenidos.
- Estructura de navegación.
- Storyboard.
Storyboard.
El Storyboard es un conjunto imágenes mostrando la secuencia de navegación sobre una web y reflejando en cada imagen los elementos que debe contener cada página “tipo”, por ejemplo, para una web que contiene un catálogo virtual, se tendrá que dibujar la página inicial, la de listado de productos por familia y la de producto. También se deben reflejar las distintas áreas de la página, incluso los elementos de cada área, por ejemplo, la cabecera tendrá el logo, un buscador, el menú principal y los enlaces sociales.
Existen ciertos puntos a tener en cuenta:
- Mostrar la información importante en el centro de la pantalla, aunque desde que le pusieron la “ruedecita” al ratón es más fácil hacer scroll, la información que más se ve es la que aparece a primera vista y si al usuario le interesa entonces hace scroll.
- Hacer la web responsive, que se adpate a cualquier dispositivo.
- No cometer faltas de ortografía o gramaticales.
Registrar dominio.
Este punto es muy importante y, normalmente siempre surge la incertidumbre de registrar el nombre de la empresa o bien crear un dominio con el nombre del producto para que sea mejor posicionable en Google.
Para nuevas empresas que trabajan sólo online y que todavía no tienen un nombre de marca consolidado, lo normal es registrar un nombre de dominio relacionado con el producto o servicio que venden. Si la empresa tiene un nombre de marca consolidado se opta por dos opciones, crear un nombre que aune marca y producto o bien simplemente el nombre de la empresa o marca. Poniendo ejemplos de clientes mío, el nombre del dominio de ARGES Elements es www.abaloriosdezamak.com, mientras que la tienda online de Carmencita es www.carmencitashop.com, manteniendo esta última un dominio propio para su marca: www.carmencita.com.
Contratar hosting.
Como ya expuse en otro post, “¿Qué hosting contratar?“, para empezar se puede reservar un hosting mínimo y dependiendo del funcionamiento de la web se pueden ir ampliando recursos. No se debe confundir un hosting mínimo con un hosting barato, los hosting baratos normalmente dan problemas de carga o de visitas concurrentes, lo cual es contraproducente para el posicionamiento natural en Google.
Diseño web.
Tomando como premisas los puntos definidos en el guión de la web, estructura web, navegabilidad, objetivos y público potencial se debe realizar un diseño adecuado. Se deben realizar varios bocetos y chequearlos para saber cual será el más adecuado.
Programación web.
En este paso se debe maquetar en html el diseño de la web y programar las secciones dinámicas para que el administrador de la web gestiones el contenido de la web desde una zona privada.
En este paso se trabajarían los siguientes punto:
- Maquetación html.
- Creación de base de datos.
- Programación zona privada.
- Programación zonas dinámicas de la web.
Test
Es una de las fases más importantes y a la que normalmente le dedicamos más tiempo. Es interesante hacer pruebas de funcionamiento con varios perfiles de usuarios distintos porque cada usuario tendrá una forma distinta de acceder a la información.
También es importante realizar pruebas sobre software que rastree todas las páginas de la web para detectar enlaces rotos.
Jose Jiménez Gallego – www.josejimenezgallego.com – info@josejimenezgallego.com