Tag Páginas web

construcción de páginas web

Los plugins más esenciales para negocios en WordPress

Hace tan solo unas décadas, si necesitábamos encontrar un negocio local, lo más probable era que cogiéramos la guía telefónica. A día de hoy todo se ha vuelto online. Hay dos grandes consecuencias en relación a nuestros cambios de comportamiento:

  • La lenta desaparición de los libros telefónicos. ¿Quién busca un cerrajero en las Páginas Amarillas?
  • La importancia de las páginas web para el éxito de un negocio

Hoy nos centramos, por supuesto, en lo segundo.

Si tienes un negocio, por ejemplo de diseño web en Bilbao –como nosotros-, nuestra página web va a ser la carta de presentación y el lugar donde la gente va a saber de nuestra empresa y servicios. Nuestro sitio web es sin duda uno de los aspectos clave.

Pero, ¿qué necesita una web de negocios? ¿Qué funcionalidades debería tener?

 SEO: SEO by Yoast (free)características de seo

Si buscas mejorar los rankings del motor de búsquedas para atraer a más visitantes, has de empezar con la optimización web. Te recomendamos fervorosamente que instales cualquier plugin SEO all-in-one en tu sitio WordPress.

Nuestro consejo es que instales el SEO by Yoast, que además de ser gratis es uno de los más descargados (casi 20 millones). Este plugin te permite trabajar sobre una lista de opciones SEO preconfiguradas para que le saques el máximo partido, incluyendo por ejemplo metadescripciones, creación de sitemap XML u optimización RSS.

VELOCIDAD: WP Rocket (a partir de 39$)

 La velocidad de tus páginas web impacta en la experiencia del usuario y también en tu posición en las SERP –Google tiene en cuenta el factor velocidad a la hora de posicionar tu web. Así que es un tema bien serio. Además, ¿quieres que se te relacione con una web lenta? WP Rocket es una de las mejores opciones para ello.

REDES SOCIALES: Monarch Social Media Sharing (Elegant Theme Membership)

Los motores de búsqueda no son el único sistema que tiene la gente para encontrarte. Si publicas contenido interesante y a tus clientes les encanta lo que haces, puedes conseguir mucho tráfico de visitas a través de las redes sociales.

El requisito para ello es un plugin de redes sociales, entre los cuales destaca el Monarch, ya que te permite añadir botones para compartir en redes sociales con estilo propio y mucho colorido. Puedes colocar estos botones en cinco localizaciones diferentes y soporta más de 20 redes sociales.

PAGE BUILDER: Visual Composer (33$)

Muchos clientes potenciales reciben una primera impresión de tu negocio a través de tu web. Con esto en mente, necesitas una página web estupenda y memorable y que refleje todos tus valores. A pesar de que existen miles de temas WordPress, ¿hay alguno que represente por completo los valores de tu negocio? Déjanos dudarlo.

Visual Composer te va a permitir construir bonitos diseños personalizados con el front editor o el back editor. El plugin tiene  más de 40 diseños predefinidos y 45 elementos para añadir a tu gusto, y así darle la estética y funcionalidad que necesitas.

 

Vota esta página

páginas web vistas desde móvil

Los básicos del diseño responsivo en WordPress

El diseño web responsivo ha tomado las tiendas de las páginas web. No tener una versión adaptable o responsiva en los móviles de tu web puede dañar la legibilidad de tu página en función a la cantidad de tráfico móvil que tu sitio web recibe (algo que varía en función a la industria).

Unos porcentajes estimados en Estados Unidos, aplicables a España, del año 2014 son:

  • El 90% de los adultos tiene un teléfono móvil
  • El 58% de los adultos tiene un smartphone
  • El 32% de los adultos tiene un libro electrónico
  • El 42% de los adultos tiene una tablet

Un diseño web responsivo es un diseño web destinado a la elaboración de sitios web para proporcionar la mejor experiencia de usuario posible sea cual sea el dispositivo que esté utilizando. Esto permite la personalización de lectura y navegación, reduciendo la necesidad de cambiar el tamaño manualmente, reencuadrar o hacer scroll en pequeñas pantallas.

Un típvista de la misma página desde diferentes dispositivosico sitio web con características responsivas es diseñado utilizando CSS3, algo que permite a los estilos CSS ser aplicado en diferentes anchos de navegador. Esto va a permitir crear distintos diseños para pantallas de diferente tamaño.

¿Dónde puedo aprender sobre diseños responsivos?

  • Visita webs que ya conozcas

Una de las mejores maneras de explorar más en profundidad el diseño responsivo es empezar a testear las páginas web que sueles visitar. Algunos de  estos sitios optarán por distintas maneras de mostrar sus páginas en diferentes dispositivos.

