PeliculasOnlineWiki is an online movie link database powered by users. The submission process has been optimized so that users just need to fill two fields (the name of the movie and the link to the external website).

Through public APIs, PeliculasOnlineWiki gathers all the necessary data (exact movie title, synopsis, movie image, genre and rating) plus the system generates all the necessary image thumbnails to fit in every page automatically.

The development of the website is done in PHP, MySQL, jQuery, XHTML and CSS. The template is liquid which allows users to view the website as big as they want without wasting space. As the browser is resized, the website adapts to show more or less content.

An impressive freelance website for an Art Director with beautiful contrasts

A freelance work for a client who was looking for a stunning website that was simple but strong in which to display her works and enable their visitors to contact her. The website was designed entirely in Adobe Fireworks and developed to a WordPress powered blog with custom PHP. There was no SEM involved although she asked for strong SEO of the website. The name of the client has been changed for privacy.

Lorem Ipsum has been really useful to a lot of designers, but Latin doesn’t look like English, let’s be honest.

Real Ipsum is a real topic-oriented dummy text generated randomly and ready to Copy and Paste into your projects. The text has been gathered from Public Domain fonts and other open licenses.

You can search random texts by topic or keyword:

Or browse the archive of texts:

Real Ipsum is a personal project I developed because I felt like Lorem Ipsum was too different from English plus being topic oriented and having some relevant keywords helps the text integrate much more.

Visit the site: http://realipsum.xaviesteve.com

A white clean design for a freelance project. Designed in Fireworks and coded into a WordPress theme.

PC Site is a computer and antivirus website where users can compare and read reviews on different products

While being the lead front-end developer at Net Media Planet I was in charge of implementing a computer and software site which allowed users to compare products before buying them and read reviews, news and guides on the page products and others.

The framework/CMS

In my opinion, WordPress is the best choice for this kind of projects, at first look it’s just another blog engine but it is very optimized and simple to start coding on it while providing the best Administration Panel I’ve ever seen and this was a must since 3 online content editors where going to update the site daily. It also has a nice and friendly framework to work with.

I implemented the whole front-end and back-end of the site in a way that was very scalable (the website has changed A LOT since the “go live”), converting itinto a full featured website.

Implementation

Along with a graphic designer we implemented the first version of PC Site ready for production in barely 6 weeks from planning to being published in which I spend no more than 3 weeks to develop.

Technologies and languages

To develop PC Site I have used XHTML and CSS, JavaScript/jQuery and AJAX, PHP5 with MySQL, Apache scripting with some modules, regular expressions and microformats.

The site URLs are all friendly to help in SEO and the user.

Further investigation has been done regarding SEO and we have been running usability tests frequently as well as multivariation tests.

Product listing API

The back-end department coded a really nice private API for me to use through JSON calls that enabled me to gather the information I needed to display in the product listing pages.

JavaScript and AJAX

The site has a lot of hand made JavaScript progressive enhancements that help the user to navigate nicely. The scripts have all been tested under JSLint (JS Code Quality tool) to keep the code as optimized, fast and good as possible.

Doing some benchmarking studies I determined that the whole site JavaScript takes between 40 and 100ms in Firefox so it is really fast. The product search works completely through AJAX (still being search engine friendly) which is great for loading times.

The site also has search tools using jQuery UI to add cool range sliders:

Optimization

We tested the site with their main competitors in the country and PC Site UK was the fastest and most optimized website by far.

Since PC Site is still very young, we needed to be above the average to come to the surface of SERP (search engine result pages) so we studied and improved the website with every little tweak available to meet the best SEO practices and be Google Caffeine ready.

The site also complies with the W3C standards as well as implementing some graceful degradation for IE6 users.

Some of the SEO techniques used in this site are:

• CSS and JavaScript file combination and minify
• HTML, CSS and JavaScript compression
• Custom cache expiration dates for each file type
• DNS minimized
• Image optimization
• Use of CSS Sprite maps
• CSS and HTML code optimization to avoid “divitis” and keep good practices above all
• …plus lots and lots of other tweaks

Test results

• Google Page Speed: 80 out of 100
  (would be more if IE6 didn’t exist!)
• YSlow (from Yahoo): Grade A (95 out of 100)
• Website Grader: 89 out of 100

Results

After only a few months the site started appearing in first result pages and it reached PR2. Google also indexed some PC Site sitemaps and they now appear in the results. Thanks to microformats, the results for reviews also display additional information (rating in stars and the name of the author).

The site also does a lot of SEM and started being profitable even before than expected.

Visit the site at: http://www.pc-site.co.uk

My old website from years 2006 to 2009

This has been the fastest website I’ve designed ever  weighting less than 40KB and loading really fast. The design is minimalistic and using pure white and blue (my favorite color).