Categories
BackEnd Develop FrontEnd Design FrontEnd Develop Portfolio Social Media UI/UX

Master en Estudios internacionales

Web para el Master de Estudios internacionales de la Universidad de Barcelona.

Realizado con WordPress creando un theme a medida.

http://www.ub.edu/mei/

Categories
FrontEnd Design Portfolio UI/UX

Caro Hotel

Un trabajo mas para el grupo socialtec.

La web para un nuevo Hotel en el centro histórico de la ciudad de Valencia done la imagen cubre un gran protagonismo ocupando el fondo de toda la página.

Realización tanto del diseño del interficie de usuario como el protootipo web.

http://www.carohotel.com

Categories
FrontEnd Design Portfolio UI/UX

Responsive design

Internet ya está dentro de todo, ya no accedemos a la red de redes únicamente desde los ordenadores.

Navegamos desde als pequeñas pantallas de los móviles hasta en grandes monitores o pantallas de smartTV en nuestros salones, pasando por los cada vez mas habituales tabletas.

Al diseñar una web tenemos que ser conscientes de ello, podemos hacer una versión para cada uno de los dispositivos o utilizar la tecnica que llamamos Responsive Web Design (RWD o Diseño web Adaptable) que trata de hacer  una plantilla elástica que se adapte a lso diversos anchos y mediante css y un poco de js recolocar los elementos según el tamaño de la pantalla.

Por ejemplo en pantallas grandes podemos mostrar un layout con varias columnas, imágenes a gran tamaño y menús completos, en pantallas de móvil mostraremos el m ismo contenido en una sola columna, escalando las imágenes y ocultando menús.

Aquí un proyecto sencillo utilizando esta técnica.  Es un site realizado en WordPress al que he diseñado un theme a partir del 1140gs.

http://www.ecodigest.cat

 

Categories
FrontEnd Design Portfolio UI/UX

Ecodigest

Diseño de la imagen corporativa y del website para Ecodigest.

Websit realizado con WordPress creando untema nuevo y adaptable (responsive design).

http://www.ecodigesrt.cat

Categories
FrontEnd Design Portfolio Social Media UI/UX

Web de negocio local

Todo negocio (empresa, tienda, servicio, etc.) aunque no quiera o no pueda ofrecer servicios online tiene que tener presencia en internet.

Nunca sabremos cuando podremos necesitar un taller mecánico, un buffete de abogados, el supermercado o una peluqueria.

Podemos recurrir a las páginas amarillas, preguntar al vecindário o pasearnos por el barrio buscando lo que necesitamos pero con internet lo tenemos mucho mas facil, tenemos servicios a los que podemos acceder desde nuestros ordenadores, tablets o smartphones. Hoy en dia si no estamos en Google Maps, en Foursquare o Facebook  no existimos para muchos potenciales clientes.

Por eso en el desarrollo de una web de este tipo es necesario, a parte de realizar una web atractiva y usable, dar de alta el establecimiento en todos estos otros servicios de geolocalización.

La web de etern centre wellnes es uno de mis últimos proyectos, está realizado con WordPress por lo que es totalmente administrable por el cliente y en el proyecto, a parte de la web en si, se ha contemplado también el tema de Facebook, GoogleMaps y Foursquare así como un servicio de Mailing realizado con MailChimp.

En el diseño, para ahorrar en costes y tiempo, he partido de un tema de Elegant Themes el que he modificado para adaptarlo a la estética y necesidades del cliente.

 

Categories
FrontEnd Design Portfolio

Vallado de piscinas

Vallado de piscinas es  una web de producto: Vallado de todo tipo de piscinas, en toda España

Una web sencilla hecha principalmente para posicionar un producto específico en los buscadores, en este caso vallas de seguridad para piscinas.

Al principio pensé hacerla bajo un gestor de contenidos (WordPress) pero al final opté por montarla con php, ayudandome del .htaccess para hacer las urls amigables. Con esto he podido trabajar el SEO con mas flexibilidad y hacer que valide tanto el CSS como el HTML en W3C.

El prosupuesto no era mucho, además  el vallado de piscinas no es un tema muy creativo. Al final esto es lo que ha salido:

www.vallado-piscinas.es