Novedades y proyectos en curso

Cinesa

Campaña de 7 emails responsivos producidos para Cinesa a través de igriega

cinesa

Rampas.es

Conjunto de 4 webs (1 landing y 3 webs) responsive, con catálogo y tienda online.

Imagen corporativa y rediseño para unificar el conjunto.

rampas

Idep

La web mas compleja que he hecho últimamente. Prima lejana de esta web que estas viendo ahora.

Es responsiva y autogestionable utilizando WordPress

idep

HTML y CSS (Magento y Wordpress)

platinumhayat.com

Se diseño partiendo de un tema complejo (el accesspress parallax) al que se le añadieron un montón de funcionalidades nuevas.

platinum

Cafè fred

Una web sencilla de una sola página, pero con mucho estilo. Basada en un tema para hacer más rápido el proceso y que David tuviera listo enseguida su proyecto. ¡Mucha suerte!

Responsive con parallax.

cafefred

Luciminici

La web esta dividida en 2 partes:
Una tienda online desarrollada sobe Magento
Una web presencial, responsiva y con efectos de paralax gestionada con WordPress

luci

kareyanimalflooring.com

Landing de acabado muy cuidado, diseñada por quiquelopez.net
Es responsiva y utiliza efectos de paralax

Sin título-1

Baricentro

Se que esta mal que lo digamos nosotros, pero: nos encanta esta web!
Responsiva, autogestionable y con una versión optimizada para la navegación en teléfonos móviles.

baricentro

Mamarosabeach.com

Web Responsiva y autogestionable, diseñada siguiendo la imagen corporativa del conocido restaurante barcelones.

mamarosa

Duranhaeussler.com

Web de estética muy cuidada, diseñada por Salvador Huertas

Responsiva, con efectos de Paralax, autogestionable con WordPress

dh

Plantafilmservice.com

A mitad de camino entre una web y una landing, diseñada por Borja Lizcano.

cuba

flyabitestudioaudiobranding.com

A mitad de camino entre una web y una landing, diseñada para Flyabit por Borja Lizcano.

fly

Ictivarunning.com

La web original era un diseño propio, que evolucionó en una versión 2.0 (discutiblemente “mejorada”, desde el punto de vista estético por el diseñador interno de la marca)
Es responsiva y posee contenido de pago por suscripción… y solo por eso es parte del portfolio.

ictiva

Dual Prat

Diseño personalizado 100%.
Responsabilidad de Eren Saracevic y Albert Martinez.
Maquetación HTML, PHP y Javascript desde 0. Autogestionable con WordPress

dualprat

Ivsibericavending.com

Una de mis primeras web complejas desarrollada desde 0, para ser gestionada con WordPress.

Si la tuviese que volver a hacer… seguro que la hacía diferente!

ivs

Enric Aguilera

Portfolio online para el famoso diseñador catalán.

aguilera

Moto por moto

Mi blog particular de motos

mxm

Alvaro velasco

Pasar a HTML y CSS una web hecha en flash por xdsgn
Web maquetada desde 0 y gestionada con WordPress

alvarovelasco

Susana Alonso

Pasar a HTML una web hecha en flash
Web maquetada desde 0 y gestionada con wordpress

Susanalonso

Atrihost

Web auto-gestinoble. Productos señalables como “favoritos”.

atrihost

Reconocimientosmedicosnavarra.com

A riesgo de que un día el cliente entre aquí y lo lea, yo voy a decirlo fuerte y claro:
Un diseño “noventoso”, que tuvimos la responsabilidad de maquetar y producir sin cambiar una coma, para que fuese auto-administrable utilizado WordPress

medicos

Cuatro Ases

Cuatro Ases franqucia servicios, y tiene una extensa red de minisites (franquiciados) diseñados, producidos (y/o perpetrados) por nuestra empresa.

4ases

El Matemauta

Un sencillo interactivo de juegos matemáticos, programado enteramente en HTML5 y jQuery

sol

Concurso de belleza

Una de las webs que mas he disfrutado en mi vida… no me preguntéis porque!!

Las participantes envían su propio porfolio, que tras ser “validado” se publica automáticamente.

concursodebelleza

Astan.es

Una de mis primeras web en WordPress, fuera de mi control desde hace tiempo… pero (para mi sorpresa): prácticamente inalterada desde que se lanzó.

astan

Andorra portal

Portal en 4 idiomas, con diseño personalizado 100%.

Responsabilidad de xdsgn.com.

Maquetación HTML, PHP y Javascript desde 0. Autogestionable con WordPress

andorraportal

