¿Cómo desarrollar un sitio web exitoso?

Para desarrollar un sitio web exitoso, debe tener en cuenta una serie de conceptos y procesos.
¿Qué acciones se requieren para tener un sitio web? ¿En qué orden? ¿Cómo elegir al diseñador
o estudio adecuado? Establecer desde el principio un plan de acción es clave para obtener el
resultado requerido. ¿Cómo se concibe el plan de acción y cómo se implementa de manera
eficiente?

A continuación el resumen de la presentación del 25 de agosto de 2009 en la Cámara Franco

Chilena para el Comercio y la Industria.

Nicolás Lira Turpaud

Crossmedia Designer and Photographer
nikolira@nextshotmedia.com
+56 9 9 445 77 26
Santiago de Chile

Contenido:

1. Conceptualizar el website 2

2. Fijar objetivos. 3

3. Definir el público objetivo. 3

4. Conocer el proceso de desarrollo. 4

5. Elegir al diseñador/agencia adecuado(a). 5

6. Fijar/Conocer tareas. 5

7. Métodos de seguimiento. 5

8. Secuencia de acciones. 6

9. Comprobar el cumplimiento de objetivos. 6

10. ¿Y después? 6
agosto 2009 ¿Cómo hacer un sitio web exitoso?

1. Conceptualizar el website

Imagine su futuro website. ¿Cuál sería su estructura? Empecemos por dibujar con un lápiz y un papel un
esquema de la estructura del futuro website:

El diagrama nos muestra el home, y las diferentes secciones que contendrá el sitio.

Por ejemplo el sitio de Adecco en Chile (www.adecco.cl):

las secciones serían “Nuestros Servicios” / “Acerca de Adecco” / “Contactenos”.

Una vez que hayamos imaginado la estructura del sitio. Tenemos que concentrarnos en planear el
contenido que llevaran las diferentes secciones. Sin detallar mucho tenemos que ver si:

• tenemos la información necesaria disponible

• hay que crear contenido

• la información está debidamente clasificada y centralizada para poder disponer de ella fácilmente en el
momento que sea necesario.

Finalmente para terminar de conceptualizar el website debemos imaginarnos la primera impresión que se
llevara un usuario al visitar por primera vez el sitio.

Vale decir: ¿Qué sensaciones procura el sitio? ¿Qué estilo tiene?

Por ejemplo podemos decir que el sitio se verá jovial y lúdico (una red social orientada a los adolescentes
por ejemplo). O más bien serio y tradicional (un banco por ejemplo).
agosto 2009 ¿Cómo hacer un sitio web exitoso?

Así, describiendo estos pasos con nuestras propias palabras, podremos tener una concepción del website
que queremos crear muy detallada. Esto nos servirá durante todo el resto del proceso. Facilitando mucho
el diálogo con el desarrollador y logrando con éxito llegar a un resultado final.

2. Fijar objetivos.

Después de haber conceptualizado el website, debemos fijar los objetivos de este. Lo más probable es
que inconscientemente ya lo hayamos hecho al momento de tener la necesidad de un website. Pero
ahora vamos a formalizarlos.

Es importante ser lo más honestos posibles en el establecimiento del objetivo del website. Los objetivos
pueden ser variados pero nombremos algunos bien comunes:

• tener un website para ser “cool” y mostrar lo top que somos al tener un súper website

• tener un website para poder aumentar las ventas en complemento con una tienda física.

• crear una plataforma de trabajo con los proveedores para ahorrar tiempo y viajes innecesarios.

• mejorar el website actual.

• crear una red social en torno a la organización o empresa.

• crear una plataforma de gestión de proyectos.

• para diferenciarse de la competencia ofreciendo servicios innovadores.

Una vez que tengamos esto definido debemos cuantificar este objetivo:

• un número x de visitas al mes.

• una cantidad x de operaciones transferidas a modo online desde un modo físico.

• un aumento porcentual en las ventas.

Esto nos permitirá con facilidad determinar el cumplimiento del objetivo en el futuro.

Es también importante fijar un objetivo único para el website. Un sólo website no va a solucionar todos los
problemas. Difícilmente un website de venta por catálogo será bueno también para ser una plataforma de
noticias.

3. Definir el público objetivo.

Con el website conceptualizado y con los objetivos ya fijados, procedamos entonces a definir el público
objetivo.

Es importante saber tomar distancia en este punto. Rara vez, hacemos parte del público objetivo por lo
que no es tan evidente saber las necesidades y los gustos de este.

Para definir el público objetivo lo más adecuado es imaginarnos a los personajes tipos que visitarán el
website y describirlos lo más detalladamente posible:

• ¿qué edad tienen?

• ¿hombre, mujer, ambos?

• ¿grupo socioeconómico?

• ¿cómo se viste? ¿formal, informal, sport, playa, etc.?

• ¿dónde vive?
Al contestar estas preguntas de manera objetiva y con perspectiva, podremos definir mejor los requisitos
del website para que tenga una buena llegada a su público objetivo.
agosto 2009 ¿Cómo hacer un sitio web exitoso?

4. Conocer el proceso de desarrollo.

Una vez que todos los conceptos del website están definidos, podemos empezar la fase más concreta del
proceso de desarrollo.

Un website está compuesto principalmente de tres ítems:

• Una combinación de archivos que lo componen.

• Un hosting.

• Un dominio.
En detalle:

El sitio web está compuesto por varios archivos (el número varía en función del website) que juntos con el
navegador (Explorer, Firefox, Safari, Chrome) y el servidor (hosting) producen lo que los usuarios ven en
sus dispositivos (PC, Iphone, celular, blackberry, netbook, etc.). Estos archivos son html, php, flash,
javascript, bases de datos, imágenes (jpg, gif, png).

