Iconos Personalizados

Iconos Personalizados

PERSONALIZAR UNA WEB

Cuando trabajamos en el diseño de una web hay elementos que pueden ser diferenciadores a la hora del resultado final. Uno de estos elementos son los iconos que aparecen en las páginas distribuidoras de información o como elementos decorativos de la web.

¿Por qué personalizar los iconos?

Porque daremos aspect de tener una web cuidada y detallista, como queremos que sean nuestros productos o servicios. Si la web es el primer contacto con el posible cliente unas imágenes e iconos de stock causarán más indiferencia, ya que es posible que nuestra competencia haya utilizado los mismos diseños o semejantes.

En este caso hemos personalizados los iconos para la página web de un festival, donde además de cambiarles a color corporativo se han añadido animaciones para causar un efecto extra de dinamismo. Este efecto  solo puede ser visualizado cuando ponemos el ratón por encima de la imagen o lo que llamamos el efecto hover. Para realizar este tipo de iconos primero se deben dibujar con un programa que nos permita acceder al código svg de la imágen, posteriormente nos pasamos a un programa de edición de código donde a través de los keyframes podremos establecer distintos tipos de movimientos o animaciones.

Para que podáis ver el funcionamiento de los iconos os dejamos el código utilizado.

 

See the Pen SVG ANIMATED ICONS PURPLE by Berta (@Las12enpunto) on CodePen.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Guía de WordPress. Capitulo 1: ¿Qué es WordPress?

Guía de WordPress. Capitulo 1: ¿Qué es WordPress?

Guía de WordPress.

Capítulo 1: ¿Qué es WordPress?

Para poder explicar el funcionamiento de esta herramienta, creemos que no viene mal hacer un pequeño repaso, unas pinceladitas  de los aspectos fundamentales de WordPress, aunque sea:

WordPress es un CMS (Content Management System, o Sistema de gestión de contenidos), es decir un programa informático que nos permite administrar y gestionar todo el contenido que se encuentra organizado en una determinada estructura jerarquizada.

Actualmente se trata de una de las plataformas más utilizadas en todo el mundo para la creación de páginas web. Su éxito está fundamentado en tres pilares:

1

Es un CMS. Que a efectos prácticos, se traduce en que nos permite publicar contenidos en internet teniendo poca o ninguna noción de codificación.

2

Funciona bajo licencia GPL. Es decir es Software libre. Además cuenta con una enorme comunidad de desarrolladores y diseñadores generando utilidades y herramientas para uso y disfrute de la comunidad (Evidentemente, no todo el monte es orégano, y hay aplicaciones gratuitas y de pago).

3

Es fácil de usar y bastante intuitivo.

No entraremos a definir WordPress a nivel de programación interna o requisitos del sistema para su instalación. Baste decir que está desarrollado en lenguaje PHP para entornos que permitan la ejecución de apache y de bases de datos en MYSQL.

Hay dos formas básicas de utilizar WordPress:

WordPress.com

WordPress.com como servicio gratuito en la nube. Automattic (la empresa que creó WordPress) ofrece esta posibilidad, en la que podemos contratar online y sin coste un pequeño espacio (Alojamiento) donde desarrollar nuestra web (habitualmente un blog), de manera limitada, utilizando WordPress.

La ventaja principal, evidentemente, es que es completamente gratuito. Sus mayores peros son:

 

  • Tendremos acceso únicamente a una versión limitada de la herramienta;
  •  A menos que hayamos contratado un dominio y lo hayamos asociado, nuestra web tendrá una URL con la siguiente estructura: NombreDeMiWeb.wordpress.com;
  • Si queremos ampliar las características de nuestra web, probablemente tengamos que acogernos a algún plan de pago mensual de los que se ofertan.

WordPress.org

