Javier Altabert

Diseñador de Front end

"Entiendo el diseño como el desarrollo de una herramienta. Me gusta conjugar usabilidad, grafismo y accesibilidad en cada proyecto.
Envíame un email, estaré encantado de responder."

Últimos proyectos

Prototipo interactivo de nuevo website

Principales tareas y objetivos:

  • Maqueta interactiva a utilizar como herramienta en reuniones de diseño y desarrollo.
  • UX: Simplificación de los niveles de navegación.
  • UX: Diseño de información adaptado a contenidos.
  • UX: Adición de interactividad y microinteracciones.

Leer mas →

Lenguajes y herramientas:

Axure Pro, Paquete Adobe

Agencia:

www.acrismatic.es

Fecha de producción:

Febrero/Marzo-2016

Diseño de Landing page

Principales tareas y objetivos:

  • Re-diseño de estética de producto.
  • Diseño y codificación en HTML y CSS de Landing page.
  • Adaptabilidad a diferentes dispositivos.
  • Testeo de rendimiento y refactoring del site.

Leer mas →

Lenguajes y herramientas:

CSS3, HTML5, Git, Paquete Adobe

Agencia:

www.acrismatic.es

Fecha de producción:

Enero/Febrero-2016

Re-diseño de Front-end web

Principales tareas y objetivos:

  • Codificación y estructura de Front-end bajo Drupal.
  • Diseño de adaptabilidad a diferentes dispositivos.
  • Documentación de manuales de usuario según sus tareas para con la web.

Leer mas →

Lenguajes y herramientas:

CSS3, HTML5, Git, Drupal,Paquete Adobe

Agencia:

www.acrismatic.es

Fecha de producción:

Julio-2016

Campañas de marketing online para Juegging

Principales tareas y objetivos:

  • Diseño y codificación de Landing pages.
  • Diseño de newsletter y banners.
  • Diseño de adaptabilidad a diferentes dispositivos para newsletters y landing pages.

Leer mas →

Lenguajes y herramientas:

CSS3, HTML5, Paquete Adobe

Agencia:

www.acrismatic.es

Fecha de producción:

Actualmente desde Septiembre-2015

Proyectos destacados

Diseño gráfico de calendario de la Liga

Principales tareas y objetivos:

  • Diseño gráfico de calendario plegable. Para mejorar la legibilidad y consecutividad de las jornadas, el diseño ofrece una lectura vertical que posibilita usar el calendario como un librillo.

Leer mas →

Herramientas:

Paquete Adobe

Agencia:

www.acrismatic.es

Fecha de producción:

Agosto de 2016

Desarrollo de Framework CSS Responsive

Principales tareas y objetivos:

Desarrollo de Framework CSS adaptable y Responsive
Características del framework:

  • Comportamiento adaptativo y reactivo. Accesibilidad AA.
  • Estándares de desarrollo: OOCSS, BEM. Progressive Enhancement en la aplicación del framework.

Diseño de Front-end y Back-end de aplicación web.

Leer mas →

Lenguajes y herramientas:

CSS3, HTML5, Git

Agencia:

www.cucumobile.com

Fecha de producción:

Agosto-2014

Front-end y diseño web

Diseño web para el Hotel Spa Arrecife

Principales tareas y objetivos:

  • Codificación y estructura de Front-end bajo Drupal.
  • Diseño de adaptabilidad a diferentes dispositivos.

Leer mas →

Lenguajes y herramientas:

CSS3, HTML5, Drupal

Agencia:

www.innwise.com

Fecha de producción:

Julio de 2015

Desarrollo de Framework CSS Responsive

Principales tareas y objetivos:

Desarrollo de Framework CSS adaptable y Responsive
Características del framework:

  • Comportamiento adaptativo y reactivo. Accesibilidad AA.
  • Estándares de desarrollo: OOCSS, BEM. Progressive Enhancement en la aplicación del framework.

Diseño de Front-end y Back-end de aplicación web.

Leer mas →

Lenguajes y herramientas:

CSS3, HTML5, Git

Agencia:

www.cucumobile.com

Fecha de producción:

Agosto-2014

Diseño web www.diexva.com

Características principales:

