Galerna Estudio Blog. Diseño Web Asturias (Gijón) y Cantabria (Santander)

Como acertar en el diseño de tu web

Juan Jose del Pozo — Tue, 30 Apr 2013 18:57:29 +0000

Cuando abordamos la creación de nuestro blog o página web, lo primero que debemos tener claro es qué queremos decir, vender u ofrecer, es decir, cual es nuestro objetivo.

Una vez tengamos claro esto, comienza una ardua tarea que comienza por elegir la apariencia de nuestra página web. Aunque a los que aprecian sobre todo el buen contenido un buen diseño les pueda parecer secundario, nada más lejos de la realidad. Nuestra página web es nuestra cara en el mundo 2.0, la representación de nosotros mismos o de nuestra empresa en internet, y como tal, debe reflejarlo en su aspecto visual. Lo más aconsejable es recurrir a empresas de diseño web consolidadas que nos aconsejarán a la hora de elegir el diseño adecuado.

Estructura y contenidos

Lo primero que debemos tener claro es el tipo de contenido que vamos a ofrecer. Esto nos ayudará a elegir distintas plantillas o diseños dependiendo de nuestras necesidades. ¿Vamos a crear una tienda? ¿Una web exclusivamente de videos? ¿Quizás una radio online? Debemos tenerlo muy en cuenta a la hora de elegir la estructura de nuestra web.

Elegir el tono adecuado

Al hablar de “tono adecuado” nos referimos a colores, tipografías, maquetación y aspecto visual general de la web. Es recomendable no usar colores estridentes ni recargar demasiado de elementos la página, a no ser que dicho diseño refleje a la perfección el espíritu de nuestra empresa. El tono debe adaptarse al contenido que ofrecemos.

Funcionalidades

¿Vamos a hacer un blog sencillo, con texto y alguna foto, o una página web que necesita bases de datos e incluirá multitud de secciones, interactividad o un foro? Si es así, nosotros lo que queremos es una web muy profesional y, o somos profesional del diseño o vamos a necesitar los servicios de empresa de diseño web.

Navegación

Todo lo anterior debe ir encaminado a ofrecerle a los visitantes una estancia en nuestra web lo más cómoda posible. Los contenidos deben ser fácilmente accesibles y el visitante debe encontrar lo que busca en el menor tiempo posible. Evidentemente necesitarás buen contenido para que el visitante se quede en tu página, pero en principio debes facilitarle la tarea de búsqueda lo máximo posible.

Y recordad, si no os entendéis con esto del HTML o buscáis un tipo de programación que excede vuestros conocimientos siempre podéis recurrir a plantillas personalizadas o al servicio de empresas de diseño web.

Diseño web Gijón.

Páginas web ligeras, diseños web atractivos

Juan Jose del Pozo — Tue, 30 Apr 2013 18:37:05 +0000

Una de las problemáticas más importantes a las que nos enfrentamos con el diseño web no la descubriremos precisamente hasta que comprobemos el rendimiento online de nuestra web. En ocasiones nos daremos cuenta de que nuestra página tarda demasiado en cargar y, efectivamente, tal y como ahora mismo estáis pensando, esto repercute negativamente en las visitas, pues la mayoría de usuarios preferirán navegar por otras páginas en las que el acceso a la información sea más rápido.

Si nuestra página tarda demasiado en cargar puede ser debido a un mal servidor pero también puede tener su razón en que pesa demasiado, es decir, tiene demasiados elementos y demasiado pesados. Existen actualmente herramientas para comprobar el peso de nuestra web, y diversos métodos para hacer más ligera nuestra página y que su carga sea más rápida.

No incluir Flash

A no ser que sea indispensable es mejor no usar Flash, ya que hace más difícil navegar por la página y, sobre todo, hace la página más pesada, lo que nos obliga a enfrentarnos a continuas cargas.

Exprime el CSS

En muchas ocasiones usamos imágenes para hacer cosas que podríamos hacer con CSS, por ejemplo, las botoneras de las cabeceras de la web. Exprimir el CSS además ayuda a que el archivo HTML sea mucho menos pesado al no tener que repetir constantemente los atributos. Recomendamos poner la hoja de estilo al inicio de la página, entre las etiquetas . Mantén el código “limpio” y elimina líneas innecesarias.

Uso de imágenes

Debemos optimizar el uso de imágenes. Evidentemente cualquier página web debe incluir imágenes, a saber, logotipos, fotografías que ilustren los artículos… Lo ideal es buscar imágenes livianas, si puede ser con fondo transparente. También podemos abrir las imágenes con un editor y modificar la calidad o el tamaño de la imagen en cuestión para reducir su peso.

