Adaptar web a móviles y tabletas: ¿Misión imposible?

Adaptar web a móviles y tabletas: ¿Misión imposible?

Adaptar tu página web a móviles, tabletas, smartphones, ipad, iphone, android, etc., es algo que puedes hacer si cuentas con un profesional en diseño y maquetación CSS3. A este tipo de diseño se le denomina responsive, aquí te dejamos otro artículo relacionado.

Muchas veces nos preguntan si es necesario tener dos versiones de la misma web, una para ordenadores y otra para dispositivos móviles. Si la web está bien realizada y diseñada no es necesario, el HTML de las páginas es el mismo y lo que varía son los estilos CSS, los cuales deben definir las conocidas media query para ajustar el layout de las páginas en función de la anchura del dispositivo. En definitiva: si tienes una web bien diseñada no necesitas dos versiones.

¿Puedo adaptar mi web actual a móviles y tabletas?

Si tu página está realizada en HTML, maquetada en capas y con posicionamiento relativo es muy posible que se pueda adaptar. Si por el contrario está realizada en Flash o maquetada con tablas en lugar de capas o con posicionamiento absoluto será bastante más difícil, consúltanos si necesitas una opinión técnica.

Si tu página esta medianamente bien hecha simplemente se le inyecta un archivo .CSS al final de la cabecera que reescribe las reglas de estilo actuales de la página, adaptándola a las diferentes anchuras de dispositivo.

En ocasiones hay que modificar la renderización del HTML para crear contenedores o adaptadores paternos y esto puede complicar el trabajo, sobre todo si la página genera contenido dinámico.

 

Características de un diseñador WordPress: ¿Qué puede hacer en mi web?

Características de un diseñador WordPress: ¿Qué puede hacer en mi web?

Un diseñador WordPress es un técnico especializado en dicha herramienta que además es diseñador web. Cuando hablamos de diseñador web nos referimos a una persona que sabe diseñar en Photoshop y transformar un diseño en una maqueta HTML/CSS, que es el lenguaje estándar en el que funcionan las páginas web.

La ventaja de contratar los servicios de un diseñador WordPress es que son capaces de modificar el diseño de una página web realizada en dicha herramienta. Cuando creamos una página web en WordPress utilizamos un tema o plantilla para dotar a la web de un diseño y funciones concretas. Es bastante habitual que el diseño del tema no se adapte completamente a la imagen de nuestra empresa, al tipo de colores corporativos, el logotipo, etc. Es en ese momento cuando necesitamos acudir a un diseñador WordPress para que retoque el estilo y diseño de nuestro tema WordPress para adaptarlo a la imagen de nuestra marca.

Si quieres saber el precio que puede tener contratar a un diseñador WordPress a continuación te vamos a dar unas tarifas y precios orientativos.

Para un diseñador WordPress es muy difícil establecer un precio cerrado por realizar una serie de modificaciones en el diseño de una página WordPress. Hay veces que sí es posible pero lo más habitual y natural es facturar el trabajo por horas.

El precio por hora para trabajos de este tipo puede variar mucho en función de cada diseñador WordPress, su experiencia, la rapidez con la que trabaje y la calidad del trabajo que realice. Unos precios orientativos podrían ser entre 25 y 35 € la hora para hacer este tipo de trabajos. No pienses que 25 € es muy barato o que 35 € es muy caro porque al final lo que importa es la velocidad de trabajo. Alomejor un diseñador WordPress realiza el trabajo en una hora cobrándote 35 € y otro diseñador que te cobra 25 € necesita tres horas para ejecutar el mismo trabajo así que el precio por hora no siempre determina si la tarifa es cara o económica. Aquí ocurre como con cualquier otra contratación de servicios, lo único que te queda es probar con diferentes profesionales hasta que dés con uno que trabaja como tú quieres y en el tiempo que tú quieres.

Otro aspecto importante es la agilidad que tenga ese diseñador WordPress para entender tus ideas y plasmarlas de forma rápida y eficaz. Todo esto es lo que hace que el diseñador WordPress sea más profesional o menos para el trabajo que le vas a encargar.

 

Cómo actualizar tu web para dispositivos móviles y tabletas: diseño responsive o adaptable

Cómo actualizar tu web para dispositivos móviles y tabletas: diseño responsive o adaptable

Si tienes una página web antigua necesitarás adaptarla a teléfonos móviles y tabletas si quieres que desde estos aparatos puedan visitar tu página. No se debe menospreciar este mercado de dispositivos porque actualmente un 66% de los visitantes web proceden de visitas realizadas desde teléfonos móviles, tabletas, televisores con conexión a Internet, etc.

Adaptar una página web a dispositivos móviles y tabletas no es demasiado complejo pero sí requiere de un diseñador web que tenga conocimientos en maquetación HTML5 y CSS3 para que sea capaz de crear un diseño responsive o adaptable.