Diseño web responsive y adaptable de www.diexva.com

  • Diseño web adaptable y reactivo a diferentes dispositivos
  • Solución integrada en la linea gráfica de sus materiales de marketing y comunicación

Leer mas →

Lenguajes y herramientas:

CSS3, HTML5

Agencia:

www.cucumobile.com

Fecha de producción:

Octubre-2013

Diseño web www.best-zeller.eu

Características del proyecto:

Diseño de web corporativa Bestzeller

  • Diseño de web con HTML, CSS y Javascript
  • Front-end, mejora de la gestión y funcionamiento bajo WordPress

Leer mas →

Lenguajes y herramientas:

CSS3, HTML5, Wordpress

Agencia:

www.all4business.es/

Fecha de producción:

Septiembre-2012

Rediseño web www.engrupoviajes.com

Principales objetivos:

Rediseño para la mejora de velocidad, legibilidad y autogestión del portal web de Engrupo viajes. Entre las nuevas características cabe destacar:

  • Catálogo de viajes actualizable
  • Nueva maquetación y diseño haciendo hincapié en separar cada área de negocio

Leer mas →

Lenguajes y herramientas:

CSS, HTML, Wordpress

Agencia:

www.comuniqualis.com

Fecha de producción:

Septiembre-2011

Diseño web www.clinica-avanza.es

Características principales:

Diseño de web corporativa e informativa para la clínica estética Avanza.

  • Diseño en blanco y negro, acorde al resto de la linea gráfica corporativa de la clínica Avanza
  • Navegación y ordenación de la información sin elementos supérfluos

Leer mas →

Lenguajes y herramientas:

CSS, HTML, Javascript, Wordpress

Agencia:

www.comuniqualis.com

Fecha de producción:

Abril-2011

Diseño web www.comuniqualis.com

Rediseño de la web corporativa de Comuniqualis

Nos apoyamos en un diseño que mostrara las actividades e información esencial de la agencia, como por ejemplo, portafolio, clientes y datos de contacto. Cambiamos la paleta de colores de la web anterior por una mucho más sencilla basada en el rojo corporativo de la empresa

Leer mas →

Lenguajes y herramientas:

CSS, HTML, Wordpress

Agencia:

www.comuniqualis.com

Fecha de producción:

Marzo-2011

Diseño web www.fom.es

Principales características:

Diseño que refleja la filosofía de la entidad que representa, la Fundación Oftalmológica del Mediterráneo, por lo tanto cumple con los requisitos del nivel de accesibilidad AAA.

  • Diseño web de accesibilidad AAA.
  • Diseño y desarrollo de Test interactivos.

Leer mas →

Lenguajes y herramientas:

CSS2, HTML4, Textpattern

Agencia:

www.micrographic.net

Fecha de producción:

Julio-2010

Diseño web e identidad corporativa www.amparocastaner.es

Características del proyecto:

Rediseño de imagen corporativa y diseño web.

  • Nueva identidad corporativa
  • Nueva web con gestor de contenidos, nuevas imágenes de la clínica y mejora en la estructura HTML y CSS

Leer mas →

Lenguajes y herramientas:

CSS, HTML, Wordpress

Agencia:

www.micrographic.net

Fecha de producción:

Marzo-2010

Diseño y programación de navegación web en www.vallegarcia.com

Tarea principal:

Diseño y programación de la navegación del sitio web www.vallegarcia.com

  • Programación en Actionscript II de la navegación y efectos gráficos animados.

Leer mas →

Lenguajes y herramientas:

Adobe Flash, Actionscript

Agencia:

www.sixsoluciones.es

Fecha de producción:

Junio-2009

Rediseño web www.armas.es

Características del proyecto:

Web con alta nivel de tráfico y de usuarios mensuales. Principal objetivo del rediseño: Acceso a la información gracias a la creación de áreas temáticas. Maquetación con mejora para los espacios publicitarios

Otras tareas:

  • Landing pages promocionales
  • Creación y gestión de banners.

Leer mas →

Lenguajes y herramientas:

CSS, HTML, Javascript, Joomla!

Agencia:

www.katana.es

Fecha de producción:

Octubre-2009

Diseño interactivo y multimedia

Diseño de CD interactivo

Memoria institucional 2010 del Hospital Lluís Alcanyís

