Diseño web con WordPress

Diseño Web para vender

Aunque de formación soy programador en php llevo muchos años diseñando y maquetando páginas webs. Y los últimos 6 años me ha tocado trabajar en equipos en donde había que hacer mejoras de html y rendimiento para mejorar el posicionamiento web de las páginas, este trabajo me ha servido para aplicarlo en otros proyectos y la verdad con bastante buen resultado como puedes observar en las siguientes pantallas:

Mejora en Visitas tras rediseño web

En esta primera puedes observar como en un momento determinado hay hasta 35 visitas viendo la página web. Podría sacar picos de hasta 80, pero bueno, 35 en el mismo momento es bastante bueno.

Y en este caso podemos observar como, tras realizar marketing de contenidos la página web a evolucionado de forma muy positiva (línea azul) respecto al año pasado (línea naranja).

¿Qué es el diseño web?

Podemos encontrar la definición en la Wikipedia: «Es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web.«. ¿Qué quiere decir esto?

– Planificación

Tener una página web implica tener unos objetivos que suelen ser: atraer a clientes potenciales, vender productos online, dar acceso a documentación, soporte de atención al cliente, que nos llamen por teléfono, etc. Y para poder cumplirlos es necesario planificar. Dentro de la planificación hay que:

• Estudio competencia: Es necesario saber quien es nuestra competencia online y que es lo que están haciendo. En este punto podemos descubrir información importante.
• Estudio arquitectura de la información: La arquitectura de la información es la estructura de los diferentes componentes de una web, por ejemplo, que conceptos contendrá el menú. Imagina una tienda online de juguetes que tiene los productos ordenados alfabéticamente, sería más usable si ordenase sus productos por necesidades como por ejemplo juguetes para niños de 0 a 5 años, esta información debemos extraerla del conocimiento de nuestros clientes.
• Estudio keywords: una vez tengamos clara nuestra estructura, debemos pensar en cómo llegarán los clientes a ella. Imagina que tenemos un producto que el tamaño grande es 00, ejemplo Anchoas 00, a no ser que sean muy conocidos por marca, igual es mejor posicionarlo cómo anchoas grandes.

– Diseño y maquetación 

Con la planificación realizada, y una vez asegurados que el proyecto persigue sus objetivos, llega el momento de diseñar, y para ello debemos usar las técnicas que Google recomienda, no solo porque en la mayoría de ocasiones queremos salir arriba en el buscador, sino porque son buenas practicas. Entre estas practicas es obligatorio:

• HTML5 Y CSS3:  Es el lenguaje de una página web. pero no solo se trata de usarlo, sino de usarlo bien, llamar a las cosas por su nombre y donde procede. Y no es solo importante usarlo sino hacerlo con propiedad, y esto requiere usar las estructuras de diseño web de forma adecuada: Aside, header, footer, article, section, form, div, span, etc. Esto hará que los motores de búsqueda te entiendan mejor.
• Javascript: Javascript es una programación que permite crear efectos mediante JQUEY y AJAX. Por ejemplo, ver objetos en movimiento como sliders que pasan, posibilidad de mover cajas de un sitio a otro, etc. Hay que usarlo con moderación, muchos efectos pueden hacer que los bots de google (los encargados de interpretar nuestra web y saber cómo posicionarnos) se estanquen, y que nuestros clientes se entretengan demasiado. Últimamente hemos desarrollado aplicaciones con Angular que es un framework de Javascript que permite crear aplicaciones 100% con javascript.
• Responsive: Esta es la técnica que hace que nuestra web sea usable en móviles y tablets. Aunque existen varias formas de conseguirlo la que Google recomienda es usar los media querys de CSS.
• Estilos en línea: Hay que evitarlos. Este problema lo suelen generar las plantillas que permiten el control de colores a los gestores de la web, es decir, plantéate si es necesario tener la posibilidad de cambiar los colores de tu web, o es mejor tener una buena web desde el punto de vista del código fuente, si hablamos de Google y posicionamiento en buscadores está claro.
• Schema: Las etiquetas squema son aquellas que permiten a los buscadores extraer información de tu web para mostrarlo en su web, por ejemplo, cuando buscas «delantal prácticas» en google, verás que algunos resultados tienen estrellas, precio, etc.
• Programación: Si nuestra web no es estática necesitamos programación. Por ejemplo, queremos cambiar el texto de la home, o añadir entradas a nuestro blog. La programación es necesaria que sea segura y con alto rendimiento. Por ejemplo WordPress o Prestashop son 2 productos que usan programación PHP.
• Maquetación: La maquetación sirve para tener una guía de diseño web. Una cosa es imaginarlo y otra ver como quedaran los componentes en su lugar. En este punto, recomendamos diseñar primero para móvil, luego para tablet y finalmente para escritorio, porque de esa forma priorizaremos el contenido más relevante.
• Bootstrap: Se trata de un framework que ahorra tiempo en la maquetación de estilos pero también en un posterior mantenimiento. Además permite que si un día tiene que tocar el código otra persona, conozca para que sirven las etiquetas sin tener que investigarlas, ya que precisamente lo que hacemos es usar una nomenclatura universal.

