Teveran, diseño web profesional

Cómo Trabajamos

 

Estas son las etapas del proceso de trabajo que solemos llevar a cabo con los diseños web:

1- Búsqueda del dominio.

2- Establecimiento del estilo de la web y de las secciones de la misma.

3- Presentación de pantallazo.

4- Firma del contrato y abono del 50% de la cuantía acordada.

5- Recopilación o elaboración de información escrita y gráfica ( fotos, iconos, etc )

6- Maquetación.

7- Testeo de la web en los diferentes navegadores y de todas sus funcionalidades.

8- Realización de videotutoriales para el mantenimiento de la misma. ( Ver ejemplo )

9- Finalización del diseño de la web y pago del 50% restante.

10- Presentación de la web a medios de comunicación y clientes.

 

Búsqueda del Dominio


Lo primero que se debe de hacer es pensar en un dominio que identifique al producto o servicio. Si el nombre de nuestra empresa ya está registrado, entonces convendría añadirle el servicio o producto antes o después; por ejemplo, si tenemos una zapatería que se llama Alberto de toda la vida, no debemos desanimarnos si al buscar si dicho dominio está libre, nos encontremos con que no. Lo que tenemos que hacer entonces es combinar dicho nombre o marca con el producto, vease: zapatosalberto, albertozapatos, zapateriaalberto, albertozapatero, etc. Si en el caso de que todas estas opciones estuvieran también ocupadas, entonces nos queda la opción de echar mano del guión medio: zapatos-alberto, etc O incluso, en plan emergencia, del guión bajo: zapatos_alberto.

Y esto que parece un remiendo, por experiencia sabemos que contribuye enormemente al posicionamiento, ya que la existencia del nombre del producto o servicio en el mismo dominio refuerza su SEO y nos hará subir más alto en la lista de buscadores.

Después hay que tomar la decisión sobre qué extensión de dominio nos conviene. Entre las genéricas las más utilizadas son: .com ( comerciales, aunque por extensión se asocian a internet en sí mismo ), .net ( redes ), .org ( organizaciones ), .biz ( negocios, empresas, comercios ), .info ( información ). Nosotros te orientaremos llegado el momento sobre qué dominios te convienen más, no obstante puedes echarle un lectazo a nuestra sección dedicada a los dominios.

 

Establecimiento del estilo de la web y de las secciones de la misma


Cada sector industrial, comercial o de servicios tiene su propio caracter gráfico y, por extensión, su estilo web sui generis. Esto se debe a motivos que, justificados o no, o por rasones meramente culturales, el inconsciente colectivo acepta como adecuados. Pongamos un ejemplo: Se da por buena la elección de una tipografía redondeada para la identidad corporativa de una tienda de ropa femenina, de la misma forma que se acepta comunmente que el color negro sería el ideal para la imagen de una discoteca.

Razones que muchas veces no tienen más explicación que la del seguimiento de una moda, pero que no es menos cierto que acaban por crear ciertos patrones de estilo de los que conviene no salirse para desentonar ( o sí ).

Por eso en Teveran lo primero que hacemos es estudiar a la competencia. Ver cómo están concebidas las webs que del mismo sector al que se dedica nuestro cliente y analizar sus elementos; bien sean de diseño como de estructura del contenido. En internet resulta difícil inventar la rueda, queremos decir con esto que, si en todas las tiendas de neumáticos online existen una serie de secciones, entonces es que corresponden a una determinada manera en que son utilizadas por sus usuarios. A ver: si voy a comprar unos neumáticos online, primero tendré que seleccionar el modelo de coche. La clave está en saber llegar a un equilibrio entre lo que establecen las webs al uso y lo que nuestros clientes necesitan o quieren.

Porque, no nos engañemos, hay clientes que nos viene con las cosas muy claras desde el principio: Diseño y arquitectura del contenido. Pero, esos hará tiempo que habrán dejado de leer esta parrafada.

