AMP y WordPress, personalización, seo y analytics

post - - leave a reply - share
amp

AMP y WordPress (Accelerated mobile pages)

Estos días he podido experimentar un poco con esta “nueva” tecnología que busca ofrecer webs mucho más optimizadas para dispositivos móviles, poniendo el foco de atención en la velocidad y la sencillez a la hora de presentar los contenidos.

El proyecto AMP es relativamente nuevo (creo que no tiene más de un año) y en los últimos meses ya se vienen escuchando mucho estas siglas. Es un proyecto de código abierto, que busca un HTML muy optimizado para móvil. Y sobre el que han centrado la atención grandes de Internet como Google, WordPress, Twitter, Pinterest… los cuales también se están involucrando en el proyecto, ya sea a nivel de premiar el AMP-friendly por parte de Google u ofrecer plugin que habilite esta tecnología por parte de WordPress. También se encuentra en la lista de embajadores de AMP medios Españoles como El Mundo, ABC, 20 Minutos, y muchos más.

AMP es una tecnología para todos, pero no es menos cierto que teniendo en cuenta sus restricciones y la inclinación de la balanza hacia el lado de los contenidos no resulta conveniente para una tienda online o una home o sitio promocional y si en cambio hay unas tipologías de Web a las que les interesa mucho AMP, como son los medios de publicación, periódicos online, o los blogs (artículos/posts) en definitiva para todo el que ofrezca noticias, información, contenidos.

Read more

Dossier aurea webdesign 2016

post - - 2 replies - share
Dossier aurea webdesign 2016

Muy orgulloso del resultado de mi nuevo dossier aurea webdesign 2016 :-). Destacaría algunos pequeños detalles -que por cierto cada vez me doy más cuenta- que no son solo “detalles” son los que realmente hacen al diseño, DISEÑO.

Algunos detalles

  • Iconografía.
  • Tipografía.
  • Tarjeta con filtro UVI (las que tengo de siempre).
  • Encuadernación con un simple agujero y un cordelito azul atando las hojas, por cierto hojas gorditas rollo cartulina.
  • Clip azul para adjuntar la tarjeta al dossier, situada a un lateral para repartir los pesos.
  • Una formalidad en general pero a la vez originalidad.
  • Algunos guiños graciosos: pampi (mi perrita), el mono delante del ordenador, smyles…
  • Transparencia en el contenido, mi propio careto y las fotografías de mi casa-estudio.

Por otro lado ha sido un gran trabajo de impresión con ayuda de ImpreOffset en Gijón.

Sé que es un poco extraño que alguien que se dedica a la web no haga esto en digital, PDF, mail… Pero el encanto, el tacto, la vista, en definitiva lo sensorial que se alcanza con lo físico no tiene comparación. Y así, ya de paso se lo pongo más difícil al posible cliente para que no lo envíe directamente a la papelera (cual mail).

Ideas, sugerencias, críticas constructivas, cualquier cosa es bienvenida.

Fotos

2016-04-20 13.43.13
2016-04-20 13.45.11
2016-04-20 18.27.05
2016-04-20 18.31.51
2016-04-20 18.32.20
2016-04-20 18.32.57
2016-04-20 18.37.38
2016-04-20 18.39.25
2016-04-20 13.41.45

Sketch para diseño Web y prototipado, desterrando Photoshop

post - - leave a reply - share
Interfaz de Sketch

Después de 13 añacos! usando Photoshop para diseño Web (sí, sí para diseño web) y muchísimos intentos por pasarme a otras alternativas, ahora por fin puedo gritar a los 4 vientos el cambio por Sketch.

Así como la versión 1 apenas le dedique media hora, la 2 volví a intentarlo pero nada, finalmente la versión 3 me ha convencido. Tiene una interfaz muy bien trabajada, muy intuitiva, fácil de comprender y hacerse con sus entrañas. Y no solo es perfecta para diseño Web, sino también muy eficaz para prototipar en fase de wireframes. Por último destacaría la brutal cantidad de recursos y su creciente comunidad, esto le asegura una buena evolución.

Dejo por aquí algunos links que me parecieron interesantes cuando me sumergí en Sketch.

Tutoriales

Recursos

Prototipado

Un tanden estupendo para la fase de wireframes inVision + Sketch.
Screenshot 2016-04-15 12.25.12

Medida de línea según el Manual de tipografía del plomo a la era digital

link - - leave a reply - share
Foto portada del libro Manual de tipografía del plomo a la era digital