Toda la aplicación se ha diseñado y realizado sobre HTML y CSS con el objetivo de ofrecer la máxima accesibilidad a la información.  Asegurando que el diseño ofrezca compatibilidad entre navegadores y un buen degradado de propiedades hacia la versión más antigua de Internet Explorer: IE6.

Leer mas →

Lenguajes y herramientas:

CSS, HTML

Agencia:

www.comuniqualis.com

Fecha de producción:

Septiembre-2011

Juego y test oftalmológico www.fom.es

Juegos online, dentro de www.fom.es, donde los usuarios pueden realizar un sencillo test oftalmológico y descubrir que una revisión oftalmológica es fácil y necesaria.

Diseño de interfaces y programación

Siguiendo las pautas y apuntes de los especialistas de la F.O.M. desarrollamos dos juegos, cuya trabajo gráfico recae en la concepción y diseño de una mecánica fácil de juego y selección de respuestas a una pregunta.

Leer mas →

Lenguajes y herramientas:

Adobe Illustrator, Adobe Flash y Actionscript II

Agencia:

www.micrographic.net

Fecha de producción:

Julio-2010

Diseño web y aplicación Flash www.fallacorona.com

Rediseño web y aplicación Tour virtual 360

La nueva web de la Falla Corona incluye una visita virtual con vistas de 360 grados por todo el interior del Casal L´Esclafit.

  • Mapeado fotográfico
  • Post-producción de las imágenes
  • Montaje de aplicación en Adobe flash

Leer mas →

Lenguajes y herramientas:

Adobe Photoshop, Adobe Flash, Actionscript II, HTML, CSS y Wordpress

Agencia:

www.micrographic.net

Fecha de producción:

Febrero-2010

Animación y programación de juegos y secuencias animadas

Características del proyecto:

Material didáctico compuesto de secuencias flash con juegos interactivos.

  • Diseño de escenarios y personajes
  • Animación de secuencias
  • Montaje de sonido
  • Programación de juegos y acertijos

Leer mas →

Lenguajes y herramientas:

Adobe Flash, Dibujo y animación.

Agencia:

Autónomo

Fecha de producción:

Septiembre-2006

Diseño web y aplicación Flash www.fallacorona.com

Rediseño web y aplicación Tour virtual 360

La nueva web de la Falla Corona incluye una visita virtual con vistas de 360 grados por todo el interior del Casal L´Esclafit.

  • Mapeado fotográfico
  • Post-producción de las imágenes
  • Montaje de aplicación en Adobe flash

Leer mas →

Lenguajes y herramientas:

Adobe Photoshop, Adobe Flash, Actionscript II, HTML, CSS y Wordpress

Agencia:

www.micrographic.net

Fecha de producción:

Febrero-2010

Diseño gráfico

Diseño gráfico de calendario de la Liga

Principales tareas y objetivos:

  • Diseño gráfico de calendario plegable. Para mejorar la legibilidad y consecutividad de las jornadas, el diseño ofrece una lectura vertical que posibilita usar el calendario como un librillo.

Leer mas →

Herramientas:

Paquete Adobe

Agencia:

www.acrismatic.es

Fecha de producción:

Agosto de 2016

Maquetación y diseño gráfico de periódico y publicitario

Diseño de la maqueta del periódico trimestral Armas.es Edición Impresa en sus 23 primeros números.
Diseño y creación de publicidad para edición impresa.
Realización de infografías, adecuación de imágenes en pre-impresión y actualizaciones de la maqueta del periódico.

Leer mas →

Lenguajes y herramientas:

Adobe Photoshop, Quark Xpress, Adobe Indesign y Adobe Illustrator

Agencia:

www.katana.es

Fecha de producción:

Mayo-2007 → Febrero 2010

Imagen corporativa www.naranjas.com

Identidad e identidad corporativa para Naranjas.com

Leer mas →

Lenguajes y herramientas:

Adobe Illustrator y Adobe Photoshop

Agencia:

www.katana.es

Fecha de producción:

Septiembre-2008

Diseño gráfico de publicidad en contraportada

Diseño gráfico publicitario para el número 1 de la revista Bostezo. Publicidad a página completa en contraportada.

Leer mas →

Lenguajes y herramientas:

Adobe Photoshop

Agencia:

Autónomo

Fecha de producción:

Mayo-2008