Os recomendamos no usar tampoco gifs animados ya que son algunos de los elementos que más contribuyen a hacer de nuestra página una web pesada. Mejor decantarnos por archivos .png o .jpg.

Otros métodos

Existen muchos más trucos y métodos para hacer que nuestra página sea más ligera. Por ejemplo: evitar links rotos, no usar elementos que necesiten la etiqueta , colocar los scripts justo antes de la etiqueta , evitar el uso en Javascript de document.write y controlar el tamaño y la fecha de expiración de las cookies. Recuerda también que los móviles solo permiten páginas de 25k como mucho en su caché.

Todo esto nos ayudará a tener una página más limpia en lo visual y que facilite el acceso a la información al usuario.

Diseño web Cantabria.

10 consejos para el diseño de tu logo

Juan Jose del Pozo — Sat, 27 Apr 2013 16:21:11 +0000

Crear un logo atractivo para tu web es un primer paso esencial para determinar el “rostro”, la apariencia de tu página web. La mayoría de las veces el logo es en lo primero que se fija un visitante que llega a nuestra web/blog por primera vez, y por eso debe tener un diseño gráfico acorde a nosotros, que refleje perfectamente el espíritu y objetivo de nuestra empresa y, sobre todo, que sea atractivo visualmente.

Con el fin de que la elección de vuestro logo os resulte, si puede ser, un poco más sencilla, os traemos 10 consejos que debéis tener en cuenta a la hora de crear el logo de vuestra web.

1.- Ten claro cuál es el objetivo de tu web y qué logo se puede adaptar perfectamente a la imagen que quieres dar. No empieces con el diseño sin antes estar seguro del logo que necesitas.

2.- Sea cual sea el diseño de tu logo, debe ser inmediatamente reconocible en cualquier situación y en cualquiera de sus variantes (de tamaño, posición o colores).

3.- Recomendamos no usar más de 3-4 colores en el logo, salvo casos excepcionales. Además, es importante que el diseño del logo sea atractivo tanto en color como en blanco y negro.

4.- Pon énfasis en crear un layout único para tu logo. No copies formas o estilos de otros logos. Casi mejor un logo normal ideado por ti, que uno bonito copiado de otro. También es interesante no dejarse llevar por las tendencias actuales, que tienden a quedar obsoletas muy pronto. Busca algo atemporal.

5.- Evita las formas demasiado intrincadas y los logotipos demasiado recargados. Pueden confundir al usuario/visitante/cliente.

6.- Si tu logo tiene texto, usa una tipografía fácil de leer. De nada sirve crear un buen logo o un buen slogan si el usuario tiene que forzar los ojos para saber lo que pone. Tampoco es recomendable usar más de dos fuentes tipográficas distintas.

7.- Intenta no usar colores muy estridentes o combinaciones de colores que no permitan leer bien las letras.

8.-El logo debe estar en consonancia con el aspecto visual del resto de la web, y viceversa.

9.- Sitúa el logo en lugares visibles pero que no distraigan ni molesten al visitante.

10.- Esto no tiene que ver con el diseño en sí, pero no hagas caso de lo que te digan sobre el logo tus padres, tus abuelos, tu novia o tu mejor amigo. Créenos, es mejor la opinión que te pueda dar alguien que no esté contaminado por los sentimientos.

Diseño gráfico Cantabria.

5 razones para no diseñar tu web en Flash

Juan Jose del Pozo — Sat, 27 Apr 2013 15:47:08 +0000

A la hora de diseñar una página web existen numerosos lenguajes de programación que ofrecen distintas ventajas e inconvenientes. Pero, si hay una aplicación que se caracteriza por ofrecer las de cal y las de arena esa es Adobe Flash. Por una parte, ofrece múltiples ventajas relacionadas con el diseño e interactividad de imágenes o vídeos, lo que la hace muy recomendable para webs de juegos, por ejemplo.

Pero, por otra parte, presenta unos inconvenientes que nos impiden recomendarla como una herramienta necesaria en tu web de empresa. En cualquier caso, si tenemos alguna duda siempre podemos consultar a una empresa de diseño web.

1.- Los buscadores no reconocen las páginas diseñadas en Flash. Esto es de vital importancia, ya que de poco sirve tener una página espectacular si nadie va a llegar a ella a través de los buscadores. Flash reduce enormemente las visitas de nuestra web ya que los bots no rastrean nuestra página y, aunque actualmente existen métodos de posicionamiento para páginas en Flash, suponen un desembolso extra importante.

2.- El uso de Flash en nuestra web reduce la navegabilidad del sitio notablemente. Por ejemplo, elimina el uso de los botones de “atrás” y “adelante” y ofrece muchas dificultades en la realización de operaciones como formularios, lo que no hace recomendable su uso en tiendas virtuales o páginas que simplemente necesiten del registro de usuarios.

