
Ohana Wellness is an infant massage business that was created in San Diego. Rachel(the instructor) teaches classes in San Diego county, city of Poway, City of Vista and many other locations. Ohana Wellness " promotes an infant’s physiological and neurological development and helps soothe common discomforts, promotes restful sleep and increases healthy attachment and bonding."
The website has big plans including a login to parental support forum, online videos, a store, as well as a way for parents to sign up for infant massage classes.
Hunik: Choose Your Own Adventure Game was an idea that was based off a book series that was around when I was a kid. The premise is fairly the same to the book. You start off on your adventure and make decision based on the stories progress. Some decisions you make will make your story end. Other decisions will help you pick up items to help you though your adventure. At the end of each adventure you have items in your toolbox that can be used in future adventure games within the series..
This project was split up into three parts. The database developer: who sent and received all the data including story progress, saved games, and map data. The Flash developer/Artist (Me): who constructed the data into pages and format the element and then displayed elements and picture into the correlating story. I also create a dynamic map to display where the player is in their current adventure. Lastly an award screen when the adventure was complete. The third person was the graphic designer (Yao): who worked on constructing the graphics for the dozens of alternative solutions for completing the adventure game. After finishing this project I was quite proud of our team. The project was overwhelming, a time crunch, and daunting, but pulling through it was completely amazing.
This was a fun and extensive interactive flash project I had an opportunity to create all by myself. It includes 26 web episodes that have been translated into four other languages (English, Italian, Chinese, and French). These webisodes include elements such as mini games, interactive card game play, animation, exclusive video and audio, as well as a full back story of each character in the TV show. It is also gives kids the first opportunity on how to play the card game. Kids can play the webisodes by collecting the card codes that appear at the end of each episode of Huntik. Then go online to play at Huntik.com.
These webisodes I had created have all the resources linked external, this including all text, video, audio, and sound effects. The text is displayed through typewriter function that writes each letter individually and then scrolls the page if needed. All the animation and most of the visual elements where created by me. The audio and video elements are written into the script to start and stop based on the story. You are able to fast forward or rewind at any point. I am very proud of this project and hope to do more work like this in the future.
Now based on the economy state I decided to leave Upper Deck. I was only able to complete the first 10 of the 26 episodes before I left the company. Hopefully someone talented is able to pick up where I left off..
My Flash media player is finally here!.... It plays all types of media including videos, swf's, jpg's,
png's, and gif's. I was tasked to create this media player when my company had the need to show television shows and tv commercials on our website.
In this media player I included all of the following:
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 360 product spinner component was particularly fun. Although for my company, there was some initial expensive equipment to purchase to make this flash component. In the end, the result was well worth the cost. This 360 product spinner is now being used across multiple products categories. This 360 product spinner would read in a couple of XML files. One of the XML files would change the skin(the design) 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 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 into an animation sequence. 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 my tutorial section for you real Flash junkies.
website is no longer available 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.
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.