About Us Client Roster Contact
Return Home
  Writing Media Relations Email Marketing Social Media Print Design Web Design Photography Video  

     
 
• Fully featured websites

• Blogs and social media

• E-commerce solutions

• MySpace customization

• Web ad banners, static/animated

• Music and entertainment download

• Art and photographic portfolios

• Search engine optimization

• Google Analytics setup

• Shared website hosting

• and much more


 
 
If you are like most companies today, your website is a major, if not primary, storefront and the most public face your customers will encounter. Your site must showcase your products and broadcast your marketing messages in a highly professional way.

CATEGORIES


We approach web design primarily from a marketing and informational perspective, and secondarily from a technology perspective. This means that your web site won't fall victim to the latest trendy and expensive technology. Instead, it will showcase your information and products in the best possible manner, support your branding message, be easy to navigate, run fast and dependably, and yes... be cool.

Once we've arrived at the perfect design, we use traditional HTML programming with elements of CSS, Javascript, PHP, and Flash to bring the site to life. We also employ the open source publishing system WordPress, which is revolutionizing blogging. Many of our clients opt to host on our shared server as well to help keep costs under control.

We've designed websites for everyone from Fortune 20 corporations to tiny micro businesses, so we are confident that we'll have a solution to fit your needs and budget.





Ads: Auto Dealer Technology

Monday, January 11th, 2010

Ads : Auto Tech VendorTwo animated ads created for an automotive industry technology vendor, as seen in Dealer Management Weekly’s email newsletter. There’s a long banner at top, and a rectangular one at middle bottom.

(This is a sample only showing the placement, so these versions are frozen static).



Web Design : The Steve Alexander Group

Wednesday, January 6th, 2010

Website : The Steve Alexander GroupA new fully featured website for The Steve Alexander Group, a powerful San Diego-based communications company that provides a full range of services to both the public and private sector.

The site harnesses compelling animation, the latest blogging and social media strategy, as well as classic capability descriptions to showcase the Group’s unique vision and strengths.

The header for the site uses an animation of a light bulb with a spinning Earth overlay, out of which various trademarked slogans emerge to highlight the major points of each page.

The home page allows visitors to jump quickly to service offerings, or to browse recent blog postings either as a list of headlines or as an excerpted version of the latest post.  Once the visitor clicks deeper into the site, the sidebar changes to a list of headlines.  A handy link below allows a visitor to subscribe to the blog;  they can choose either to receive instant emails alerting them to new posts or receive summaries in a weekly digest form.

The blog itself has all the bells and whistles a reader could want — simple indexed navigation to major content areas, easy two-click sharing to any social media site (Twitter, Facebook, Digg, etc), and moderated discussion and commenting.  It greatly boosts the search engine profile of the site, as it keeps content fresh and continually adds new keyword-rich pages to the site, providing plenty of new fodder every time the site is indexed by Google, Bing, or Yahoo.  From the contributor side, adding new posts with text, images, video, etc. is a simple process using the secure backstage area that can be accessed from any browser (even via PDA or cell phone).  As recognized thought leaders in communications strategy, this area will be heavily used by the company and be a key educational tool for current and prospective clients.

The site design sits in a subtly 3D looking frame that seems to float slightly above the page, with corners turned down to touch at bottom right and left.  Colors feature blue (signifying dependability, reliability, and calm) balanced by a secondary orange tone (which radiates vitality, action, stimulation, etc).  The combination gives a highly professional look without distracting from the main content delivery.

A handy tab at top left allows visitors to bookmark the site for easy access in the future.



Web Design : Superchimp Rocks

Saturday, December 12th, 2009

Website : Superchimp RocksA very fun website, chock full of animated goodies, built for/with the band Superchimp.

The band’s leader is also a crack animator who has created a very interesting visual look for the band.  Not content to assault the band’s fans with punk-influenced rock with a message, he has also painstakingly created old school animated videos and single sheet comics as well.

This site pays homage to all that art and music by giving the visitor lots to explore, poke, and play with.  We created popping balloon NAV, peeling bananas, steaming coffee, and much much more.  More is planned, but the first run through is plenty engrossing and lots of fun.

There’s a fully featured blog that allows the band to post news, gigs, music, and the latest comics and films easily.  There’s also a random “?” area where a piece of something interesting is always on display (often a cutting room floor item that is too good to let sit on the floor).

Fans of mindbending, subversive culture, check out the video for “Pop Your Balloon.”!



Web Design : Shark Eating Dog Production

Thursday, October 15th, 2009

Website : Shark Eating Dog ProductionsA new portfolio website for the company of Rick Barrio Dill, a noted rock/rap producer and bass player who divides his time between Los Angeles and Nashville.

The site opens with a splash page with music from some of Rick’s projects and an animation of a VU meter needle that goes from -20 all the way to “badass.”  Inside is found plentiful information on Rick, links to his projects, his recording articles (for Recording Magazine), a voice over demo, and much more.  The animated VU meter is also seen at top left throughout the site.

The background is intended as an homage to the look of the woody walls found in many great sounding, old school recording studios.  Rick is up to date with all the latest studio tools and technology, but his heart and soul are firmly rooted in “old school” skills and attitude, which shows in everything he puts his hand to.  Including this site.



Web Design : Real Green Water

Monday, May 18th, 2009

realgreenwater.com Home PageA sales site for the water filtration supplier Real Green Water, which distributes Hyundai filters and coolers that convert tap water into bottle-quality filtered water without the expense and waste of individual plastic bottles.

The site uses colors in the eco-range, in support of the theme of their earth friendly product line.  The front page banner animation features closeup photos of fresh, splashing water, emphasizing the appeal of the brand — fresh, tasty, and refreshing — while laying out the critical sales points of the business. There’s a big call-to-action button at top right next to their phone number.

realgreenwater.com Product PageThe home page also features a handy calculator that computes the money you might be wasting by not using filtration, which is a powerful motivator in today’s market.  Another page shows the eco-impact of plastic and bottles on the planet.

Lastly, a complete product description area supplies all the vital information on their product line, including detailed product stats and descriptions to help clients select the right equipment for their installation.



Web Design : The Cool Catz

Monday, April 20th, 2009

catzA fun animated website for the new rap act “The Cool Catz,” featuring rappers Bradley Keys and PM Cool.

The site uses a stylized image of an old school television (just like my parents’ old Zenith) with animation to support their vibe of old school beats and honest, skilled raps.

The dials spin randomly and the image of the Cool Catz logo on the screen occasionally breaks up with static charges.  Along the side are visual links to more info about the band and all the social media sites featuring their music.

A simple but effective site that sends a solid impression of this act and will grow easily with them over time.



“Introducing” Ad Banner

Thursday, March 12th, 2009

introducing100x600A 100×600 banner ad for an automotive industry technology provider, promoting a system that helps dealerships track and respond to online reviews by customers.

The ad uses a gradually increasing crowd of kibutzing people to illustrate the viral nature of reviews online.

As a .gif animation, this banner is fairly small in file size and uses simple movement and image replacement to make its point.



See More Artwork

Sunday, December 30th, 2007

For a detailed portfolio of work prior to 2009, please visit:

DUFFOTO.COM



 
     
 
About Us Client Roster Contact