– Implementación

Una vez tengamos nuestra maqueta podemos empezar con el desarrollo web. Respetando las buenas prácticas comentadas y siempre testeando cada página con las herramientas oportunas.

– Mantenimiento

La vida pasa muy rápido, y las tendencias siguen evolucionando y es necesario adaptarse. Recomendamos un mantenimiento anual para webs estáticas y un mantenimiento mensual para webs con programación, en estos casos no actualizarse es un riesgo de seguridad muy grande, que puede conllevar perdida de información, o envió de emails SPAM a tus clientes po parte de terceros.

Servicios Web

• Creación de una página web: ¿Necesitas crear una web? Cuéntame tu proyecto y podré asesorarte y ajustar un presupuesto a medida de tus necesidades. Desde 700 €.
• Consultoría de calidad de una página web: Estás haciendo una web pero no tienes claro si cumple con últimas tendencias, es habitual que me contraten como intermediario, a fin de cuentas ¿Por qué vas a ser un experto en diseño web? Recibirás los errores detectados, que son y como subsanarlos.  300 €,
• Análisis de necesidades. ¿Tienes claro lo que quieres pero no sabes cómo trasladarlo a una web? Tener ayuda en este punto puede ahorrarte dinero a largo plazo. Definiremos un documento con todos los pasos necesarios para llegar a un producto mínimo viable y separaremos otros módulos o mejoras de cara a futuro, con este documento podrás solicitar presupuestos ajustados a lo que en realidad necesitas. 600 €.

Otros servicios

• Diseño web WordPress. WordPress es un gestor de contenidos que aunque nació como plataforma para la creación de blogs, a evolucionado tanto que se pueden desarrollar otros productos, con las garantías de una de las plataformas que más soporte tiene en todo el mundo.
• Desarrollo Web a medida con PHP. Creo proyectos desde 0 (Webs corporativas, ERPs, CRMs, proyectos a medida, etc), y para ello uso Symfony (es un framework para construir aplicaciones web con PHP).
• Desarrollo de tiendas online. Creo tiendas online con WordPress (Woocommerce) o con Prestashop.
• Marketing online. Hay que tener claro que no vale con tener una web, hay que sacarle rentabilidad, y por ello ofrezco soluciones orientadas a la conversión. ¿De que sirve un teléfono en la oficina si nadie llama?
• Formación. Conocer en profundidad los aspectos del marketing y WordPress, pueden hacer que la empresa mejore su visibilidad online. Como comento, no me gusta crear proyectos sin objetivos, y por eso, me parece interesante trasladar el conocimiento para que cada empresa pueda sacarle el mayor rendimiento posible a las posibilidades tecnologicas, por ejemplo: ¿Que diferencias hay entre una entrada y una página de WordPress?, ¿Por qué un tema de 40 € que me permite cambiar la estructura cada vez que quiera, no me interesa? etc.

Mis valores son…

• Integridad: Soy coherente entre lo que digo y lo que hago, y lo hago desde el respeto, humildad, honestidad y sobre todo sinceridad. Pienso que este es el mejor camino para obtener resultados.
• Compromiso: Asumo que un cliente satisfecho es mi mejor valor de futuro. El cliente es lo primero. Y por tanto digo NO cuando creo que es necesario, y realizo un esfuerzo extra cuando es necesario. Busco oportunidades de aprender y ser mejor cada día.
• Calidad: Creo que hacer las cosas bien, que mis clientes tengan éxito, es la forma de tener cada vez mejores trabajos. Por eso, asesoro de forma honesta. Entiendo que el desarrollo y diseño de páginas web son complejos desde la perspectiva de un cliente que solo quiere una web corporativa o una tienda online, pero no me basta con decir a todo que si, sino que intento ayudar a la consecución de objetivos de empresa, haciendo al cliente preguntas que lleven a crear un mejor producto para cumplir sus objetivos.

¿Por qué en Bilbao?

Evidentemente porque es donde mejor puedo reunirme y donde más posibilidades tengo de encontrar trabajos, pero a decir verdad no estoy limitado a una zona geográfica, de echo actualmente trabajo para clientes de Górliz, que es donde Vivo, Plentzia, Bilbao, Portugalete, San Sebastian, y Mondragón. Y he trabajado para clientes de Vitoria, Zaragoza, Madrid, Ourense y Alicante.