Si nunca has oído hablar del diseño responsive te lo explicamos a continuación. Este tipo de diseño lo que hace es adaptar el contenido de la página a la anchura de la ventana de navegación de tal forma que el contenido nunca aparece recortado horizontalmente. El contenido se va distribuyendo hacia abajo de tal forma que sólo se utiliza el scroll vertical. Esto, que puede parecer una tontería, es muy importante porque los dispositivos permiten rotación y cambian la anchura de la ventana constantemente y si la página es adaptable el contenido se estirará y encojerá de forma flexible evitando tener que utilizar la barra de scroll horizontal.

Si por un casual tu página web está realizada en Flash entonces no podrás realizar una adaptación para teléfonos móviles y tabletas porque estos dispositivos no soportan la tecnología Flash y en ese caso lo que tendrás que hacer es crear una página web totalmente nueva, desde cero. Siempre puedes crear tu nueva página en base a la página actual intentando conservar texto e imágenes pero en ningún caso debes continuar con tu página Flash porque no se va visualizar en esos dispositivos puesto que se ha dejado de soportar esa tecnología. Por eso insistimos a nuestros clientes que tener una página Flash es como no estar en Internet hoy día.

Si estás pensando renovar tu página porque es antigua esta es la ocasión para pasarte a WordPress, la mejor herramienta para tener una página web viva, gestionable, con blog, de diseño responsive, orientada a SEO, con un catálogo enorme de diseños de plantilla para que puedas elegir el que mejor se adapte a tu actividad y lo mejor: más de 27.000 plugins gratuitos para ampliar las funcionalidades de tu web de forma casi infinita!

 

 

Cómo puedo mejorar y actualizar mi página web para hacerla más moderna y atractiva

Cómo puedo mejorar y actualizar mi página web para hacerla más moderna y atractiva

En este artículo te vamos a dar ideas para mejorar y actualizar tu página web con el fin de mantenerla al día y mejorar los servicios que ofreces en ella.

Dar un nuevo aire a tu página web es una señal de que tu negocio está vivo. Si acudes a una empresa o profesional de diseño y programación puede ser una tarea sencilla y tus visitantes verán que te preocupa mejorar tu imagen y servicios.

¿Qué puedo hacer en mi página web para que sea más moderna y atractiva?

  1. Puedes hacer un rediseño, no hace falta que sea completo de todos los aspectos de la web, basta con cambiar el fondo mediante una imagen, color o degradado, puedes estilizar la barra de menús, poner una nueva tipografía para toda la web usando Google Fonts, colocar un marco a las imágenes, añadir algunas sombras, cambiar los colores principales, si tu web está diseñada en modo caja se puede pasar a modo de anchura completa. Todo esto puede parecer complejo pero en muchos casos se puede realizar editando la hoja de estilos CSS, pídenos ayuda si necesitas un maquetador para esta labor.
  2. Usar una tipografía atractiva. Aunque ya lo hemos mencionado anteriormente, puedes hacer mucho más elegante tu sitio web usando una tipografía creativa o poco vista. Esto es realmente fácil gracias a Google Fonts, es un servicio gratuito que permite integrar en tu web hasta 600 tipografías no estándar de forma muy sencilla tocando la hoja de estilos CSS de tu web. Las web más atractivas tienen una tipografía elegante, imágenes profesionales y una paleta de colores bien elegida, lo demás es casi secundario.
  3. Slider fotográfico en la home. Añadir una animación fotográfica en la cabecera de nuestra página de inicio da mucha alegría y frescura visual. Además este slider puede servirnos para colocar fotografías impactantes y atractivas, mostrar ofertas, nuevos productos o servicios o imágenes de nuestras instalaciones.
  4. Fotografías profesionales de pago. Una página web cambia completamente cuando tiene fotografías impactantes y atractivas. Mostrar imágenes atrevidas llamará la atención de tus visitantes y recordarán tu sitio web mas fácilmente. Puedes comprar fotos de stock por 2 ó 3€ en Fotolia, Photodune o Freepik, tu web cambiará completamente.
  5. Adaptación a dispositivos móviles. No sólo de ordenadores vive el hombre, en la actualidad los smartphones, tabletas, televisores con internet, consolas de videojuegos, todos estos aparatos permiten navegar por la web y tu página debe funcionar y visualizarse en ellos correctamente si quieres llegar a más público. Según esté diseñada tu web será más fácil o menos adaptarla a móviles pero debes intentarlo por la importancia que tienen ahora estos aparatos pero, sobre todo, por la que van a tener en los años venideros.
  6. Noticias obsoletas. Si tu web es una de esas páginas que tiene una docena de noticias anticuadas porque se dieron de alta al principio y nunca más, harás un favor importante a tu imagen si las eliminas. La desidia y dejadez en tu web no serán una buena manera de vender más. Es mejor no tener noticias que tenerlas obsoletas y abandonadas. ¿Nuestros usuarios compran leche o yogures caducados?
  7. ¿Tienes una página Flash? Hewston: tenemos un problema. Tener una web hoy día realizada en Flash es como no estar en internet. Las páginas Flash no permiten que los buscadores indexen sus contenidos de texto e imagen porque están empaquetados, ni siquiera buscadores como Google pueden hacer milagros. Además de este aspecto técnico, las páginas Flash no se visualizan en dispositivos móviles, lo que supone un 66% del mercado actual. Los fabricantes de móviles y tabletas tienen vetado a Flash porque se quejan del consumo de batería tan alto que tienen este tipo de contenidos multimedia. El estándar actual es HTML5 que se está extendiendo como la pólvora y no tiene ninguno de estos problemas, te recomendamos que hagas tu página usando este estándar. Si tu página está hecha en HTML y tiene fragmentos Flash como banners de publicidad tu problema no es tan grave pero la publi no se visualizará en móviles y tus anunciantes no estarán muy contentos….

 

 

