Quinn Classic
Quinn Classic
June 1, 2012
Intro

This website was created for a friend of mine who wanted to commemorate the life of her nephew with a charity bean bag tournament in his honor.  This website is easily one of the best I have ever built. The design is unique, the functionality is simple, and the website serves a very limited purpose, but serves it extremely well, providing easily customized information about the event, the ability to register online, and the flexibility to add custom segments with a variety of different content.

For a long time I had been wanting to build a website that uses parallax to simulate movement and depth on the page. We knew that the design needed to include a variety of images of Quinn, so I decided to incorporate them into a "living background" on the page.  The images are semi-randomly positioned on and off the page and then javascript animated to create the floating motion.  The background scene combines 4 layers of dual horizontal and vertical scrolling in parallax creating a remarkable illusion of depth behind the main content, in addition to allowing a large variety of images to be displayed without feeling cluttered or forced.

Technologies
  • Drupal 7
  • CKEditor
  • @font-face
Quinn Classic Bean Bag Tournament
Inge Christopher HomepageInge Christopher Homepage
Inge Christopher
Inge Christopher
May 27, 2012
Intro

Inge Christopher grew tired of their flash based, outdated website. Updating it was a pain, and they wanted a new website that would reflect the changing brand image, and allow them to bring the majority of content management in-house without having to hire a dedicated website guru. Enter Drupal 7. The new website is built in Drupal with major contributions of Drupal Commerce and a variety of other value added modules to improve the performance, functionality, and user experience. The end result is an elegant online retail store, with robust product management.

Technologies
  • Drupal 7
  • Drupal Commerce
  • eCommerce
  • CKEditor
  • @font-face
Inge Christopher HomepageInge Christopher ShopInge Christopher Product DetailsInge Christopher LookbookInge Christopher Blog
Aiko HomepageAiko Homepage
Aiko Agency
Aiko Agency
February 3, 2012
Intro

Aiko Agency's new website has been created using the latest features of Drupal 7 with a wealth of custom interactive features. The main structure of the website is divided into two distinct layouts.  First, most of the basic content pages are AJAX loaded in a 'dropdown' styled overlay with smooth animations. More detail on the AJAX pages can be found in this blog entry. The other sections of the website are reserved for aggregated content such as the blog and news feed pages, and load traditionally on unique urls.  This website also integrates HTML5 video, and uses the panels plugin with a custom template for the homepage in order to organize the various slideshows, mouseover blocks, images, and videos.

Technologies
  • Drupal 7
  • @font-face
  • CKEditor
  • jQuery
  • Mollom
Aiko HomepageAiko Intro PageAiko Team PageAiko Blog PageAiko Events Page
Roosevelt Dime | HomeRoosevelt Dime | Home
Roosevelt Dime Weddings
Roosevelt Dime Weddings
December 8, 2011
Intro

The Roosevelt Dime Weddings website is based on designs provided by Njoki Gitahi. The main design feature is the large resolution, full screen, background images.  Not only did these need to be optimized for load-times, they needed to be integrated in a flexible way so that they maintained full coverage for various browser sizes and shapes, and even if the window is dragged to resize it.  This is all accomplished with some nifty javascript and CSS.