Wimob

Web diseñada, Maquetada y programada para Futurlink.

La web original (hecha en HTML) ha “muerto” (a Wimob lo mató el iPhone) pero la imagen corporativa era chula, era nuestra, y todavía se puede ver en la maqueta FLASH que esta colgada en nuestro servidor.

El genial icono (y todo lo “bonito”) es obra de nuestro colaborador: Matias Carricaburu.

wimob

FLASH (Banners y minisites)

Audi – Enciende una estrella

Un foro con forma de cielo, en el que los usuarios podían dejar sus mensajes en forma de “estrellas”.
Producida para CP Interactive.
Ganó un montón de premios que no me pienso esforzar en recordar y fue fusilada por el ayuntamiento de Barcelona al año siguiente.

audi

Javier Saviola

Diseño para la web oficial de Javier Saviola.
La imagen corporativa es el resultado de un Concurso, realizado entre mis alumnos de IDEP.
La producción y diseño de la mayoría de las secciones fue responsabilidad mía.

saviola

BCN.es

Campaña del amigo invisible, desarrollada para la antigua y extinta filial Barcelona de la agencia sueca Greatworks

bcn

Mercedes

Un banner interactivo muy currado (pero muy chungo de navegar… que le vamos a hacer, “el cliente lo quería así”)

mercedes

Calico Electrónico

Juego hecho para mi amigo, compañero de juergas y admirado Niko y su genial personaje / hijo: El inimitable Cálico Electrónico

calico

Teatro Lara (Madrid)

Una de las ultimas webs corporativas que me encargaron antes de que Flash muriese a manos del iPhone…
No me he fijado, pero si no son muy tontos, la deben haber cambiado por una web en HTML (que era lo que en su día recomendé) 2 semanas después de tenerla terminada.

lara

JAMAICA COFFEE

Un juego (muy anterior a cosas como el Angry Birds y paridas así).
Si le dais a “DEMO” todavía se puede jugar.

jamaica

Que la fuerza te endiñe

Uno de los 7 juegos flash diseñados junto con Niko de Nikotxan para la serie de Minijuegos: los Minituns

lafuerza

Renfe

Triste es pedir… pero mas triste es robar.
A mi me pidieron que le robara un diseño a Yugop.com (probablemente el diseñador mas importante de la breve historia de Flash… y es lo que hice)

renfe

Live Timing

Demo del visualizador de datos a tiempo real, desarrollado para el Campeonato del Mundo de MotoGP.
Ganador de Festival de FLASH 2002
User & Pass: GUEST

motogp

Absolut

Banner hortera hasta el extremo, pero como no todos los días te encargan cosas para Absolut Vodka (y menos desde que Greatwoks cerró la filial Barcelona)… pues “tiene que estar”.

absolut

GENCAT.cat

El peor cliente que he tenido en la historia: La Generalitat de Cataluña.
Me pasaron un PDF (que bien habría podido ser un Excel) con datos y me dijeron: “Y ahora has que se vea bonito”.
Luego me hicieron cambios hasta el borde del suicidio… pero eso ya es otra historia.

gencat

La Caixa

Banner interactivo, desarrollado para La Caixa para la agencia: Sintagma.

Si te das cuenta que puedes “coger” el bote de spray tiene su gracia… sino es el banner mas aburrido de la historia.

caixa

Williams

Un minisite para Williams diseñado por uno de los mejores: El gran Borja Lizcano (¿te acuerdas del iJam?… pues ese)

williams

Tus restaurantes

Vaaale. El concepto se lo robamos a Johnnie Walker, pero aquí funcionó incluso mejor (aunque puede que se deba a que los ganadores se llevaban vinos gratis)

tusrestaurantes

Pans & Company

Un minisite jodidamente espantoso, en el que la gracia principal estaba en que se podía (y se puede) tocar el piano con el teclado (algo posible pero en la práctica, poco recomendable) y grabar las melodías.
El premio del concurso lo ganó mi Hermana… y nunca jamas se lo mandaron!!

pans

Johnnie Walker

Un juego de memoria, programado para Mortensen

johnniewalker

Firstnorth

Un banner, de los que he hecho millones.
La gracia de estas piezas, es que tenían (y tienen) que pesar menos de 40 KB (cuando un documento “vacío” hecho en flash, solo con una tipografía cargada, ya pesa unos 30)
Algún día estas animaciones paridas de la optimización llevada al extremo serán consideradas “arte digital”.

firstnorth

Danonea

Un truño echo para DANONE (lo pongo así… en grande, porque lo importante aquí es el cliente… y no la mierda de minisite que encargó)

