Mike McLin's Online Portfolio

InvestmentHomesDirect.com

mikemick — Sun, 01 Aug 2010 21:14:32 +0000

Designed in Photoshop, this website uses WordPress as a CMS. The theme heavily uses custom WP queries and custom fields. The majority of the visual effects are done using jQuery. The “Property Calculator” web app was based on an old Microsoft Excel sheet that the company was using in-house. I wrote a custom PHP/Javascript app to bring it to life on their website.

Web App: Humanoid Art Lab

mikemick — Sun, 01 Aug 2010 21:26:56 +0000

Originally intended for Flash, this web app eventually saw the light of day using the power of PHP and jQuery. This web app allows customers to create their own board graphics. After creating the graphics, they can then save, share and purchase the board. This app was extremely complex to build, and there are so many variables taking place. Deciding not to use Flash really brought the creativity out of me. For example, rotating graphics, which is simple in Flash, all of the sudden had to be rethought using Javascript. Eventually, I created a jQuery plugin that used the jQuery UI Slider to switch between various rotated images of the same graphical asset. Other challenges included having to be able to change the size, color, and scaling of text. At the end of the day, I used a text-to-image PHP script, and plugged it into the app using AJAX.

3D Photo Effect for LearnWake

mikemick — Sun, 25 Jul 2010 22:05:52 +0000

This was an image sequence shot with a Nikon D200 camera. I brought the sequence into Photoshop and cut the rider out of each shot. Then, in After Effects, I created a 3D world and placed the photos into the composition. Finally, I took an After Effects camera and made the animation. This is a small piece of a larger video that I created for LearnWake.com. Narration in this clip is by Kyle Schmidt.

McLin Digital Logo Animation

mikemick — Tue, 20 Jul 2010 23:15:32 +0000

The 3d model was created and animated in Autodesk Maya. After creating the model, I imported it into Adobe After Effects and spruced it up with some secondary animations. The transition to the white logo, and the ending text animation was done in After Effects.

Magazine Ad: The Book DVD

mikemick — Fri, 02 Jul 2010 21:46:37 +0000

An artist used colored pencils to create the assets for this magazine ad. We then constructed the pieces and took a photo of the constructed paper model. Once in Photoshop, I had to fix several layering issues, and remove certain things like scotch tape, string, etc. I also had to create many fake elements that blended in with the original photo to make the ad look more dynamic. This full-page color ad was featured for several months in WakeBoarding Magazine.

UndergroundProducts.com

mikemick — Thu, 01 Jul 2010 22:51:18 +0000

I really wanted to create something unique for the Underground Products website. This apparel company has 2 major divisions, and they wanted to build-out separate sections for both. I convinced them to do a dual-blog design, and after some jQuery magic, I made a really unique and dynamic experience. Extensive use of jQuery was used throughout so the website matched the clothing company’s edgy, modern youthful vibe. After the project was complete, I adapted the same website for their Japanese division. WordPress was used as the blog platform, and I built a custom CMS for the rest of the website.

WakeboardCamp.com

mikemick — Thu, 24 Jun 2010 00:40:47 +0000

The Wakeboard Camp site is powered by a custom CMS that I created. There are a ton of features on the website, and the design is pretty modern and edgy. It includes a WordPress blog for the homepage, and how bunch of jQuery throughout. The best feature has to be the “Rate Calculator” web app that I created for them. It allows the customer to select dates to visit the camp, and then the app gives immediate feedback, like price, availability, discounts, and a ton of other things. The Wakeboard Camp can control the pricing and availability calendar easily from within the custom CMS I built for them. Although the calculator app is easy to use, don’t mistake it as a basic script. There are a lot of things going on with the PHP server script, and a ton of variables that the end-user will never know about are being used to calculate all of the information, and process the AJAX callbacks.

LearnWake Logo Animation

mikemick — Sun, 20 Jun 2010 18:49:13 +0000

I modeled, animated and rendered the 3d logo in Autodesk Maya. From there, I brought the animation into Adobe After Effects, where I swapped out the 3d logo for the full-color vector version, and added the saw blade animation. I then applied some color-corrections, motion blurs, and fake reflections. The final step was adding the particles using the Trapcode Particular plugin. Sound design by Nick Murray.

TrevorHansen.com

mikemick — Tue, 15 Jun 2010 15:19:27 +0000

I created the TrevorHansen logo and the rest of the website design in Photoshop. I brought it to life using WordPress. jQuery was used in several situations like rotating the custom Twitter feed in the header, and applying little effects throughout. Custom WordPress queries were used on the home page, and the “Friends” page utilized WordPress’ “Links” functionality.

GlowMobileSprayTanning.com

mikemick — Fri, 21 May 2010 01:10:35 +0000

The client wanted a fun website that matched her clientele, so I created a dynamic homepage and header using Adobe Flash and Actionscript. The remainder of the site needed to be accessible and updated easily, so I created a custom CMS that enabled her to add products, modify pages, and approve testimonials. YUI was used for all non-Flash effects on the website.