​The website also incorporates some embedded media (what musician wouldn't?), a blog, and some jQuery animations for usability on the FAQ page.  All-in-all, it's a very simple yet functional website that emanates the band's personal style though the use of the large submersive graphics.

Technologies
  • Drupal 7
  • @font-face
  • CKEditor
  • jQuery
  • streaming audio
  • youTube embed
Roosevelt Dime | HomeRoosevelt Dime | MusicRoosevelt Dime | ServicesRoosevelt Dime | PortfolioRoosevelt Dime | FAQRoosevelt Dime | Contact
Plant Cafe Organic | HomePlant Cafe Organic | Home
The Plant Cafe Organic
The Plant Cafe Organic
November 4, 2011
Intro

The Plant - Cafe Organic website was constructed in Drupal 7 with generous use of the views module, custom templates, and jQuery user interface improvements. The centerpiece is the homepage "slideshow within a slideshow" feature showcasing beautiful imagery of the different restaurant locations.

The website integrates a live twitter feed module, plenty of social media sharing options, google maps, google analytics, and lots of image slideshows. Most importantly, it's filled with plenty of large vibrant food images, downloadable menus, contact informaion and location hours of operation. The website also integrates an online reservation module from OpenTable and links to an external application for online orders (by Munchaway).

Technologies
  • Drupal 7
  • @font-face
  • CKEditor
  • Google Analytics
  • jQuery
Plant Cafe Organic | HomePlant Cafe Organic | LocationPlant Cafe Organic | MenusPlant Cafe Organic | News
Savant Investment Group | HomeSavant Investment Group | Home
Savant Investment Group
Savant Investment Group
October 4, 2011
Intro

Savant Investment Group heard about our services from an existing customer and after letting us bid on the project, selected fourfightingfoxes to build their new website using the designs provided by Nicholas Bentley.  It was of utmost importance to them to maximize their SEO throughout the website, and they got their wish.  The website incorporates a variety of meta data, unique page titles, image alt and title tags, google analytics integration, content first page structures, an xml sitemap and submission to the top search engines, and thorough use of h1, h2, and h3 tags.

The overall structure is very simple and intuitive, with a special consideration taken for the "Team" section allowing users to navigate among the various team member categories and see the individual personnel bios using some custom javascript animations.

Technologies
  • Drupal 7
  • @font-face
  • CKEditor
  • Google Analytics
  • jQuery
Savant Investment Group | HomeSavant Investment Group | Basic PageSavant Investment Group | TeamSavant Investment Group | BlogSavant Investment Group | Contact
Neat Method | HomeNeat Method | Home
Neat Method
Neat Method
September 14, 2011
Intro

As a company founded on the idea of simplicity and organization, Neat Method needed something that would reflect their core values and give users a sense of the company at a glance.  This design by Verdant Brand surely does just that. This site leverages the best that Drupal 7 has to offer to make the administrative back end as simple and easy to use as the website itself.

This website has an interactive gallery section that is built with colorbox and the views module. It also has a full-fledged blog that could rival the best features from Wordpress. There is a site contact form, google analytics integration, and a subtle image slideshow on the homepage.

Technologies
  • Drupal 7
  • @font-face
  • CKEditor
  • Google Analytics
  • jQuery
  • Mollom
Neat Method | HomeNeat Method | AboutNeat Method | GalleryNeat Method | Gallery OverlayNeat Method | BlogNeat Method | Share
Focus Materials: homepageFocus Materials: homepage
Focus Materials
Focus Materials
June 20, 2011
Intro

Focus Materials is an architectural supply company with an innovative new line of products to incorporate solar energy into the very fabric of buildings. They were looking for a clean, modern site to showcase thier products, as well as supporting materials to create a cohesive brand identity.

The website was constructed in Drupal 7 with extensive use of the theme-able Views module. Many jQuery snippets were created to allow for the various animated scrollables to be linked directly to specific slides. The different scrollables and slideshows were all adapted from standard jQuery plugins.

We also developed a logo style guide, a line of product brochures, company business cards, and a custom powerpoint template.

Technologies
  • Drupal 7
  • PHP
  • MySQL
  • Javascript
  • CSS 3
  • @font-face
  • CKEditor
  • jQuery
Focus Materials: homepageFocus Materials: homepageFocus Materials: product overviewFocus Materials: product features & benefitsFocus Materials: product photosFocus Materials: multi-trade solution
Clean Path | HomeClean Path | Home
CleanPath
CleanPath
June 15, 2011
Intro

In another collaboration with Fritz Design, fourfightingfoxes converted the provided design layouts into a fully functional website built on the Drupal 7 platform. This site incorporates various custom jQuery animations and dynamic content visibility settings.  The news section is structured with a category hierarchy and a mini featured content aggregator page that automatically updates with the latest content from each category.

Technologies
  • Drupal 7
  • @font-face
  • CKEditor
  • jQuery
Clean Path | HomeClean Path | ExperienceClean Path | News