I specialize in web development, and building solutions that are both functional and elegant. I collaborate with several design agencies and independent designers to deliver the work you see below. I invite you to learn more about me and contact me if you need help on a project.
Showcasing the world's newest real estate
Allur is a startup geared towards providing a central source for new real estate developments around the world. The front end is mainly for consumers to find a new place to live, or find potential investment properties. Tucked away from the general public is a full custom built CMS system for real estate developers & marketers to create manage, and promote their developments and company as a whole. The showroom/company pages are created via a drag and drop interface, allowing users to drop photos, add content, and reorder widgets at their leisure.
Have a look, it is an ever evolving platform and new features are being pushed out almost daily. It is still a beta platform, so be sure to give us feedback as well!
Sid Dickens was one of the largest projects I have taken on (solo) to date, and employs a huge amount of custom code and modules. One of the biggest and most rewarding sections of the site for me to build was the social Tile Gallery tool. It allows users to select products from the site, and arrange them on a virtual wall. Dragging and dropping the user can position the products, and upon dropping, it stores the location in the database. Once the user has finished positioning all their tiles, they can name the gallery, give it a description, and publish it for the world to see. The galleries are then listed in the community section where other users can view, and add all the tiles on the wall to their cart in 1 click. Perfect for when someone does not know what they want until they see it. Another social aspect of the site is the Tales & Tributes, which is an custom advanced commenting system, allowing users to add their own stories and memories about a specific tile. Other sections include a blog, a retailer search, and a retailer only section of the site, to name a few.
Adam Blasberg Photography
Simplicity is key on the Adam Blasberg Photography site. Showing no more than some simple branding, and some amazing photography. The user is first presented with scaled photos, upon click, the collection expands to reveal other images in the set, as well as a larger view of the initial photo. When a collection is opened, it changes it's z-index and appears over top of the other collection in the same row. From here the user can either close the collection, or view more detail shots of the collection. The site is running on a modified version of my project framework, and uses jQuery for it's collection animations.
Vancouver Shoe Startup
Taking inspiration from quite a few flash sites, Mark created a simple, yet functional design to emphasize the new Native Shoes. With usability, and web standards in mind, I created the base using XHTML + CSS, running on Drupal for content management. Using a combination of Taxonomy, CCK, Views, and a boat load of custom code, I created an easy to manage product catalogue, with built in Ubercart integration, to allow purchasing of shoes online.
Upon first arriving at the site, you are presented with large photos, linked to various sections around the site. The site includes many special rollover states, adding large photos and text on hover. Clicking an individual product brings the user to a horizontally scrolling view of product colours, and allows the user to see all the colours that product is offered in. After choosing a colour, the user is presented with a 360˚ rotation of the shoes, which works with a hover interaction.
The new 2010 gloves collection.
Partnering up with Free Agency Creative, I produced this and Arc'teryx Base Layers in under a weeks time. These mini sites were mainly created to help the sales reps communicate the advancements of each offering to buyers across the continent. With the use of Arc'teryx supplied photography, we were able to integrate some pretty snazzy interactions & animations. 360˚ product images allowed us to showcase certain parts of the gloves, while supplying clean animations from section to section. This also allowed the end user to view and interact with the product. The tab at the bottom opens up to display the full product catalogue, with more information regarding the specific product lines.
Arc'teryx Base Layers
The 2010 Base Layers Collection.
Partnering up with Free Agency Creative, I produced this and Arc'teryx Gloves in under a weeks time. These mini sites were mainly created to help the sales reps communicate the advancements of each offering to buyers across the continent. Base Layers consists of a simple intro animation, which leads into a product selector. You can view information regarding the 3 types of base layers, including a animation which illustrates how the Phasic products work. The tab at the bottom opens up to display the full product catalogue.
BC Council for Families
Helping BC Families
Built on Drupal, the new BCCF site allows their internal team to update and manage their website and the events & programs listed. Using CCK & Views, the site content is populated based on the published content. Using CiviCRM, BCCF is able to manage their contact database, as well as have users sign up for events directly on the site. Ubercart is also configured, and used to sell informative publications online.
Home for the Games
2010 Vancouver Olympics house sharing project.
Using Drupal at its core, Home For The Games is one of the most customized Drupal sites I have ever built. With more than 30 different contributed modules, and a purchasing/property creation module built from scratch integrated with Paypal. The use of jQuery, and a customized jQuery date picker, allows for quick and easy tagging of available dates. Home For The Games allows hosts/homeowners to create a profile, and allows a visitor to book individual days to stay. You can learn more about the systems that operate HFG on my blog post.
Christopher Bates for Ultra
Menswear Fashion. Vancouver based, Milan trained.
The Christopher Bates site was created in Flash, and sports an XML backend for easy updates. Background images are loaded at run time, and in random shades, which means the foreground interface colours need to change on the fly. The site grows and shrinks depending on the browser window, upon which everything repositions.
Seven25. Design & Typography Inc.
Vancouver Designer, Isabelle Swiderski
Vancouver based Fashion Designer.
Real Estate Development in South Surrey, BC
Beat Global Heat
With almost 2 months of build time alone, this project was a hefty one. Running Drupal as a back end CMS, along with the integration of about 30 different modules, the site eventually came together with quite a bit of modification to the CMS. Using a not so standard layout was one of the biggest challenges in getting everything to play nice, but with the help of CCK, custom templates, and a whole lot of CSS, they all managed to eventually meld into one clean product. To add to the slickness, SIFR is used for menu items, as well as column headers.
Free Agency Creative
Vancouver based Interactive and Branding Design Firm.
XML powered, with a slick Flash front-end, and a 100% custom built PHP/MySQL CMS. There are so many features included in this site, it's hard to write just about a few of them. A very well rounded, simple, clean interface really brings this site together.
Internation Shipping Containers.
Columbia Containers was built with XHTML 1.1, CSS, & Flash on top of a project framework that I have been developing over the last few years. The main navigation was created in Flash so we could delay the load of the new page until the animation completes. The current page is passed into the menu, and the current section is set dynamically. The navigation also has a strictly XHTML + CSS + image representation if the Flash plugin is not available. Expandability was key while building the site. Content amount or even font size (when changed in the browser) don't destroy the design, everything flows with it. Chris Hold created the animation behind the navigation on the homepage, as well as the process animation.
Lake City Centre
Commercial Office Space With a Residential Sales Twist
Tara Parker Tait PR
Public Relations Firm in Vacouver
Built in flash, with a reduced content/design version in XHTML for users without the plugin. After working on the design with Tak for a few weeks, it was finally ready to transfer over to an interactive state. In just under 2 weeks, the site was built and ready for a launch. A week later, phase two was rolled out, which included a basic cms system for updating the site. The site is visually pleasing, it allows for resizing to any browser size without loosing its form or navigation. The site is based off of an underlying, but sometimes hidden grid system.