3.- Las páginas web hechas en Flash son bastante más pesadas que las diseñadas en otros lenguajes. La navegación por ellas es generalmente mucho más lenta e incluso en la mayoría de ocasiones nos veremos en la situación de esperar a que cargue la animación. Esto puede desesperar al visitante, que espera encontrar lo que busca al instante.

4.- Las páginas diseñadas con Flash necesitan que el visitante tengan instalado el plugin Flash Player en su ordenador para poder visualizarlas. Si el visitante en cuestión no tiene dicho plugin está obligado a descargarlo si quiere seguir viendo la página. Esto significa que el usuario seguramente buscará la información en otra página. O peor aún, ya que nuestra propia página puede ”echar” al usuario y redireccionarlo a la página de descarga del plugin (que probablemente no descargue).

5.- La última y la que resume todo lo anterior es que, hoy en día, la mayoría de lenguajes de programación (HTML, Javascript, Ajax) ya permiten realizar los mismos efectos que Flash y sin los inconvenientes que hemos citado en los párrafos anteriores.

Para más información puedes contactar con nuestra empresa de diseño web en Asturias.

Jorge Lopez Photo.com

Galerna Estudio — Thu, 25 Apr 2013 15:30:48 +0000

Febrero 2013. Desarrollo de una plataforma Wordress autogestionable para la publicación y gestión avanzada de fotografías. La aplicación cuenta además con un formulario de contacto y un menú lateral de páginas y categorías completamente autogestionable.

Galicia Caravaning. Diseño de logotipo y pegatinas

Galerna Estudio — Thu, 25 Apr 2013 15:30:03 +0000

Galicia Caravaning Marzo 2013. Creatividad y diseño de un logotipo para la empresa Galicia Caravaning. El diseño del logotipo se enmarco en la creación de la identidad corporativa completa para la empresa y fué desarrollado completamente a medida según las preferencias e indicaciones del cliente.

Reclamamos por Ti. Diseño y maquetacion de diptico

Galerna Estudio — Thu, 25 Apr 2013 15:29:11 +0000

Abril 2013. Diseño y maquetacion de tarjeta corporativa de empresa para para el despacho de abogados Norabogados y su página de servicios Reclamamos por Ti. Se epresentaron hasta tres propuestas diferentes antes de que el cliente se decantara por la opción finalmente elegida.

Creación y maquetación de diptico informativo para el despacho de abogados Norabogados y su página de servicios Reclamamos por Ti. El diptico se desarrolló siguiendo las indicaciones de grafismo, diseño y contenidos remitidos por el cliente utilizándose imágenes provenientes de bancos de fotografías para complementar la información del mismo.

Reclamamos por Ti. Diseño de logotipo

Galerna Estudio — Thu, 25 Apr 2013 15:18:18 +0000

Abril 2013. Creatividad y diseño de un logotipo para la empresa Norabogados y su sitio web Reclamamos . El diseño del logotipo fué desarrollado completamente a medida según las preferencias e indicaciones del cliente.

NoraBogados. Diseño de logotipo

Galerna Estudio — Thu, 25 Apr 2013 15:14:26 +0000

Abril 2013. Creatividad y diseño de un logotipo para Norabogados. El diseño del logotipo se enmarco en la creación de la identidad corporativa completa para la empresa y fué desarrollado completamente a medida según las preferencias e indicaciones del cliente.

Kool Kids. Diseño de logotipo

Galerna Estudio — Thu, 25 Apr 2013 15:13:46 +0000

Abril 2013. Diseño de logotipo para particular bajo la gama de diseño expreso. El logotipo esta destinado a un centro de inglés exclusivamente adaptado para niños totalmente bilingüe. El logotipo fué aprobado tras la presentación de 3 propuestas y la adaptación final de los colores del objeto a los de la bandera británica.

Rent Principado. Diseño gráfico de logotipo

Galerna Estudio — Thu, 25 Apr 2013 15:11:37 +0000

Marzo 2013. Creatividad y diseño de un logotipo para la empresa Rent Principado. El diseño del logotipo se enmarco en la creación de la identidad corporativa completa para la empresa y fué desarrollado completamente a medida según las preferencias e indicaciones del cliente.

Dictamen Digital. Diseño de logotipo

Galerna Estudio — Thu, 25 Apr 2013 15:08:08 +0000

Abril 2013. Creatividad y diseño de un logotipo para la empresa Rent Principado. El diseño del logotipo se enmarco en la creación de la identidad corporativa completa para la empresa y fué desarrollado completamente a medida según las preferencias e indicaciones del cliente.