en Desarrollo Web

C贸mo crear una web paso a paso

Si est谩s aqu铆 es porque eres una de esas personas que quiere saber qu茅 hacer, pasos a paso, para crear una web.

Los motivos para hacer un sitio web son dis铆miles. Puede que seas un emprendedor que quiere amplificar su oferta en Internet; un estudiante de sistemas que est谩 aprendiendo tecnolog铆as web, un profesional que desea compartir sus conocimientos con una comunidad, o simplemente una persona curiosa que busca aprender algo nuevo.

Para m铆, la motivaci贸n que te ha hecho llegar hasta CRamonSanabria es irrelevante, siempre te lleves a la salida una pieza de informaci贸n o conocimiento que consideres relevante.

En este art铆culo te contar茅 sobre la forma en que me gusta trabajar cuando me piden la creaci贸n de sitios webs. Esta no es la 煤nica forma de realizar esta actividad, pero es la que, a m铆 y mis clientes, nos ha dado mejores resultados.

Crear sitios web es un proceso

La creaci贸n de una web, igual que la construcci贸n de un edificio, o cualquier otra cosa aparentemente m谩s compleja, requiere que nos acerquemos al resultado de forma gradual, pero segura. Es precisamente por esto que la construcci贸n de un sitio es un proceso.

Un proceso puede definirse como un conjunto de pasos o acciones que permiten convertir insumos en productos. Ya s茅, esa es la definici贸n t茅cnica, pero prefieres que te lo explique con m谩s detalles.

Todo proceso se centra en la soluci贸n de un problema, o en la satisfacci贸n de una necesidad, pero todas estas no pueden solucionarse de la misma forma. Cuando no existe una soluci贸n infalible, es m谩s importante seguir unos pasos que te permitan alcanzar un resultado espec铆fico por cada situaci贸n.

Paso 1: Definici贸n de alcance

Este es uno de los pasos m谩s importantes, y que cuando se hace mal, es el causante de desviaciones y atrasos innecesarios en la obtenci贸n de resultados satisfactorios. Un sitio web debe ser como una prenda a la medida, que se ajusta perfectamente a la forma que tiene el negocio.

Normalmente en esta primera etapa se definen:

El prop贸sito para estar en Internet: 驴Qu茅 se ofrece en el sitio web? La venta de productos o la prestaci贸n de servicios se enfocan de diferente forma. Un sitio web personal tampoco se parece a otro de una corporaci贸n o instituci贸n. Determinar la oferta con precisi贸n de un sitio influye en el conjunto de decisiones que vienen a continuaci贸n en el proceso de desarrollo.

Los objetivos del sitio web: 驴Qu茅 se espera de los visitantes? Simplemente consumir谩n la informaci贸n que se ofrece, o se suscribir谩n para luego mandarles contenido u ofertas extras. Comprar谩n directamente en la web, o ser谩n dirigidos a un espacio f铆sico para realizar determinada acci贸n que por la v铆a digital resulta imposible.

Contenidos para las p谩ginas webs: En este caso son dos preguntas las que se deben hacer. 驴Qu茅 contenido aporta el cliente, y cu谩l es responsabilidad del desarrollador web? Este tema dar铆a para todo un art铆culo, que quiz谩s escriba m谩s adelante. La segunda pregunta es 驴Qu茅 tipo de contenido buscan los clientes o consumidores de la oferta del sitio web?

P煤blicos del sitio web: 驴En qui茅n est谩 enfocado el sitio web? He visto muchas acciones de comunicaci贸n digital, y anal贸gicas, dise帽adas para el 鈥減煤blico en general鈥. Generalmente no funcionan. Conocer lo mejor posible al p煤blico objetivo es la 煤nica forma de establecer una comunicaci贸n efectiva.

En ocasiones el cliente que contrata el desarrollo web dispone de toda esta informaci贸n, y es f谩cil reunirla en una sesi贸n de trabajo. En otras ocasiones no es as铆, entonces antes de pasar a la siguiente etapa debe implementarse un proceso de recopilaci贸n y procesado de los datos necesarios.

Paso 2: Planificaci贸n del proyecto

En este paso se determina todo lo relacionado con el desarrollo del espacio digital. Una buena planificaci贸n es importante pues deja en claro los tiempos y recursos necesarios para alcanzar los resultados m谩s satisfactorios.

Las principales cuestiones que se deben planificar son:

Arquitectura de informaci贸n del sitio web: Este punto se refiere a la forma en que se organizan los contenidos de la web. No es correcto colocar toda la informaci贸n en la portada de un sitio, por lo que mucha informaci贸n va a parar a las p谩ginas interiores. Una buena arquitectura de informaci贸n ayuda al usuario a encontrar lo que busca de forma r谩pida y f谩cil.