Luego hay otro aspecto sustancial que es el de la navegabilidad. Esto consiste en construir la web de tal forma que el usuario de la misma consiga el objetivo que persigue en el menor número posible de clicks. A esto contribuye la adecuada elección de menús y submenús, la disposición de los mismos, la accesibilidad a alternativas, etc. En definitiva, intentar que quienes entren en nuestra web se pierdan lo menos posible.

 

Presentación de pantallazo


Una vez que se ha llegado a un consenso con el cliente sobre qué secciones y servicios tendrá la web y sobre su aspecto, entonces llega el momento de plasmarlos en un pantallazo o imagen fija, que sirva de referencia al desarrollo del diseño posterior.

En este pantallazo se coloca el logotipo, la cabecera, los banners, footer o pie de página, el contenido central, los menús, si cuenta la maqueta con 2 o más columnas, etc.

Suele realizarse con la tipografía definitiva y las gamas de colores son los acordados con el cliente en las reuniones previas.

Es importante tener en cuenta que las modificaciones son previsibles durante el trabajo posterior, pero cualquier cambio sustancial cuando el trabajo ya está en marcha puede suponer la revisión del contrato, ya que en la maquetación web cualquier pequeño cambio en apariencia insustancial, puede suponer la inversión de una cantidad de tiempo importante.

 

Firma del contrato y abono del 50% de la cuantía acordada


Cuando se llega a un acuerdo de las secciones de la web y el aspecto que tendrá esta, entonces se pasa a firmar un contrato mercantil mediante el que las partes se comprometen a cumplir ciertos puntos prestablecidos de antemano. Aquí se hace especial incapié en los plazos de trabajo, en las cantidades de dinero a pagar, en las funcionalidades de la propia web y en los costes de mantenimiento posteriores, entre otros.

En este enlace podeis consultar un ejemplo de contrato.

 

Recopilación o elaboración de información escrita y gráfica ( fotos, iconos, etc )


Llega entonces el momento de ir elaborando los textos y los gráficos que compondrán la futura web. El trabajo de redacción de textos suele ir incluído en los honorarios establecidos, pero si el cliente desea redactarlos él mismo, nosotros nos disponemos a colocarlos en sus secciones oportunas. En caso de que el contenido vaya traducido a otros idiomas, este trabajo deberá ser supervisado por traductores profesionales y su trabajo se facturará aparte. Por nuestra parte, contamos en nuestro equipo con personal cualificado como para traducir al inglés cualquier texto sin provocar sonrojos.

En cuanto a las fotografías, estamos convencidos de que dan mucha vida a una web. Una web con fotos mal hechas es una mala web. Por eso aconsejamos invertir un poco en el cuidado de las fotografías y encargárselas a un profesional, ya que la sensación que va a llevarse cualquier visitante de nuestra web repercutirá en nuestra imagen de marca y acabará repercutiendo positivamente en nuestro negocio o empresa.

Por otro lado están las fotos de fondo ( por llamarlo de alguna manera ), que son las que sirven para rellenar cualquier sección y que suelen ser muy recurridas ( ¿ cuántas veces hemos visto a la misma teleoperadora sonriente trabajando en tantas empresas diferentes ? ¿ no le da vergüenza pluriemplearse tanto con el paro que hay ? ) No, bromas aparte, se suele echar mano de fotos de bancos de imagenes cuyos derechos no suponen un gran desembolso. O, llegado el caso, si se quiere prescindir de ese gasto, también se puede recurrir a imagenes con la licencia Creative Commons.

Algo parecido sucede con los elementos gráficos tales como los iconos, cabezales, etc. En este caso en Teveran solemos desarrollarlos ex profeso para nuestros clientes, procurando adaptarnos al carácter de su web.

 

Maquetación


Esta etapa suele durar unas 2 ó 3 semanas y se solapa con la anterior y posterior. En ella se van ajustando los contenidos en la maqueta prefijada y se va coordinando el uso de tipografías y estilos para que no haya nada que desentone ni se vaya de sitio. Es una ardua labor que requiere un amplio abanico de conocimientos y de paciencia. Y, aunque no solemos trabajar desde cero, sino que nos basamos en elementos preelaborados por terceros ( en cuanto a plantillas y en programación ), no es menos cierto que cualquier complicación nos lleve horas en solucionarla. Al mismo tiempo, huelga decir que nuestra experiencia juega a favor nuestro, y que conforme vamos haciendo webs nos vamos encontrando con problemas conocidos a los que solemos saber tratar adecuadamente. Es lo que se dice oficio.

 

