Dw-Interactive-responsive

ON/OFF Line

Soy un diseñador con experiencia On/Off line, diseño web, identidad corporativa, publicidad, print, mail e ilustración.

 

Gusto por el trabajo bien hecho y conseguir la satisfacción del cliente para que obtenga los resultados deseados.

He trabajado en estudios de Madrid, Palma de Mallorca y Estocolmo.

Disfruto con cualquier pieza de trabajo ya sea de imprenta como formato digital y ha sido así desde el año 1998.

Diseño de logotipo y web para www.alfabanken.se

Identidad gráfica, diseño de logotipo, ilustraciones, mailing y diseño de dististas piezas. www.bbstad.se

Identidad gráfica e ilustraciones para Limefield, www.limefield.se

 

 

 

100 proffs responsive

Responsive Design – Bootstrap

Una rejilla base de 12 columnas fluidas da respuesta a todas las plataformas más actuales, Bootstrap es el sistema que utilizamos para crear webs bajo es sistema de Responsive Design, simple y adaptable a todos los soportes móviles y ordenadores de mesa.

El concepto de rejilla base fluida exige elementos de página con distintos tamaños, como porcentajes, en lugar de unidades absolutas como píxeles o puntos

Las ventajas de este sistema son que con una sola versión en HTML y CSS se cubren todas las resoluciones de pantalla, el sitio web creado estará optimizado para todo tipo de dispositivos: ordenadores, tabletas, teléfonos móviles, etc.

Esto mejora la experiencia de usuario a diferencia de lo que ocurre, por ejemplo, con sitios web de ancho fijo cuando se acceden desde dispositivos móviles.

Rejilla base fluida de 12 columnas creada en Illustrator donde trabajaremos el wireframe a tamaño real adelantando trabajo para su futuro diseño en Photoshop.

543419_532843926733672_1599765353_n

Wireframe

Un wireframe de una web es una guía visual que representa su esqueleto o estructura visual. El wireframe esquematiza el diseño de página u ordenamiento del contenido de la página web, incluyendo elementos de la interfaz y sistemas de navegación, y cómo funcionan en conjunto.

Utilizando programas como OmniGraffle o Illustrator podemos crear las plantillas que nos ayudaran a entender la futura web tanto al cliente como al programador y diseñador pudiendo anticiparnos a los retos que nos creara el desarrollo de la web desde el principio del proyecto.

Los wireframes se enfocan en:

  • Los tipos de información que será mostrada
  • La cantidad de las funciones disponibles
  • Las prioridades relativas de la información y las funciones
  • Las reglas para mostrar ciertos tipos de información
  • El efecto de los distintos escenarios en la pantalla

 

IF_2 copy

Eventos, ilustración y más…

Desde un PowerPoint a la decoración de un Stand o una ilustración, un simple documento Word personalizado o una presentación animada en Keynote o PowerPoint.

A lo largo de estos años me ha adaptado a las necesidades de los distintos estudios en los que he trabajado para las exigencias de nuestros clientes aprendiendo todo tipo de nuevas actitudes.

Stand de la aseguradora  sueca IF en el Open de tenis de Estocolmo de 2010 donde tuve la función de Director de Arte y diseñe los artes finales.

Decoración del Stand de PlayStation en la Feria Gamex 2010 de Estocolmo.

Diseño del Stand de Telia para el Filmfestival de Estocolmo de 2010.

Anuncio de prensa para 100% Proffs en la revista Byggare

 

Ilustracion para la identidad corporativa de la empresa HemMiljö.

Propuesta de iconos para la web del Banco Popular.