Tecnolog铆as para desarrollar las p谩ginas web: Evidentemente no es igual una 鈥渓anding page鈥 sencilla, que un portal web, o una intranet. Cada proyecto requiere varias tecnolog铆as espec铆ficas, que sostengan las funcionalidades que brindar谩 el sitio web. En ocasiones es suficiente con utilizar WordPress con la ayuda de varios plugins, en otras, se precisa desarrollar un sistema a la medida, utilizando frameworks especiales.

Hosting y dominio para sitio web: La mayor铆a de las empresas compran un dominio relacionado con su marca. Pero qu茅 pasa si ya est谩 ocupado, pues solo queda intentar recuperar o adquirir el dominio deseado, o buscar alguna variante que sea igualmente representativa. La elecci贸n del hosting tambi茅n es un paso importante. Sobre todo que responda bien ante el tr谩fico que pudiera tener ese sitio web.

Integraci贸n del sitio con herramientas de terceros: La integraci贸n m谩s b谩sica que se puede realizar, que es casi obligatoria en nuestros d铆as, es con las Redes Sociales. Sin embargo, en ocasiones es necesario que el sitio web se comunique con otros sistema o herramientas, para suministrarle o consumir informaci贸n de estos. En estos casos, siempre es recomendable, antes de desarrollar el sitio, identificar las integraciones necesarias.

Generaci贸n del contenido del sitio web: Es importante identificar previamente toda la informaci贸n, o la mayor parte, que se desea publicar en el sitio web. Textos, fotos, videos, audios. Otra cosa que debe quedar claro es quien va a crear esos contenidos, si los provee el cliente y due帽o del sitio, o los genera la misma persona que desarrolla el website.

Tiempo para desarrollar un sitio web: Con toda la informaci贸n anterior es posible determinar cu谩nto tiempo aproximado demorar谩 la creaci贸n del canal digital. No es igual comenzar un proyecto en el que el cliente dispone de toda la informaci贸n, que otro en el que debe reunirla. Tampoco es lo mismo utilizar un CMS que partir de cero en el desarrollo. Cada proyecto tomar谩 un tiempo determinado, seg煤n los requerimientos a los que se pretende llegar.

Presupuesto para crear el sitio web: Este es un punto crucial. La creaci贸n de un sitio web siempre requiere de inversi贸n monetaria. A veces el cliente suma muchos requerimientos y funcionalidades que se traducen en un presupuesto elevado. Si la propuesta excede la cifra que el cliente puede pagar, entonces hay que reformular el proyecto.

NOTA: En estos casos suelo valorar cu谩les son las funcionalidades cr铆ticas, y cu谩les se pueden omitir, o dejar para m谩s adelante. Lo que no debe verse afectado nunca, bajo ning煤n concepto, es la calidad de las entregas pautadas.

Paso 3: Prototipado y Dise帽o

En proyectos sencillos se puede pasar directamente al dise帽o del sitio web, aunque lo recomendable es realizar un prototipo antes.

El prototipo es un molde sencillo de las principales p谩ginas del sitio web. Lo m谩s importante aqu铆 es la estructura visual del sitio, y la relaci贸n que se establece entre las diferentes secciones. Los prototipos de sitios web carecen de detalles que puedan desviar la atenci贸n de lo que realmente importa aqu铆, que es el plano general. Por este motivo muchas veces se utilizan im谩genes y textos de prueba, como el conocido 鈥淟orem Ipsum鈥.

Cuando los aspectos m谩s generales han sido definidos y aceptados por el cliente, es el momento de crear los detalles que marcar谩n la diferencia del nuevo sitio con el resto ya publicados en Internet. Entonces se pasa al dise帽o del sitio web. Es ahora cuando se toman las decisiones sobre el tipo de letra que se va usar, la paleta de colores m谩s adecuada, qu茅 estilo deben tener las im谩genes, etc.

Paso 4: Desarrollo a medida

Ya todos los elementos del sitio web han sido determinados, es hora de desarrollarlos. Aunque se est茅 utilizando un CMS como WordPress, Joomla u otros, siempre es necesario realizar los ajustes necesarios para las funcionalidades que el sitio debe brindar.

Se puede dar el caso que no existan plugins que brinden una funcionalidad espec铆fica, o la forma en que fue creado no se ajusta a las expectativas del cliente. En este caso, toca modificar c贸digo, o programar desde cero.

Tambi茅n durante esta etapa, en caso de que no estuvieran disponibles todos los contenidos previamente, se trabaja en su generaci贸n. Se toman fotos, se adecuan a las resoluciones 贸ptimas para la web, se redactan textos optimizados para su posicionamiento por palabras claves estrat茅gicas, etc.