Cómo crear una página web o blog de diseño minimalista y elegante

Cómo crear una página web o blog de diseño minimalista y elegante

La mejor forma de crear una web minimalista , elegante y sencilla es utilizar WordPress y un tema o plantilla de los que te mostramos más abajo. Esto te permitirá crear una web profesional, con gestor de contenidos, blog, formulario de contacto y otras muchas opciones ya que esta herramienta cuenta con más de 27.000 plugins gratuitos listos para utilizar.

¿Cómo es una web minimalista o qué debe tener?

A continuación mencionamos las características más relevantes:

  • Una web minimalista suele tener muchos espacios abiertos entre el contenido. Una web sobrecargada no es minimalista.
  • Suele tener un fondo liso, blanco normalmente, sin textura o con una textura casi inapreciable.
  • La tipografía es el alma de una web de este tipo, debe ser la perfecta para la temática tratada en la web, aquí ponemos algunos ejemplos de tipografías elegantes.
  • Se suelen usar pocos colores, a veces sólo dos, por ejemplo un blanco o negro y un color primario.
  • El contenido no suele tener mucho volumen y si hay volumen está estructurado y organizado de tal forma que aparezca dosificado.

¿Porqué ahora se demandan tanto los diseños minimalistas?

Muy sencillo. Las tendencias en diseño suelen pasar de un extremo a otro, de modo cíclico con el paso de los años. Llevamos unos años donde las animaciones fotográficas (conocidos como sliders) en la home ya empiezan a cansar, hay demasiados botones sociales de tipo me gusta o compartir y el contenido aborda al visitante. Por ello muchas empresas optan por alejarse de lo complicado para volver a lo sencillo, de ahí que las webs y blogs minimalistas estén tan demandados.

Ahora vamos a disfrutar viendo algunos temas WordPress de tipo minimalista que podemos usar para crear nuestra web o blog:

Tema Goa

Plantilla Goa. Cómo crear una página web o blog de diseño minimalista y elegante

Plantilla Goa. Cómo crear una página web o blog de diseño minimalista y elegante

Tema Florence

Plantilla Florence. Cómo crear una página web o blog de diseño minimalista y elegante

Plantilla Florence. Cómo crear una página web o blog de diseño minimalista y elegante

Tema Hatch

Plantilla Hatch. Cómo crear una página web o blog de diseño minimalista y elegante

Plantilla Hatch. Cómo crear una página web o blog de diseño minimalista y elegante

Tema Photonexus

Plantilla Photonexus. Cómo crear una página web o blog de diseño minimalista y elegante

Plantilla Photonexus. Cómo crear una página web o blog de diseño minimalista y elegante

Diseño web en Fuenlabrada

Diseño web en Fuenlabrada

Ofrecemos servicios de diseño web en Fuenlabrada, en zonas como Loranca, El Naranjo, La Serna, etc. Estos servicios van destinados a autónomos y pymes que ejercen su actividad en esta localidad. Nuestra empresa tiene clientes en la zona sur de Madrid y Fuenlabrada es una localidad próxima y esto facilita que podamos reunirnos con clientes que quieran realizar un diseño web, un blog, mantenimiento web o la creación de una página web totalmente nueva.

Nos dedicamos a realizar diseño web de todo tipo: corporativo, creativo, de ámbito institucional, médico, etc. Los diseños los realizamos en Photoshop y también ofrecemos maquetación web en HTML5 y CSS3. Transformamos un diseño realizado en Photoshop a una maqueta lista para poner en marcha en una web.

 

Uso de cookies

Esta página web utiliza cookies de terceros, cuya finalidad es mejorar nuestros servicios mediante el análisis de sus hábitos de navegación. Si continua navegando, consideramos que acepta su uso. Si cambia de opinión puede cambiar la configuración sobre el uso de las mismas, y obtener más información sobre éstas aquí.

ACEPTAR
Aviso de cookies