Google, por ejemplo, usa hojas de estilo completamente diferentes en función al dispositivo que uses para acceder. Este método requiere algunas técnicas de codificación adicionales fuera del CSS y la suelen emplear las grandes webs, como Yahoo o Amazon.

  • Lee blogs y tutoriales sobre el tema
  • Realizar un cursillo sobre diseño responsivo
  • Asistir a talleres
  • Investigar sobre el CSS3
  • Construir algo por ti mismo/a, como por ejemplo una web simple con HTML básico y empezar a usar CSS3 para entender cómo funciona

Cómo manejar las imágenes

Imágenes y diseño web responsivo han sido un tópico de discusión en la comunidad de diseño web. Hay muchos puntos de vista diferentes en cuanto a mejores prácticas de cara al uso de imágenes de forma responsiva en una web.

Algunas soluciones implican el uso de CSS simple, mientras que otras son más técnicas y ofrecen imágenes específicamente dimensionadas basadas en las medidas de ancho del dispositivo o el sistema utilizado para acceder a la página web.

Una situación común es decir a las imágenes que tengan un 100% de máximo.

Legibilidad

No importa el nivel de adaptabilidad o responsividad estés usando, lo principal es que se mantenga un nivel de legibilidad en mente. Los usuarios han de ser capaces de leer y entender el contenido. En los móviles, ¿ha de ser el texto más grande?, ¿qué elementos han de ser visibles?. Mantén estas preguntas en tu cabeza mientras planeas cómo de responsivo ha de ser tu website.

Usabilidad

La manera en que los usuarios están ante nuestra web y cómo la utilizan debe estar en tu cabeza mientras piensas la responsividad de tu web. Si no se puede usar bien, los usuarios no se van a molestar en buscar la información que necesitan. Si ofreces una experiencia optimizada, obtendrás resultados positivos de usuarios ya existentes e incluso atraerás a nuevos usuarios a tu web.

 

Vota esta página

Página web Juan Ayestaran Cirugía Plástica

Página web para Juan Ayestarán, Cirujano Plástica

Juan Ayestarán es cirujano plástico, licenciado en Medicina y Cirugía. Ofrece un amplio servicio profesional y de confianza utilizando las técnicas más avanzadas en Bilbao.

En la página web de Juan AyestaránPágina web Juan Ayestaran Cirugía Plástica encontramos un amplio servicio en medicina y cirugía estética. Hemos insertado un blog, desde el cual, podrá gestionar con facilidad sus propias entradas para compartir todos los avances, tratamientos y técnicas existentes en el mundo de la cirugía.

Hemos creado un slider animado con su imagen para generar confianza al usuario y hemos destacado enormemente las formas de contacto, llamadas a la acción, botón resaltado de contacto en el menú y formulario de reserva de cita.

Una imagen limpia acorde con la imagen corporativa que tiene que tener un servicio sanitario. 

También hemos creado el logotipo para este cliente.

Vota esta página

ruedas de herramientas

7 fantásticos plugins WordPress del 2015

Uno de los puntos fuertes de WordPress es su constante estado de evolución. Una solución que no existe hoy para nuestras páginas web puede que la creen mañana. Y aunque pueda ser fácil pensar que los mejores plugins son los que se han desarrollado y mejorado con los años, los últimos plugins tienen mucho que ofrecer, aunque todavía no hayan atraído a un gran número de descargas.

Con esto en mente, en Poison Estudio –tu estudio de diseño web en Bilbao- nos hemos dedicado a analizar el directorio de plugins de WordPress para traerte los mejores de este 2015.

Ya sea para mejorar la gestión de los comentarios, personalizar el diseño web para que encaje con tu marca, añadir botones de redes sociales, convertir tu web en una página web e-commerce o cualquier otro aspecto, seguro que hay algo para ti. ¡No te los pierdas!

Yoast Comment Hacks

Este plugin ofrece unos cuantos “hacks” que el propio equipo de Yoast utiliza en sus páginas web. Entre sus funciones encontramos por ejemplo la limpieza de notificaciones vía mail, la opción de desactivar comentarios a partir de cierto número de palabras o redirección de los que comentan por primera vez a una página de agradecimiento.

Login Page Styler

La página de inicio de sesión (login) de WordPress es tan funcional como decepcionante. Está bien para que tú entres en tu web o blog, pero si alguna de tus páginas web requiere inicio de sesión por parte del usuario, esta página de inicio estándar poco te va a ayudar en tu visibilidad como marca.

Portfoliobotones redes sociales

Es particularmente fácil descartar nuevos plugins pensando que no pueden aportar mucho en cuestiones de funcionalidad, pero Portfolio demuestra lo contrario. Pruébalo y verás una nueva manera de crear tus portfolios profesionales. Sus resultados son impresionantes.

Customizer remove all parts

Parece que al crear nuestro diseño web siempre estemos buscando maneras de personalizarlo al máximo. Sin embargo, este plugin juega con lo opuesto: evita cargar cualquier tipo de script del tipo Customizer y elimina todos los links y botones que dirigen al Customizer de nuestro escritorio y barra de herramientas de administrador. Su funcionalidad es impecable.

Naked social share

Al contrario que el anterior, este plugin se centra en añadir funcionalidades útiles en lugar de eliminarlas. El plugin permite la fácil inserción de botones de compartir en redes sociales como Facebook, Pinterest, Twitter, Google Plus o Stamble Up. Eso sí, botones planos y sin estilo, la opción perfecta si estás creando un tema y quieres incorporar estos elementos sin  un estilo concreto.

Access Press Social Share

Puede que pienses que ya lo has visto todo en cuanto a estilos de botones de compartir en redes sociales, pero te recomendamos que eches un ojo a este plugin. Hay algunas particularidades que la hacen destacar, como por ejemplo el hecho de tener cinco temas diferentes. Asimismo, tiene un uso de API muy eficiente, muy buena funcionalidad, un diseño responsivo, se instala de forma muy intuitiva y tiene un soporte proactivo.

Swifty Bar

Swfty Bar te permite añadir los siguientes elementos a una barra estática en la parte inferior de tus páginas web:

  • Título del post
  • Categoría
  • Autor
  • Botones de redes sociales
  • Links al formulario de comentarios
  • Previos/Siguientes posts

 

Vota esta página

Página web de Aquamail

Página web para Aquamail

AQUAMAIL S.L. es una empresa creada por miembros de varias asociaciones acuariófilas. Es la primera empresa que se dedicó a la venta por catálogo de acuariofilia. Un año más tarde de la creación de AQUAMAIL S.L. se optó por crear una página web de venta online.

En ella se vendía accesorios para decoración, alimentos para peces y reptiles y todo tipo de productos para acuario o terrarios. Debido al éxito obtenido y al aumento de sus ventas en su tienda online, decidieron darle un lavado de cara a su página web.

 

Página web de AquamailPoison Estudio les hizo un diseño completamente nuevo pero respetando toda la estructura de su antigua página web. Los usuarios de AQUAMAIL S.L. estaban acostumbrados a navegar a través de las diferentes categorías a la hora de buscar los distintos productos para acuarios y terrarios. Por ello, Posion Estudio decidió respetar ese detalle y hacer un diseño mucho más limpio y novedoso sin perder ese orden de productos.

Se compraron una serie de fotos relacionadas con el mundo de la acuariofilia para el diseño de los tres sliders en la cabecera y también acompañar algún texto del interior y se diseñaron una serie de banners relacionados con el modo de transporte y las diferentes ofertas que ofrece AQUAMAIL S.L. dentro de su tienda online.

Como el principal objetivo de AQUAMAIL S.L es la venta de todos sus productos para acuarios y terrarios, como diseño principal de la página se han habilitado los productos destacados y más vendidos de la tienda.

La página web se creó con Prestashop ya que el cliente estaba acostumbrado a esta tecnología ya que su página web anterior estaba creada de esta forma.

Vota esta página

cartel para Kronik Gune

Cartel para Bidasoatik Mundura

Kronikgune es un Centro de Investigación en Cronicidad. Llevan a cabo proyectos y metodologías de investigación en servicios sanitarios. Tienen como objetivo generar nuevos conocimientos en la población para facilitar, mejorar o acelerar la implantación y la innovación de las estrategias necesarias para hacer frente a la cronicidad en el País Vasco.

En esta ocasión, KroniPágina web Bidaosiatik Mundurakgune ha encargado a Poison Estudio el cartel de uno de sus proyectos: “Bidasoatik Mundura, Sasoi Erronka”. Un programa que se pone en marcha en 10 centros escolares de la comarca de Bidasoa basado en promover hábitos de vida saludables en adolescentes de 12 a 14 años a través de juegos y actividades.

Por todo esto, hemos creado un cartel muy fresco y juvenil. En el que hemos utilizado una paleta de colores llamativos para la tipografía e insertado imágenes relacionadas para calar con el mensaje y reflejar el objetivo del proyecto.

También hemos realizado la página web y el logotipo del proyecto de este programa.

Vota esta página

observación de un ordenador con una lupa