La lista de cosas que se hacen para la creaci贸n de un sitio web es bastante larga, y en ocasiones es la parte menos motivante de todo el proceso. Por esto, puede dar la sensaci贸n de que se avanza poco, que es la etapa m谩s lenta, pero no es as铆 necesariamente. Esta percepci贸n es posible corregirla haci茅ndole reportes peri贸dicos a los clientes, que sepan cu谩nto y en qu茅 se est谩 trabajando.

Paso 5: Pruebas, entrega y lanzamiento del sitio web

Sitio listo. Casi.

Esta etapa de la creaci贸n de sitios web puede solaparse con la anterior. Es decir, en la medida que se van instalando o desarrollando funcionalidades se pueden ir probando, para estar seguros que una vez que se publique los usuarios no tendr谩n problemas.

Son muchas las pruebas que deben, y pueden, hacerse. B谩sicamente las cuestiones principales que son necesarias someter a examen se resumen en que las personas a las que est谩 orientado el sitio web, puedan hacer lo que deben, lo m谩s sencillo y r谩pido posible, y de forma segura.

Si todo ha salido justo como se hab铆a planificado desde un inicio, entonces este es el momento en que se estar铆a listo para publicar y lanzar el sitio. Pero antes imprescindible hacer la entrega del mismo al cliente, para estar seguros que todo ha quedado conforme se pact贸 desde el inicio.

La publicaci贸n del sitio se limita a colocarlo en el hosting, y abrir los accesos para que los usuarios comiencen a llegar e interactuar con el canal digital. Normalmente hay que configurar algunas cosas necesarias, como por ejemplo el certificado de seguridad, u otras por el estilo, pero no m谩s.

El lanzamiento en cambio, es un momento m谩s marketero. Lo ideal es que se dise帽e una campa帽a de marketing, que puede incluir publicidad a trav茅s de los buscadores y las redes sociales del negocio, o incluso, acciones off-line espec铆ficas.

A menudo pasa que los emprendedores contratan un sitio web, pero olvidan que la mayor铆a de los casos las personas no llegan solas al canal digital de la organizaci贸n, es necesario atraerlas. De ah铆 la importancia de crear una campa帽a de lanzamiento del sitio web.

Paso 6: Mantenimiento de la web

Una vez terminado y publicado el sitio web se acab贸 el trabajo. Nada de eso. Internet evoluciona constantemente, y las webs que no se adaptan son destinadas al caj贸n del olvido. Por esto es tan importante la realizaci贸n peri贸dica de mantenimiento digital.

Para realizar el mantenimiento es posible seguir diferentes estrategias.

La primera es que el desarrollador del sitio web, cuando realice la entrega, capacite al cliente para que este realice el mantenimiento. Es decir, tras la entrega la empresa asume la actualizaci贸n de contenidos, plugins, themes y cualquier otra cuesti贸n necesaria para que el sitio siga funcionando de forma adecuada.

La otra variante es que el mismo desarrollador se encargue del mantenimiento del sitio web. En este caso, se realizar铆a un nuevo contrato, esta vez a plazo indeterminado, y dejando en claro qu茅 cosas entienden ambos por 鈥渕antenimiento鈥. Lo m铆nimo es actualizaci贸n de themes, plugins y aspectos relacionados con la seguridad del sitio web, pero podr铆a ser tambi茅n la actualizaci贸n y personalizaci贸n de los contenidos a publicarse.

驴Eso es todo?

Pues la verdad es que s铆. Siempre se puede describir con mayor profundidad el proceso, haciendo hincapi茅 en detalles muy espec铆ficos, pero no creo que sea necesario. Pero si crees que pas茅 alg煤n paso importante por alto, y que debo agregarlo no dudes en dejarme un comentario al final del art铆culo. Tu criterio es muy importante para m铆.

C贸mo crear una web paso a paso
5 (100%) 10 votes

Escribe un comentario

Comentario

  1. Interesante articulo, muy esclarecedor de todas las cosas a tener en cuenta a la hora de crear nuestra web, que todo no se reduce a buscar un theme de WordPress y algo de texto. Hay mucho m谩s que valorar ! Gracias Carlos, excelente aporte como siempre. Saludos

    • Muchas gracias por el comentario. En realidad creo que tienes mucha raz贸n en esto que me planteas, pues a veces sucede que tanto desarrolladores como clientes piensan que es la creaci贸n de un nuevo website es tan f谩cil como echar mano al CMS de moda, instalarlo y listo, todo el trabajo est谩 hecho. Para que un sitio cumpla su prop贸sito, es muy importante seguir un flujo de trabajo, en el que se definen y construyen muchas cosas, justo como explico en el art铆culo.

    • Gracias Adiel. Pero no creo que seas t煤 de los que est谩 comenzando en este mundo. Ya llevas un camino andado. De todas formas es un honor para mi este comentario, gracias por dejarlo por ac谩.