danone

Chrysler New Voyager

Este es el primer trabajo que hice en España para una agencia grande (CP Interactive).
Esta aquí por nostalgia (aunque tampoco está tan mal… pronto pasará a ser “vintage”). No le busquéis otra explicación….

chrysler

Customizador de carcazas

Una de las pocas paridas en flash, que todavía se puede usar (pero yo no me fiaría mucho de que la carcasa de iPhone 2G me vaya a llegar, porque esta gente hace tiempo que no actualiza sus modelos)

musicaskins

Banners

Me encantaba hacer banner’s! Lastima que ya no se hagan tantos….
Exprimir la creatividad (y los conocimientos técnicos) para hacer pequeñas piezas de arte en tamaño súper reducido y de solo 40k de peso, es una tarea que solo los mas Freaks del diseño web sabemos apreciar!

banner

Blog

Personalizar las pestañas de la página de producto de Woocommerce

Muchas veces no necesitamos todas las opciones que nos ofrece Woocommerce en el backend de nuestra página de producto, y puede ser que además necesitemos otras que no están. Editando el archivo functions.php de nuestro tema podemos conseguirlo. En este post aprenderemos a: – Crear custom fields para cualquier pestaña – Crear pestañas personalizadas (custom [ . . . ]
+

Generadores de CSS

Aquí dejo una pequeña recopilación de generadores de CSS, para tenerlos más a mano en el uso diario.
CSS3 Generator (border radius, sombra de caja, sombra de texto, rgba, font face, columnas múltiples, box [ . . . ]
+

Problemas con Internet Explorer

Muchas veces tenemos problemas para visualizar correctamente nuestra página web en Explorer, o en sus versiones antiguas. Aquí tenemos unos cuantos recursos que nos ayudarán a corregir los problemas de visualización que hayamos detectado: Si no lee etiquetas HTML5: <!-- [if lt IE 9]> <script type="text/javascript"> document.createElement("nav"); document.createElement("header"); document.createElement("main"); document.createElement("footer"); document.createElement("section"); document.createElement("article"); document.createElement("aside"); </script> <![endif]--> [ . . . ]
+

Hacer un multisite

Después de pelearnos mucho con plugins de traducción (qtranslate, ztranslate…) hemos llegado a la conclusión que si queremos tener nuestra web en varios idiomas, la mejor opción es hacer un multisite. Esto nos permitirá tener un WordPress paralelo independiente para cada idioma. Para hacerlo: 1. Desactivar todos los plugins 2. Abrir wp-config.php y añadir define( [ . . . ]
+

CSS para Internet Explorer

Muchas veces nuestra página web se ve perfecta hasta que PAM! la abres en Explorer y te quieres morir. Para arreglar esas cosas que sólo se “desmontan” en nuestro querido IE podemos fácilmente asignar a nuestra página un css que únicamente se aplique en el caso de que el explorador sea Internet Explorer de X [ . . . ]
+

Curso de HTML y CSS

Anatomía de una etiqueta

Dando por entendido que html es un lenguaje de marcado, en el que el contenido que ha de ser modificado visualmente ha de estar encerrado en una etiqueta, lo

[ . . . ]
+

Media query

<!-- Hoja CSS vinculada a HTML mediante Mediaquery --> <link rel="stylesheet" media="(max-width: 600px)" href="example.css" /> <!-- CSS aplicable a resoluciones mayores de X --> @media (min-width: 1000px) { #logo { display: none; } } <!-- CSS aplicable a resoluciones de X a Y--> @media (max-width: 1000px) and (min-width: 600px) { #logo { display: none; } [ . . . ]
+

Emular una web en varios dispositivos

Para comprovar como se verá una web (local o no) en varios dispositivos, el navegador Google Chrome dispone de una herramienta muy útil.
Tenemos que ir a Menú > Más herrramientas > Herramientas para
[ . . . ]
+

Woocommerce, Prestashop o Magento, que plataforma usar?

Una tienda online puede resolverse de unas 100 (o unas 1000) maneras diferentes.

Voy a dividir las opciones principales en 3 grupos:

La mas simple, pero no necesariamente la mas barata es
            [ . . . ]
            +

            Redireccionar localhost a una URL

            Sin gestor:

            Ir a la configuración del Apache.

            Buscar la línea #LoadModule vhost_alias_module modules/mod_vhost_alias.so y descomentarla (quitar la almohadilla).

            Ir a C:\Windows\System32\drivers\etc y abrir el archivo hosts.
            [ . . . ]
            +
            próximos