Aunque siempre es mejor tener el contacto personal… actualmente no es necesario y mi forma de trabajar es prácticamente la misma independientemente del lugar:

1. Establecemos el proyecto en fases o módulos. Fases de unos 15-20 días cada uno.
2. Se desarrolla o diseña cada módulo y se sube a un servidor para que el cliente lo valide.
3. Si es necesario, se hace reunión (vía skype o presencial) para explicaciones, y o adaptaciones necesarias.
4. Se hacen las mejoras hasta que esta todo OK. Y se vuelve al punto 2.

Esta forma de trabajar permite identificar posibles errores (de diseño web o de análisis) lo antes posible evitando tener que corregir algo al final del proyecto.

Últimos trabajos

Diseño web a medida con WordPress de web corporativa

Creación de la página web de la empresa Euskalsec. La web se ha desarrollado con la plataforma WordPress creando una plantilla nueva adaptada a la imagen corporativa del cliente. Además, se ha desarrollado un pequeño ERP integrado en el gestor de WordPress para él envió automático de recordatorios de cambios de piezas a los emails de los clientes interesados.

Diseño web con WordPress y desarrollo de plugins para web de ayuntamiento

Ayuda en el diseño y desarrollo de la página web del ayuntamiento de Gorliz. Además de una estructura de contenidos muy amplia cabe destacar el desarrollo de una sección de eventos, en las que se cuelgan los próximos eventos y estos son visitas por las personas que se conectan al wiFi gratuito del lugar. El proyecto está desarrollado con WordPress a medida.

Diseño web a medida y desarrollo con symfony

Página web, desarrollo del portal y diseño gráfico de Comparko.  Plataforma de reserva de aparcamiento. Se ha desarrollado su imagen corporativa, se a analizado sus necesidades y se ha desarrollado usando el framework Symfony. El proyecto incluye un calendario de parcelas, un sistema de reserva de parcelas, un control de beneficios, y un buscador de parcelas enlazado con el API de Google maps.

Diseño web a medida para agencia de Bilbao

Desarrollo web de la agencia de publicidad online OrainBai. Diseño realizado a medida, usando HTML5, CSS3 y JQUERY. Se han usado efectos para  que las imágenes se muevan, y por supuesto es responsive. La empresa está ubicada en Bilbao y son especialistas en gestionar proyectos online desde cero, acompañando en todo momento a sus clientes.

Desarrollo de ERP para Cecobi

Desarrollo de un ERP a medida para la gestión de cuentas, proyectos, casos de éxito, anuncios, etc. El proyecto está protegido con HTTPS y la información se almacena en una base de datos Mysql, lo que permite explotar la información en otros sitios. También hemos desarrollado el diseño web, siendo la usabilidad la principal característica.

Desarrollo y diseño de ERP para encuestas

Desarrollo de un gestor de encuestas a medida. El gestor permite crear preguntas con los formatos: Respuesta libre, selección de preguntas, fechas, números, etc. Y se permite enlazar respuestas con otras preguntas. Las respuestas se pueden descargar en un XML para su posterior explotación.

Diseño web para Cecobi

Diseño de la página Web de empresa de Bilbao, respetando la imagen corporativa de la misma. En cuanto al diseño destacamos que se adapta a los móviles (como puedes comprobar reduciendo tu navegador) y en cuanto a la funcionalidad destacamos que la información se muestra de forma dinámica para lo que hemos usado la combinación de PHP y Mysql.

Diseño web y desarrollo de estrategia de marketing para empresa de alimentación

Mejoras en la usabilidad y en el posicionamiento de la tienda online. También hemos desarrollado una estrategia de SEO y SEM, que está dando unos buenos resultados, y estamos trabajando en nuevos objetivos tanto en nuevos productos de desarrollo como a mejoras del marketing.

Diseño web con multi site de WordPress

Diseño web para empresa de Bilbao en la que hemos usado nuestro CMS favorito: WordPress. En este proyecto hemos usado el framework de Genesis, que entre sus cualidades permite diseñar proyectos de calidad: No solo estética sino de desarrollo (Código fuente y posicionamiento SEO), a precios económicos ya que se desarrolla de forma ágil.

Diseño web para tienda online de Bilbao

Empresa de Bilbao con más de 20 años de experiencia en la venta de regalos para hombres. Hemos desarrollado la tienda online, y estamos desarrollando la estrategia de marketing online, optimizando sus recursos humanos y consiguiendo buenos resultados.

Diseño web con multi site de WordPress

Desarrollo web con WordPress y desarrollo del portal para los clientes y gestores de la plataforma. En el proyecto se incluye pasarela de pago, login de usuarios con información encriptada, y un portal con intercambio de mensajes, pdfs de información, acceso a calendarios personalizados, fichas personalizadas de ejercicios, etc.