Matt Huertas - Portfolio

Alienware

Alienware is one of the premier custom build computers on the market. Because of this their website required frequent updates and product refreshes in order to give the customer all the information about a prospective system. Our biggest goal when updating or creating new content was to make sure everything had a clean look and feel in order to promote the excellence of the brand.

After taking over as the main developer I started to add a lot more dynamic and interactive elements to the website. I was also the primary person who started prototyping and building out their now new layout website that launched this past Spring.

An example of our video overlay. Because of the nature of Flash video and overlays I had to come up with a workaround for a Mac specific issue with the background overlay.

For the launch of Alienware's new financing option we had to come up with a layout a little different than the normal products. With this also went a custom form for processing all the applications that tied in heavily with the backend to do security checks during the process.

Links

Doral Bank

Doral Bank came to me as a complete site redesign that needed to happen by the time they officially launched their company-wide rebranding. In a very short amount of time I managed to take the comps and wireframes and create a clean design that everyone was happy with

One of the added difficulties that came into play during this redesign was the fact that every page had to be bilingual and switching between languages should be as easy as possible. I created some unobtrusive javascript to enable any person to switch between each language quickly. I also took into account SEO principles when adding content and doing site structure.

The 'closed' state of the branch locator. Written as an unobtrusive JS event that degrades gracefully on older browsers

The 'open' state of the branch locator. It also features completely semantic markup for any and all search engines to crawl.

The main product information pages. The side navigation menu is controlled by a single include file throughout the entire site and shows open or closed states based on CSS classes declared at the top of the body in order to prevent unncessary code re-use.

Links

Doral Bank

A completely custom Wordpress template that's a table-less design. As much semantic markup as was possible within the WP engine restraints. To this date there have been 5,000 downloads and it's been installed on over 100+ blogs

Scudly.com

When I created my own blog 9 years ago I thought since I was just starting to get into web development that I should try to create my own layout. Over the years it's gone through a lot of different iterations but when I found WordPress as a blogging engine I gave a shot at developing my own theme for it since at the time there weren't many I liked.

The first go around was really my first attempt at learning CSS and I didn't know a lot. Over the years as I've learned more and more I've gone back into the theme and updated parts that needed it. It's now completely table-less and something that I like the look and feel of a lot. The theme is called Girls-Suck after a website I used to write for and features the artwork of Sam Brown from Exploding Dog.

Wordpress Themes

Because of my experience with creating my own theme for Scudly.com I was then asked by several people to create custom Wordpress layouts for them. A lot of the actual designs aren't done by me. I'm just very good at getting them into a fully functional Wordpress install within a short amount of time.

This one was a bit tricker in that the client wanted a functional gallery on the left side of the content area that I had to integrate with the rest of the theme and style it appropriatetly.