Simplicity is

the ultimate sophistication.

Leonardo da Vinci

Painter, architect, musician, inventor, sculptor and engineer

Some things I've done as an (amateur) designer...

enreditos.com

enreditos.com

Keys

CSS, Javascript, Responsive design

Description

Website intended to showcase my wife's handicrafts portfolio. It shows an stunning fullscreen slideshow of her lovely work.

The site was developed with a responsive design in mind, using just media queries (with a mobile-first approach).

I also did all the graphic design work, from wireframing to taking the handicrafts pictures and post-processing.

The design is inspired by the Shutterhot Wordpress theme.

This site

This site

Keys

HTML, CSS, Responsive design

Description

This site was kickstarted with the help of the HTML5 Boilerplate template and the great tool Initializr.

Created as a way to test my basic HTML and CSS knowledge, it was developed with a responsive design in mind, using just media queries (with a mobile-first approach based on Bootstrap guidelines).

I will keep myself busy iterating it with bits of design, performance and web standards (and also trying that it looks like the same site on the Internet Explorer).

Campanas de boda

Wedding bells

Keys

Wordpress themes, PHP

Description

Campanas de boda (spanish for Wedding bells) was the blog I created for my wedding guests.

Wordpress was the wonderful CMS that I chose for it, so I had to learn some bits of PHP.

For the blog design I also had to learn how to make my own Wordpress themes, but I am not a designer, so after it, I did a little bit of researching and found a fantastic theme from Muku Studios that I then customized by adding some typography from Google web fonts and one plugin for image galleries.

User interfaces

User interfaces

Keys

Wireframing, User experience

Description

Designing of the user interface for an enterprise web applicacion developed with Adobe Flex (this was one of the projects I was managing).

The application had more than 20 different specific reports, so my first priority was to create an even user experience across all these reports. Everything was accesible just using the keyboard and every detail was defined to provide this even experience: decimal formats, column alignments, default button style, icons, etc.

The chosen color scheme in combination with the wide use of white spacing formed a professional feel and a clear look.

User guides

User guides

Keys

HTML, CSS

Description

Designing of a CSS framework used to create user guides, based on a two-column layout with a fixed menu navigation.

Styles were defined for basic HTML elements (headers, paragraphs, links, images, lists, tables) and also for customized elements (hints, help notes, FAQs, content tables, etc).

A extensive readme.html was provided as an example and at the same time documenting and teaching the framework: how to use, guidelines, including screenshots, etc.