Some things I've done as an (amateur) designer...
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.
HTML, CSS, Responsive design
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
Wordpress themes, PHP
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.
Wireframing, User experience
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.
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).
readme.html was provided as an example and at the same time documenting and teaching the framework: how to use, guidelines, including screenshots, etc.