Creative Technology, Tech Education, and Design
821 University St, Healdsburg, CA 95448
Web-based animation is one of my favorite skills. I can provide motion and interactivity without the need for the out-moded Flash-based sites of yesteryear …
I worked very closely with the designer, who created the concept and artwork, and with the client. The animation needed to emulate the motion abilities of Flash but still be readable in modern devices, which Flash cannot do.
I used several Adobe programs including Photoshop, Fireworks, Illustrator, and Edge Animate to complete the animation. I eventually chose to use Adobe Edge Animate, because of its ability to create the complex animation techniques the client desired. A considerable amount optimization was necessary on the detailed images, many of which are transparent. The big challenge was to keep the site load-time to a minimum, as transparent images with complex gradients can be very large, and would otherwise tend to "drag" the animation load time.
This animated logo was designed for a WordPress vegan blog (chowvida.com). The client wanted a new logo for her site, and her ideas made HTML5 canvas animation an ideal basis for it. This logo is still in development.
This photographer has a need to showcase the results of his photo booth events in order to show prospective clients what kinds of photos they might expect. There were many “slide show” templates that we explored for his site, but none really met the needs. This particular solution is great in the way that it scrolls, and yet is completely responsive, and will adjust the layout and image size to adapt to all kinds of devices.
Here is a website that will allow customers of this traveling auto-decal shop to order online and also to discover the shop‘s current location…
This site was built completely from scratch using advanced CSS and HTML techniques. To create the catalog page in this site I wrote an XML data file from scratch, and used Spry datasets to interactively populate the catalog items. The updates can be conveniently made for the client with just editing the XML file (adding and changing products, prices, sizes, etc.) without having to get into the HTML.
This site showcases three different forms: One for ordering from the catalog; one for submitting a custom order, and one for signing up to receive information about the location of the traveling shop.
If you fill in one of the order forms, you'll be sent to the adorable Thank You page.
In this WordPress site, we worked closely with the client to ensure they could edit and manage their own site. I reworked their logo, created a WP Child Theme and…
This WordPress site was created for Double Punches Boxing Club, a non-profit program for youth in Santa Rosa. They needed to be able to manage their content without knowing a lot about web design and code. In a small team of students, I created this site to the client’s specifications.
The client had an existing logo, which was pretty much an ink drawing they had been photocopying, and they asked me to redo the logo making a clean, digital version that was close to the original.
I created a WordPress Child Theme for this site so that updates won't destroy the work that went into its creations.
The client's demands were challenging in that they wanted a mix of features that aren't part of one simple WordPress template, so we had to do alter the child theme quite a bit to include drop down menus, a slide show header, and other features that required some experience with plug-ins and PHP code.
While Flash animation is slowly getting phased out, there still is a need. I can help build new or refresh old Flash animations as well as troubleshoot…
This is a small "web site" created all in Flash and Actionscript. It is an exposition of Stop Motion Animation done by my students at the Sonoma State University Excel For Youth summer program.
This was a creative art project which I created with Flash, and found to be lots of fun!