June 1, 2012
[+] show project details
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
|
May 27, 2012
[+] show project details
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
|
February 3, 2012
[+] show project details
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
|
December 8, 2011
[+] show project details
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
|
November 24, 2011
[+] show project details
Intro Chloe Rose Boutique is now a fully functional online store built on the Drupal platform using Ubercart as the shopping cart software. Since the launch of the original website, we have been working closely with Chloe Rose to develop this additional functionality and greatly expand their online offerings. Here are some of the major upgrades that have recently been added:
- Product catalog with category sorting, product size attibutes, color options, multiple images with CloudZoom, descriptions, and optional sale prices.
- Ajax product navigation with multiple filtering and ordering options.
- Shop this look features with interactive slideshows, product groupings, and multi-product add-to-cart functionality.
- Credit card payment processing for Visa, Mastercard, Amex, and Discover.
- Wishlist functionality for registered and non-registered users.
Technologies - @font-face
- CKEditor
- Google Analytics
- jQuery
- Mollom
- eCommerce
- Drupal 6
|
November 4, 2011
[+] show project details
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
|
October 4, 2011
[+] show project details
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
|
September 14, 2011
[+] show project details
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
|
June 20, 2011
[+] show project details
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
|
June 15, 2011
[+] show project details
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
|
|
|