Testeo de la web en los diferentes navegadores y de todas sus funcionalidades


Y de lo que no nos escapamos por mucho oficio que tengamos es del tostón de ajustar la maqueta para que se vea adecuadamente en todos los navegadores, o al menos en los más comunes: Explorer, Firefox, Chrome y Safari. Y es que llegados a este punto lo ideal sería ajustarse a los estándares W3C. Pero, claro, el gran inconveniente es que no todos los navegadores se ajustan a estos estándares, por lo que hay que hacer y deshacer las cosas de mil formas alternativas hasta que da con la manera en que se funcione bien ( más o menos ) en todos. ( Vease la entrada de nuestro blog Elegir Navegador )

En cuanto al testeo de todas las funcionalidades también es una tarea que requiere conocimientos y paciencia, pues hay lenguajes de programación o componentes que no son compatibles entre sí o que requieren de unas especificaciones que no son las previstas. Y hay que buscar la solución en el mismo código o bien alternativas para que los resultados sean los esperados.

 

Realización de videotutoriales para el mantenimiento de la misma


Algo que nos preocupa sobremanera en Teveran es que nuestros clientes se hagan con el control de sus propias páginas web.

Este debería ser el objetivo. Por supuesto ofrecemos un servicio de mantenimiento ( no obligatorio ) que hemos establecido en 60 euros mensuales y por el que se puede contar con unas seis horas mensuales de nuestro tiempo para realizar pequeñas mejoras en las webs o para, simplemente, actualizar su contenido. Pero preferimos que sea el cliente mismo el que lleve el día a día de su propia web. Y es que realmente es muy sencillo hacerlo. Simplemente hay que seguir las indicaciones que les damos en los videotutoriales a medida que elaboramos cuando las webs ya están finalizadas.

Todo esto lo permite Joomla, que es un sistema de control de contenidos modular que permite, además, que la web vaya creciendo paulatinamente en servicios y en prestaciones, sin que ello suponga un elevado desembolso por parte de los propietarios de las mismas. Es un sistema de código abierto realmente interesante al que llevamos abrazados más de 2 años ya. Y que siga.

Ver ejemplo de calling2world.com en este enlace.

 

Finalización del diseño de la web y pago del 50% restante


Cuando todo está terminado ( uf ), entonces llega el momento de hacer las comprobaciones pertinentes, y poner a navegar por la web a propios y extraños para ver cómo reaccionan ante sus opciones. Se comprueba que cada funcionalidad está Ok y el cliente se da por satisfecho. Entonces llega el momento de cobrar el resto del dinero pactado.

La web ya está publicada en internet y ahora sólo falta que se vaya posicionando paulatinamente y que el objetivo para el que fue contruída se cumpla.

 

Presentación de la web a medios de comunicación y clientes


Ya por último nos queda presentarla en sociedad. Este punto, aunque parezca una frivolidad, es de vital importancia, ya que nos servirá para reforzar los lazos con nuestros clientes y proovedores, captar nuevos clientes y hacer crecer el valor de nuestra marca. Se trata de hacer una pequeña campaña de emailing utilizando la base de cuentas de correo electrónico con que contamos. Comentarlo a amistades, familia y otros profesionales. Y, llegado el caso, hacer un pequeño comunicado para la prensa local o bien publicitarlo en los medios clásicos ( vease prensa local o radio ). Ya que la presencia en internet por sí misma no asegura un éxito inmediato.

También podemos, claro, iniciar una pequeña campaña de marketing online, pero esto ya lo hemos tratado en otro rincón de esta web ( aquí ), y tampoco es plan de enrollarse tanto.

 

Bueno, si te animas a saltar a la red, nosotros te asesoramos. Simplemente tienes que saber que es mucho más lo que tienes que ganar que lo que tienes que perder. Con Teveran estarás en buenas manos.