El diseño y el desarrollo web es una de las tareas principales de una agencia de marketing o freelance. Al principio de ser un desarrollador, intentaba hacer todos los diseños en código desde cero. Enseguida me di cuenta del error: hay muchas cosas que ya están inventadas y paquetizadas que no es necesario hacer de nuevo. De hecho, ese fue el primer uso que le di a WordPress, utilizarlo como un framework, un entorno donde podía hacer cualquier diseño y colocarle encima cientos de utilidades o plugins ya creados por otros desarrolladores.
Cómo crear una página web
Aunque es relativamente sencillo hacer una página web, es bastante complicado hacerla de forma correcta. Y es que esto es un común denominador en el mundo del diseño gráfico y web: una cosa es hacerlo y otra cosa es hacerlo bien. Con la multitud de factores que hay que tener en cuenta, es prácticamente imposible que un desarrollo web amateur lo pueda conseguir. Desgraciadamente es lo que se oculta tras muchos anuncios de página web gratis.
Personalmente tuve que formarme de manera profunda durante años en algunos temas y aplicarlos en proyectos propios, y ocultar mis carencias con desarrollos de otros. Como decía anteriormente, para eso me sirvió y me sirve WordPress, para utilizar el trabajo de otros de complemento al mío.
Sin embargo, aquí no terminó mi trabajo de aprendizaje laboral. Los clientes, a veces, querían diseños muy complejos y para mí eran un reto. A veces pedían utilidades que no existían y era una manera complicada de funcionar. Mi salida fue sencilla: haría diseños personalizados, pero con el límite impuesto por presupuesto, teniendo en cuenta los plugins existentes en el mercado. Dicho de otro modo: no puedo invertir mi tiempo si mi tiempo no se paga acorde a la realidad. Y es que hacer un diseño desde cero más un desarrollo desde cero puede costar varios miles de euros. Y aquí llegamos a la realidad del asunto: ¿cuántos clientes se quieren gastar esa cantidad de dinero? Pues eso, hay que hacer páginas bonitas, útiles y con el suficiente tiempo de desarrollo para no encarecerse.
En ese momento descubrí la metodología Lean. Se basa en el usuario final, en el objetivo que nos proponemos, siendo muy minimalistas en todo lo demás, haciendo fuerza más en la calidad del contenido que en su cantidad.
Metodología para hacer una página web
En Marketing Digital Sevilla utilizamos la metodología Lean. Básicamente dividimos el trabajo en una serie de etapas y compañeros donde tratamos de conseguir el objetivo que nos proponemos, sin marearnos con florituras y sin añadir nuevos retos al trabajo. El centro del proyecto no es el cliente que nos encarga el trabajo, es el objetivo que nos encarga abordar el cliente. Cualquier paso necesita una validación, y una vez superado, no hay vuelta atrás. Al final del proceso habrá una Web terminada, que será una primera versión (producto mínimo viable) o la versión final, según las necesidades del cliente. En cualquier caso, cualquier versión es totalmente funcional.
Las fases del diseño en Marketing Digital Sevilla son:
- Conocimiento del proyecto: tenemos que saber de qué va el proyecto, a quién les gustaría parecerse, qué presupuesto manejan,…Todos los detalles son pocos. Aquí tenemos la incómoda conversación con quien quiere un Amazon o un Facebook, pero por menos de 1.000€. El cliente debe de bajar a la realidad y nosotros hacernos una idea de lo que podemos conseguir. Es la parte más comercial y también tiene una parte de diseño Web. Solemos tomar nota, hacer esquemas y quizá un primer boceto manual de la Web.
- Wireframing bajo nivel: todavía estamos en una fase previa a tener un cliente. Planteamos la base de la Web al cliente, con unos trabajos realizados con un programa de diseño. Es una web sin contenido real, sin colores y simplemente colocando lo que pensamos que debe de tener atendiendo a la anterior reunión: secciones, titulares, textos, cuadros de imagen,… Esta parte es puro diseño Web.
- Mockup bajo nivel: pasamos el anterior documento a color, con fotos, con fuentes, logotipo,…Si el cliente lo ve positivo, comenzamos a trabajar con plazos, incluyendo los del pago por adelantado. Es el momento en el que el cliente tiene que comenzar a enviar el contenido, acorde al mockup. Más trabajo de diseño Web.
- Mockup final: el cliente potencial ya es cliente, y trabaja con nosotros en el proyecto. Nos pasa las imágenes, comenzamos a trabajar los textos y comenzamos a preparar la Web. Es el proceso más complejo, ya que necesita más perfiles. Damos todos los pasos hasta conseguir las pantallas necesarias.
- Entrega provisional del proyecto: entregamos el proyecto para terminar de rematar con el cliente. Es el momento de pulir detalles como los textos, los emails y otros pequeños detalles. Lo podemos hacer en un dominio provisional. Aquí trabajan casi todos los perfiles de la empresa, pero principalmente el diseñador front-end. El cliente debe probar exhaustivamente la Web en este punto.
- Entrega final: puesta a disposición al cliente de la Web, con dos horas de formación de cómo manejarla (no administrarla). La administración de la Web necesita de un perfil técnico que en muchas ocasiones el cliente no tiene.
¿Cuánto tiempo se tarda en realizar este proceso?
Lo que marca el tiempo de realizar este proceso se resume en dos puntos: ¿qué claro tiene el cliente lo que quiere? ¿cómo de claro es capaz de expresarlo?
Hay Webs que se han creado en apenas 3 días, donde las primeras etapas iban de corrido. El cliente ya traía el diseño muy claro y sólo quedaban los elementos a insertar. Pero un proyecto normal suele tardar entre 20 y 40 horas, que al final se puede condensar en 15 días.
El marco desde donde se trabaja es el mockup final. En cuanto llegamos a ese punto, el proceso se acelera. Para llegar a ese punto debemos de tener o estar realizando todos los textos, las imágenes, los vídeos, los audios,…En definitiva: tenemos claro la forma y el contenido.
El cliente debe de tener muy claro el único objetivo principal de la Web, el objetivo con el que ya estaría satisfecho. Nos vamos a centrar en él, y el resto de elementos serán de segundo plano y de corte minimalista. Si el cliente quiere una tienda online, debería tener claramente detallado en una hoja de cálculo aspectos como el nombre del producto, la referencia, la categoría, el precio, el acceso a las imágenes,…
Diseño y Desarrollo Web en Marketing Digital Sevilla
Contamos con tres servicios muy diferenciados:
- Diseño Web Básico (desde 750€ IVA No Incluido): para empresas o particulares que quieren tener presencia Web. Creamos una página principal (Home) con lo principal de sus productos o servicios, más una página de contacto para que se puedan poner en contacto con la empresa. La Web se verá optimizada en todos los dispositivos. El trabajo de la agencia será de unas 20 horas. Este tipo de trabajo lo solemos terminar en 5 días laborales, y el cuello de botella se suele producir a la hora de que el cliente nos envíe los textos, imágenes, audios y vídeos de la Web.
- Diseño Web 2.0 (desde 1.000€ IVA No Incluido): igual que el paquete anterior, pero añadimos un blog con su sistema de comentarios, más un diseño personalizado para las entradas individuales. El cliente debe de crear ese contenido original del blog. Este tipo de Webs suelen ejecutarse en unos 7 laborbles, unas 30 horas.
- Diseño Web Tienda (desde 1.250€ No IVA Incluido): igual que el paquete anterior, pero con una página con todos los productos, una página individual para cada producto, diez productos insertados, configuración del proceso de venta, instalación de los medios de pago,…Si queremos emplear las 40 horas de trabajo en menos de 10 días laborables, hay que cumplir un checklist que enviamos al cliente. Además, aquí el proceso de prueba es fundamental. La empresa tiene que comprobar que todo el proceso de venta es perfecto.