WordPress.org. Esta plataforma nos brinda la oportunidad de descargar WordPress y varias de sus utilidades (plugin) para su posterior instalación en nuestro propio servidor, bajo el dominio que hayamos adquirido. Además en la web (https://wordpress.org/) encontraremos un foro casi infinito con los diversos problemas que les han surgido a personas de todo el planeta y las respuestas de desarrolladores y gente afín a la plataforma.

Otra de las opciones, que ahora permiten una gran cantidad de servicios de alojamiento (hosting), es la de instalar WordPress en pocos clicks desde el propio panel de administración.

El mayor problema que presenta esta opción es que, aunque para manejar WordPress no es necesario tener amplios conocimientos de codificación, para la elección del servidor, el dominio y el posterior mantenimiento de nuestra web, sí que es conveniente seguir algunos pasos y recomendaciones básicas, que de no estar familiarizados con el entorno, pueden resultar complicadas.


Antes de concluir con la introducción os dejamos el link a la página del Codex de WordPress.org en la que se explica la famosa instalación “en 5 minutos”  (Cuidado porque el título es engañosos, en llevar a cabo la instalación se tarda 5 minutos, en leerse el tutorial y aprender los distintos pasos, algo más)

Si queréis continuar aprendiendo sobre WordPress y su funcionamiento, no os perdáis la segunda entrega de este tutorial: Guía de WordPress. Capítulo 2: Acceso a WordPress.”

En el explicaremos brevemente como acceder a WordPress, y algunas peculiaridades a tener en cuenta.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Rápido y a mano | Free Font

Rápido y a mano | Free Font

Fuente manuscrita

Hemos realizado nuestra primera “font” para vosotros, en el enlace podréis ver,  probar y descargar nuestra fuente manuscrita

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Posicionamiento en buscadores

Posicionamiento en buscadores

POSICIONAMIENTO EN BUSCADORES

El SEO es una práctica de optimización de una página web para aumentar el tráfico en la misma.

El nombre viene de sus siglas en inglés Search Engine Optimization, es decir, la optimización para motores de búsqueda.

¿De qué sirve estar bien posicionados?

Si estamos mejor posicionados estaremos más arriba en los buscadores ¿Y en qué repercute esto? Habrá más clientes o posibles clientes que entren en nuestra web a ver nuestros servicios o productos, aumentando la posibilidad de venta. Con una una estrategia de SEO hacemos hincapié en las palabras (que tengan búsquedas) por las que queremos que nos encuentren, y así poder llegar a los clientes que hemos establecidos acorde al plan de negocio.

Existen alrededor de 200 factores para que una web posicione en los primeros puestos de los buscadores, algunos de ellos son difíciles de cambiar (como la edad del dominio), pero la mayoría de éstos se pueden optimizar.

Las palabras clave en el nombre del dominio y subdominios, las etiquetas del título, descripciones, la longitud de los textos, la densidad de palabras clave, la velocidad de carga de la página, la optimización de las imágenes, las actualizaciones de contenido, los enlaces, los errores HTML, los sitemap, la arquitectura del sitio web… y así hasta 200 factores que tenemos que ir optimizando para alcanzar los mejores resultados posibles…

¿El SEO es gratis?

Para poder posicionar de manera orgánica no hay que pagar al buscador para poder aparecer en los primeros puestos, pero debemos contar con los conocimientos necesarios.

Para obtener un buen posicionamientos van a ser necesarios conocimientos básicos de programación, diseño web ( Creación de estructura) y desde hace ya un tiempo Google penaliza aquellas webs que no sean adaptables a los distintos tamaños de pantalla.

Además debemos saber crear un contenido adaptado y que sea atractivo para el usuario.

También te puede interesar:

¿Cómo posicionar mi web en Google?

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Web responsive

Web responsive

¿Qué es el diseño responsive?

El diseño responsive también es llamado diseño adaptativo. Es una técnica de diseño web cuyo destino final es que la web pueda ser visualizada en distintos dispositivos con distintos tamaños de pantalla.

Hace unos años, cuando esta técnica no era posible, se creaban dos tipos de web, una para ser visualizada en ordenadores o portátiles y otra para ser visualizada en móviles. Conforme ha ido pasando el tiempo podemos encontrar que los tamaños de pantalla cambian y se han creado nuevos dispositivos con acceso a internet como las tablets o los libros electrónicos, por eso tener una web que se adapte a todos ( o la mayoría de los dispositivos es esencial).

Tener una sola versión de web nos puede aportar beneficios, hace que el coste de producción disminuya. Además los esfuerzos en posicionamiento de la web en buscadores se centran también en una sola página. Además Google ya da preferencia en sus rankings a aquellas webs que están adaptadas. Otra gran razón para tener el diseño Responsive son las redes sociales, si no…¿Qué link compartirías? ¿El de la web para ordenador o la web para móviles?

¿Cómo se hace el diseño responsive?

Pues en realidad no es tan fácil. Se suele jugar con tamaños en porcentajes, pero no es tan sencillo, ya que algunas tecnologías no se visualizan bien en móviles dependiendo del modelo, marca o sistema operativo que este utilice.

Además cada modelo puede llevar una resolución mayor o menos y esto puede afectar a cómo se verá en cada dispositivo.

Se utilizan los estilos CSS para poder solucionar estos problemas, aunque en ocasiones la mejor solución es eliminar ciertos elementos decorativos en los dispositivos más pequeños. Eliminando efectos podemos ganar también velocidad de carga y que el usuario no tenga tantas distracciones en una pantalla pequeña, accediendo fácilmente a la información.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro