Tag Diseño Web

Página web Kroma Studio

Página web para Kroma Studio

Kroma Studio es una emPágina web Kroma Studiopresa de diseño gráfico especializada en la rotulación de vehículos, vinilos y señalización entre otros servicios.

Para Kroma Studio, hemos creado una página web con un fondo negro, tipografía en color blanco y unos sliders muy atractivos para conseguir un mayor impacto visual, en los sliders hemos insertado unos eslóganes que van acompañados de unos botones de “saber más”para acceder directamente sobre la información.

La navegación a través del menú la página es muy sencilla, cada vez que pasamos por una de las secciones del menú la tipografía cambia de color para saber en que punto exacto del menú estamos.

Podemos destacar también, el apartado de contacto en el que además de las habituales formas de contacto(mapa, teléfono, email)le hemos añadido un formulario.

 

Vota esta página

Página web Troquelería Enkarterri

Página web para Troquelería Enkarterri

Troquelería Página web Troquelería EnkarterriEnkarterri, es una empresa ubicada en Alonsotegi en el municipio de Bizkaia.

Se dedican a la fabricación de troqueles desde el año 1987 destinándolos a sectores muy variados especialmente el del automóvil y línea blanca.

En Poison Estudio les construimos una página web completamente autogestionable, muy vistosa con unos sliders muy impactantes eslóganes, botones de “ver más” y llamadas a la acción.

Una página web en la que el usuario puede navegar de forma muy sencilla e intuitiva gracias al menú.

Puedes encontrarles en el siguiente enlace: Troquelería Enkarterri.

Vota esta página

Página web de Back stage marketing

Página web para Back Stage Marketing

Back Stage Marketing País Vasco es una empresa especializada en las producciones de eventos deportivos, culturales y empresariales. También puedes contar con ellos para la contratación de carpas, wc’s y soportes publicitarios.

Para este clientPágina web para Back Stage Marketinge hemos creado una página web con una estética muy limpia y cuidada.

La página de inicio esta compuesta por dos sliders muy sugerentes, eslóganes y llamadas a la acción.

Hemos insertado un menú en el que el usuario podrá navegar de forma muy fácil e intuitiva porque las secciones cambian de color cuando pasamos el ratón por encima.

El usuario podrá tener toda la información sobre la empresa, los trabajos que realizan, el blog con las últimas noticias, la galería de imágenes y las diferentes vías de contacto. 

Podemos destacar de esta página la opción de crear una cuenta de usuario para poder hacer las compras necesarias directamente a través de la web.

Puedes encontrarles en el siguiente enlace: Backstage Marketing.

 

 

Vota esta página

Página web Sortzen

Página web para Sortzen Consultoria s.l,

Sortzen Consultoría s.l,Página web para Sortzen  es una consultoría de formación, investigación y asesoría para el empoderamiento de las mujeres.

Son un equipo mujeres feministas que dirigen sus recursos y diversas habilidades profesionales hacia la formación, investigación y asesoríaorganizaciones sociales e instituciones públicas, en temas relacionados con los procesos de empoderamiento personal y colectivo de las mujeres.

Para este proyecto web decidimos apostar por un diseño sencillo y colorido.

En cuanto al contenido de la web optamos por ponerle un menú en el que las secciones cambian de color cuando pasamos el ratón por encima, en las secciones de productos y servicios aparece un desplegable donde se explicara más detalladamente los productos y servicios que ofrecen.

Los sliders están personalizados con imágenes de trabajos realizados por la consultoría, eslóganes y llamadas a la acción.

Hemos instalado una tienda on-line, la que pueden gestionar ellas mismas, donde se pueden encontrar materiales educativos y diversas guías para mujeres. 

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

Puedes encontrarlas en el siguiente enlace: Sortzen.

 

 

Vota esta página

Página web para Tractio

Tractio es una Correduría de seguros orientada a la empresa. Ofrecen un servicio integral y personalizado a las necesidades del cliente, abarcan todos los aspectos de la gerencia de riesgos excediendo del contenido habitual de lo que se entiende por una correduría de seguros.

Poison EsPágina web para tractiotudio ha creado una página web con una línea muy limpia y sencilla.

Para su elaboración hemos utilizado los mismos colores de la imagen corporativa e insertado unos sliders animados para conseguir un mayor impacto.

También hemos añadido un menú vertical fijo. Un menú, en el que podrás encontrar toda la información sobre quienes son, las áreas en las que son especialistas, las entradas en el blog con las últimas noticias, y una sección de contacto que se despliega cuándo se pasa el ratón por encima.

Una página responsive y completamente autogestionable.

Puedes encontrarles en el siguente enlace: Tractio.

 

 

Vota esta página

Página web Bidaosiatik Mundura

Página web 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, Página web Bidasoatik MunduraKronikgune nos ha encargado la página web 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.

Hemos creado una página web muy fresca y juvenil. En la que hemos utilizado una paleta de colores muy llamativos para la tipografía e imágenes.

Hemos insertado también unos sliders animados y llamadas a la acción para conseguir un mayor impacto en los usuarios.

Las secciones del menú cambian de color y se despliegan cuando pasamos el ratón por encima. 

Es una página realizada completamente en euskera.

Puedes visitar la página en el siguente enlace: Bidasoatik mundura.

 

Vota esta página

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ágina web Estudio Arkiria

Página web para Estudio Arkiria

El Estudio Arkiria esta formado por un grupo de profesionales que llevan más de 20 años en el sector de la construcción. Te ayudan con tu proyecto, con tus obras o con la reforma de tu piso en Bilbao, BarakaldoGetxo y en toda la provincia de Bizkaia.

Poison Estudio ha crPágina web Estudio Arkiriaeado una página web en tonos grisáceos, blancos y azules muy acordes a su imagen corporativa.

Según accedemos a la página, en la parte derecha hemos insertado unos sliders de unos planos. Sobre ellos, se carga un mensaje y un botón de “ver más” que se agranda cuando pasamos el ratón por encima. 

A continuación de los sliders aparecen los diferentes servicios que ofrecen y las diferentes maneras que hay para poder contactar con ellos.

En la parte izquierda de la página hemos añadido un menú vertical fijo. Un menú en el que podrás encontrar toda la información sobre quienes son, los proyectos que llevan a cabo, las entradas en el blog con las últimas noticias, una galería para poder ver los trabajos realizados y un amplio apartado de contacto.

Una página responsive y completamente autogestionable.

Puedes encontrarles en el siguiente enlace: Estudio Arkiria.

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

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