Minipost para recomendar este magnífico libro “Manual de tipografía del plomo a la era digital” que me compre allá por el año 2003, por aquel entonces recuerdo que me agrado mucho leerlo, me despertó más interés y curiosidad del que ya tenía por la tipografía, una disciplina que siempre me apasiono. Pues el librito en cuestión aún a día de hoy me sigue siendo muy útil cuando quiero consultar algo del tema ( medida de línea ).

Foto parrafo sobre medida de la línea de texto

En fin, un librito de gran belleza en contenido y forma…

Villar de Casomera, mi pueblo!, entrevista a Maite Prida de Área Norte

post - - 1 reply - share

Desde Villar …

Me hizo ilusión ver en la TPA la entrevista a Maite Prida (diseñadora), Camilo Alonso (fotografo) y Ánxel Álvarez (filólogo), pero sobre todo especial ilusión ver mi pueblo Villar de Casomera (facebook), y como han sacado nuestra casita granate (i love mom).

¿No os parece curioso ver como gente con una dilatada experiencia profesional y con mucho mundo recorrido acaban por volver a sus orígenes? ¿o se vuelcan en irse a un lugar casi aislado, en plena naturaleza?. Eso es justamente lo que hizo Maite Prida, diseñadora nacida en Gran canaria, que estudio y vivió en Madrid, posteriormente Bilbao y Londres. Ha pasado, ya hace unos añitos de las grandes metropolis a la alta montaña. Ella paso de pensar en irse a vivir a la naturaleza a hacerlo realidad, y me siento muy orgulloso de que Villar le diese esa oportunidad.

El resultado desde Villar

Área Norte, un estudio de diseño y fotografía en pleno alto Aller, desde el cual trabajan para clientes dentro y fuera de Asturias.

Otra cosa curiosa es como teniendo una buena conexión a Internet se pueden hacer cosas tecnológicamente avanzadas desde la alta montaña Asturiana.

Si es que… no somos conscientes de lo inmensamente afortunados de poder vivir aquí, bueno sí!, algunos si lo somos y se lo contagiamos a cualquier. Recuerdo gratamente el invierno pasado que estuve en Villar y trabajaba desde allí, de paso Snowboard en fuentes de Invierno . Ufff que ganas de repetirlo… Gracies Villar, gracies Asturies!

Desde mi studio en Villar:

Villar de Casomera - Invierno 2014

Diseño front-end para autoclub ensidesa

image - - leave a reply - share
autoclubensidesa

Partiendo de theme y en colaboración con q-interactiva hemos llevado a cabo este proyecto para la intranet de gestión del autoclub ensidesa.

Algunas capturas

Y una captura responsive para móvil:

autoclubensidesa6

Diseño de mockups para el web corporativo de SocialMediaSL

image - - leave a reply - share
Screen Shot 2015-12-28 at 12.05.38

A través de WeblogsSL tuve la oportunidad de ponerme 100% con el diseño del sitio corporativo de SocialMediaSL partiendo de la identidad corporativa de Dani Candil, y Laura Palombi que ayudo mucho con el contenido (gracias compis!).

Bienvenidos al nuevo diseño de SocialMediaSL: Para que las marcas cuenten. Agencia digital apasionada por los buenos contenidos. Ayudando a marcas a ser relevantes y a relacionarse con sus audiencias.

Marco de trabajo Web para desarrollo: Coda2, CodeKit, MAMP y SourceTree

post - - leave a reply - share
Marco de trabajo Web

Hoy en día el flujo de trabajo para desarrollo Web se ha vuelto muy complejo, se usan muchos lenguajes, herramientas, compiladores, plugins, widgets, gestores de contenido, lenguajes front-end, lenguajes back-end, controladores de versiones, etc.. Pelearse cada vez con todo esto es muy tedioso, así que poco a poco vas adaptando o evolucionando tu marco de trabajo Web para que no repercuta en tiempos y eficiencia.

Mis Herramientas y el marco de trabajo Web

Hay herramientas y marcos de trabajo alternativos (sublimetext, gulp, terminal…), aquí voy a comentar las herramientas que yo utilizo desde ya hace unos añitos como marco de trabajo Web para desarrollo: Coda2, CodeKit, MAMP y SourceTree. Son herramientas que han ido evolucionando con los tiempos, y con ello yo he ido adaptandome a esa mejoras.

Coda, Codekit, Mamp, SourceTree
Read more