html+css: lenguaje que entiende el navegador. Es interpretado localmente en el terminal del usuario por
el navegador. Es muy liviano y conviene que sea validado por la W3C (Organismo que fija los estándares
de la web).

php: lenguaje que entiende el servidor.

base de datos: contiene el “contenido” del sitio. Son del tipo MySQL generalmente.

javascript: son comandos avanzados que permiten agregar funcionalidades al html. El usuario final debe
tener activada la opción de javascript en su navegador. La mayoría de los usuarios la tienen.

flash: es una plataforma de diseño y programación externa propietaria de Adobe. Permite crear
animaciones y vídeos. Se ve igual en cualquier dispositivo. No soportado por Iphone. Tiende a ser más
pesado que los archivos php y html. No permite una fácil administración por lo que encarece los costos de
mantención del sitio.

CMS: (Content Management System) es una plataforma que administra los contenidos del sitio.
Separando el diseño y el contenido. Facilita mucho la mantención y administración del sitio. Los hay libres
y propietarios. Los más usados son WordPress, Joomla, Drupal, MovableType entre otros. Recomiendo usar
uno que sea libre y muy utilizado. Por grandes empresas y pymes para asegurarnos que tenga soporte a
futuro.

imágenes: las imágenes deben estar en formato jpg, png o gif y especialmente optimizadas para web.
Esto permite reducir los tiempos de carga manteniendo la calidad de la imagen. png acepta
transparencias pero hay que tener cuidado con Internet Explorer 5 y 6.

El proceso se hace en las siguientes etapas:

Primero se hace el diseño gráfico del website. En él se muestra cómo se verá el website.

Una vez aprobado el diseño del website se programa el diseño. En esta etapa se codifica el diseño gráfico
del website en html, php, flash, etc. Se traduce el website a un lenguaje comprensible por el terminal del
usuario. Es en esta etapa que se crean los archivos que componen el website.

Finalmente se procede a testear el website. Localmente y también en el servidor final. Esto a fin de
detectar errores de código y problemas de compatibilidad.

El hosting es el servidor que albergará físicamente los archivos que componen el website. Es muy
importante que el contrato esté a nombre de su empresa y no del desarrollador del sitio. Esto a fin de
agosto 2009 ¿Cómo hacer un sitio web exitoso?

evitar problemas en el futuro. Es muy importante que el hosting tenga la capacidad necesaria para el
website además de la capacidad de evolucionar junto con el website.

El dominio es la dirección en que se encontrará el website (www.dominio.com/cl/net/org/etc). También es

muy importante que esté a nombre de la empresa y no del desarrollador. Esto a fin de evitar problemas
futuros.

Tanto en la elección del hosting como en la del dominio su desarrollador debería prestarle la asesoría
necesaria sin que conlleve un costo extra significativo.

5. Elegir al diseñador/agencia adecuado(a).

Para elegir al diseñador adecuado o a la agencia adecuada debemos tener en cuenta los siguientes
criterios:

- el precio y tiempo de realización del website.

- la confianza que le inspire.

- si usa o no términos que usted entiende y si explica los términos que usted no entienda.

- cumple con los tiempos.

- responde oportunamente.

- ¿es fácil de contactar?

- su portafolio.
6. Fijar/Conocer tareas.

Esta etapa consiste en establecer por escrito la documentación que fijará las tareas de cada uno:

- ¿quién será responsable del contenido? ¿quién lo organizará? ¿quién va a poner el contenido en
linea?

- ¿cómo se harán los pagos? ¿en qué momentos?

- ¿quién hará los vistos buenos de diseño y de programación?

- ¿quién dispondrá de los códigos de acceso necesarios para la mantención futura del website?

- ¿quién tendrá un respaldo inicial del website?

Fijando estos detalles evitaremos problemas en el futuro y podremos controlar mejor el proceso
completo.
7. Métodos de seguimiento.

El mejor método de seguimiento es ir verificando paso a paso las etapas del proceso. Hacer una
checklist.

También podemos ver si el desarrollador nos puede proponer algún sistema que nos permita
seguir a distancia las distintas tareas del proceso.

Por ejemplo se puede hacer un mini-blog privado en que se vayan actualizando los avances del
proyecto.

Hay múltiples herramientas que permiten hacer este seguimiento. Defina con su desarrollador las
que mas se acomoden con el proyecto.
agosto 2009 ¿Cómo hacer un sitio web exitoso?

8. Secuencia de acciones.

Es importante respetar la secuencia de acciones. Por ejemplo el diseño no es bueno aprobarlo sin
saber qué contenido va a llevar y ver cómo se vería con ese contenido. Tampoco es bueno por
ejemplo establecer un presupuesto sin conceptualizar antes el website. Lo más probable es que el
presupuesto sea erróneo, para bien o para mal.
9. Comprobar el cumplimiento de objetivos.

Fácil si se siguen todos los pasos. Se puede controlar el número de visitas, el número de ventas, el
impacto financiero, etc. Esto es importante para ver que el sitio esté funcionando bien y que no
haya que hacer modificaciones para poder cumplirlos.
10. ¿Y después?

Hay que planificar el futuro del website. Un website debe ser permanentemente actualizado y
requiere, dependiendo del sitio, un cierto grado de mantenimiento. Es por esto que no debemos
olvidar de plantear estas problemáticas y dejarlas solucionadas. El desarrollador es la persona
indicada para aconsejarle en este punto.