Los mejores trucos para mejorar la credibilidad en tu web

Todos los negocios necesitan establecer confianza y credibilidad. Sin credibilidad no hay clientes.

Algunos negocios no necesitan preocuparse por su credibilidad, ya que su reputación les precede. Tomemos por ejemplo a Apple. La gente se comprará el nuevo iPad sin pasar horas investigando sobre la empresa, ya que conocen de sobras que Apple es un nombre con reputación. Sin embargo, no todos los negocios se pueden permitir este lujo, especialmente los que acaban de empezar.

Si tu negocio es online sin tienda física, tendrás que trabajar el doble para establecer credibilidad. Hay tantos timos online y vendedores demasiado listos, que en Internet el usuario ha de ser extra precavido antes de comprar en un sitio del que no había oído hablar antes.ordenador

La credibilidad es una de las cualidades más importantes que una web puede tener –sin credibilidad, poco se va a poder hacer aunque tengas una óptima conversión y posicionamiento.

Pero, ¿qué hace que una web sea creíble? ¿Cómo demuestras que eres de fiar? Hoy en Poison Studio, tu estudio de diseño web en Bilbao, te enseñamos cómo hacerlo.

  • Empieza por un diseño web profesional. La credibilidad empieza en el diseño. Las páginas web con un diseño profesional y agradable a la vista da un gran salto al usuario hacia la credibilidad instantánea.
  • Una página web caída daña y destruye la credibilidad por completo. Una web no solo ha de ser bonita, si no también funcional.
  • Garantías. Antes de abrir la cartera, un cliente quiere garantías en caso de insatisfacción con el servicio o producto. Es por ello que la mayoría de páginas web ofrecen algún tipo de garantía ue les haga aumentar la credibilidad y la confianza.
  • Muestra tu portafolio. Sobre todo en caso de tener un negocio creativo, la gente necesita ver tu portfolio, tus trabajos, antes de considerar comprar algo tuyo. Aunque tu discurso sea muy convincente, no te va a servir de nada si no enseñas tus trabajos previos.
  • Aprovecha el potencial de las reviews. Una de las principales razones del éxito de Amazon es su habilidad de sacar provecho del poder de las críticas de sus clientes para dirigir las ventas de sus productos. Es muy curioso cómo le damos más credibilidad a un extraño al tomar una decisión de compra.
  • Testimonios de clientes. Los testimonios de clientes permiten a los consumidores reales hablar sobre tu fantástico trabajo o tus productos. Enséñalos de forma prominente en tu página de inicio o en un lateral. Chute instantáneo de credibilidad.
  • Listas de clientes. Cuando se trata de mejorar la reputación online de tu negocio, decir algunos nombres puede ser muy efectivo. Es por ello que muchas páginas webs tiene una sección dedicada a ello, reservada para los logos de sus clientes. Cuando compartes los nombres de tus grandes clientes, inmediatamente impones respeto.
  • Si tu negocio ha ganado algún prestigioso premio o galardón en su sector, ¿por qué esconderlo? Los usuarios tienen más tendencia a comprar un producto de una empresa que haya sido reconocida como una de las mejores.
  • Página “sobre nosotros”. Los negocios no son llevados por robots, si no por personas reales con experiencia, habilidades y filosofías. ¡No lo escondas! Dale a tu web un toque más personal y verás los beneficios. Después de todo, la gente suele confiar más en la franqueza y sinceridad.

 

Vota esta página

página web Cristalería Bolueta

Página web para Cristalería Bolueta

Cristalería Bolueta esta formada por un equipo de profesionales con más de 30 años de experiencia en el sector del vidrio.

Puedes encontrarles en su taller de Bilbao para poder ver y elegir los diferentes tipos de vidrio que ofrecen para cristales y puertas.

Instalan tanto en locales comerciales como en domicilios.

imagen de la página web de Cristaleria Bolueta desde diferentes dispositivos movilesPoison Estudio ha creado una página web con unos sliders a pantalla completa que muestran las últimas tendencias del sector. Los hemos completado con unos eslóganes y un botón de “ver más” para que los clientes accedan directamente a la información deseada. Para ello, hemos utilizado una plantilla que nos deja introducir la cabecera transparente para poder poner el menú integrado con las imágenes.

En cuanto al contenido de la web optamos por ponerle un menú detallado con cada uno de los servicios que ofrece. Hemos insertado también un blog completamente autogestionable y un apartado de contacto en el que el cliente podrá llamar, utilizar el formulario que tienen a su disposición o localizarles a través del mapa fácilmente.

Como siempre, es una página web completamente adaptable a todos los dispositivos móviles (responsive).

 

Vota esta página