
Visit Website This is the Call of Duty splash webpage that I created recently for UDE. It was fairly easy as far as the coding is concerned, but it was very different in terms of design. It's always interesting when working with a new IP (Intellectual Property) such as Activision. Each IP uses unique element that have to be mimicked or duplicate from scratch. For this project, elements relating to WW2 helped unify our new design. These types of project are always fun and expand my design capabilities.
Visit Website I created this simple splash webpage for a new national product, Gormiti which was introduced to the United States from Italy. The product did well overseas and the company hopes to see it grow here in the US.
This project was particularly fun. Although, for my company there was some expensive equipment to buy; but the end result was well worth the cost. I was given a project to build a 360 interactive product spinner. This 360 product spinner would read in a couple of XML files. One that changes the skin (the look) of a Flash file to match the product brand, the second one loads in all the images sequentially. I then receive a variable from the flash embed tag telling me how tall this product is. Then the flash file creates the dynamic ruler and displays it on screen. All of the images are preloaded and stacked in order. In the on screen display I give the users a few different choices of how to view the product. The user can grab the dial and drag it in circles or the user can use the buttons to let it play (forward and reverse). The technical coding behind this would probably not excite most of you as much as it excites me. So, I will post up the code in Flash Kit for you real Flash junkies.
Visit Website Ever-after-weddings.com was a website I did in a fairly time constrained condition. I was excited to do something so out of the norm for my style of design. I used a lot of variations of bright pinks and purples. I took a picture of dark deep red flowers and converted them to a vibrant pink. I used very traditional wedding font type to create a sophisticated look yet fun and happy. I also used a soft, transparent parchment paper that overlaid the main content.
Visit Website DonnaPatton.com has some extremely advanced Flash features. The photo gallery on this website is made from PHP/CMS on the back end. On the client side it's Flash. The CMS allows the admin to add or delete photo galleries, photos, and text for each image. This information is then sorted into appropriately named folders. Then thumbnail images as well as XML are generated and saved into those folders. The flash on the front end reads the XML file with a randomized query string attached so the content is always updated automatically. The flash then parses all the data and builds the gallery with the drop down menu. After selecting a gallery from the menu, the thumbnails images will appear in a grid format. You are then given three choices. First, you can download this image in a new browser. Second, you can enlarge the view of this image. Third, you can view this image and others in this gallery in a slide show. If you select slide show a new window appears within the flash application. There are a couple of choices here: pause the slideshow, play the slideshow after pausing it or close the window. The design was supposed to convey a scrapbook feeling. It was something a little different then I have ever done before. I was happy with the results.
Visit Website Tru-View Fencing was built as a showcase of work the company has created. It features a 3D background of their product that I created in Maya 3d software. This website also includes a flash gallery that uses ActionScript with XML. This website also contains a form mailer and several custom design elements.
Visit Website
RachelRainbolt.com is a website that I created to be a landing website for clients, fellow employees, and other contacts.
It also features video player, a mailer form, and a bio section all on one page. This page was done using new techniques
with alpha filters. Allowing me to use PNG?s that show up in IE6, FF, and Netscape. I created a very organic look to this
website; pulling from all the greens and yellows while also spending a vast amount of time doing custom flowers with my
tablature pad.
(ADVANCED FLASH FEATURES).
Visit Website Yu-Gi-Oh World Champion website was a combination website that has Live Event Coverage section, a form mailer, and Event Coverage information segment. I designed this site entirely in Photoshop. I tried to keep within the same look and feel of the Yu-Gi-Oh design. The Photoshop file in which I created this design had over 200 layers and tons of custom textures, custom gradients, custom lighting angels, and custom bevel/embossed. This site took about a month to complete. The Event Coverage section has over 20 html templates that build together in ASPX as the page is launches; only to be viewed seamlessly view in your web browser.
Visit Website
The VS system website is a site that I designed and built with a vision of bring together several websites under one roof.
It is a portal for many branded products such as Marvel, DC, and Hellboy, VS live event coverage, and VS Articles. The main restriction on this project was
keeping all of the brands from not interconnect to one another. The notion came up of using a component tabbing system which is how we display a lot of
information in a small space. This website I uses several new techniques of overlapping space, breaking boundary box type and a heavy layering technique.
Overall I am very happy with this is and hope to enter it into web design competition.
(ADVANCED FLASH FEATURES)
Visit Website This website has three main elements that I wanted to showcase. First of them is the magic flares that I created using a custom made brush in Photoshop. The second is the parchment paper that was made from scratch by combining 24 layers in Photoshop. This took a little time to get just right. Third is the circus fabric texture in the background.
Visit Website I am featuring this page primarily based on design. The burnt paper, the metal frame work, the scrolls, the stone frame was all hand drawn by me. The Stone took me 15 layers and the paper was about 18 layers. I created some javaScript to help user individually scroll open and close scrolls. I think it came out nicely.
Visit Website Ok so this next website was probably the most difficult project I worked on. I was given this complex project to create a CSS files with DIV's that show up only when data from the database is dropped in. Otherwise the DIV's need to be invisible. CSS itself is static, but after several hundred lines of code I wrote, I found a way to make it dynamic! Click on any of the image's titles from the related page to see it.
Visit Website HO, HO, HO. This is a simple multilanguage Christmas flash presentation. This project was put together based on a board game that was done for oversea sells. The website itself was actually completed within 6 hours. It was simple yet elegant.
Visit Website Recently I was able to gut out this page and recreate it using Skin files and CSS files. This enabled me to switch out the design fairly easily. No longer do I have to search several pages for small header graphics or random imagery. It's all included in the Skin. The design itself reflects the corresponding products on the page.
Visit Website
For several months I have been developing and designing the Upper Deck - World of War Craft trading card website. For a long time I refused to show this site under web pages that I developed because it was a massive collective project between several engineers, me as the primary designer, and the company 2advanced, who did the initial website development. The reason I feel that it's important to show this work is because I have done so much of the design and front end programming.
Visit Website
This project is titled the Player Locator. It allows individuals to contact players in their area to set up game play sessions. I created this page with one other engineer. What makes this project unique is that everything designed for this page was completely created on the back-end (or in other words, on the programming side). I had to sit down with the engineer and write out all the styles in the "code behind" and program nothing on the actual page. Everything was called through CSS and one template file.
These two webpages must be the fastest two webpages I have ever created; and with a pretty decent final product. I was told I had a day and a half to create, design, and have coded 2 promotion pages for the "VS system". I think I did a good job for 11 hours. But I will let you be the judge.
I was commissioned to do this site October 2006 by Dearborn Memorial Park. I used several new techniques throughout this website. The first technique is the two fixed positioned trees at the bottom left and right corners. Now if you haven't had the pleasure of trying to make this happen in all browsers, it's not easy. I had to write several expressions to customize it in individual browsers. The second is the dynamic flash picture viewer in the left side of the page which randomly selects the dynamic video or images. Third is the flash interactive map. Which can be moved around and zoom in and out. Last of all is the dynamic picture viewer which is programmed using JavaScript.
Visit Website This site was done in May of 2006. Behavior Modification Group was a fun project where I was able to try out several new techniques I have been working on. It's very clean, simple, and the message is very direct.
On the first page I used several new style drawing techniques to create the fire in Photoshop, it also features image reflection and smoke techniques. I also created a secondary page which falls under the same project category. This page is a simple splash page with more information about the product itself.
Visit Website This site was done in May of 2006. I created this site for Upper Deck. I made several textures for this site to create the look and feel of real wood and rope.