Selected Works

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.

Allur Preview

Allur

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!

Designer
Cody Curley
Programming
Ryan Ilg, Lee Jarvis
Time Window
2012.03 - 2012.08
Tools
Link
allur.com

Portfolio Image

Sid Dickens

Collectable Tiles

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.

Designer
Lift Studios
Programming
Ryan Ilg
Time Window
2010.10 - 2011.03
Tools
Link
Archived Version

Portfolio Image

Adam Blasberg Photography

Vancouver Photographer

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.

Designer
Free Agency Creative
Programming
Ryan Ilg
Time Window
2010.05 - 2010.05
Tools
Link
adamblasberg.com

Portfolio Image

Native Shoes

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.

Designer
Mark Gainor
Programming
Ryan Ilg
Time Window
2009.10 - 2010.02
Tools
Link
Archived Version

Portfolio Image

Arc'teryx Gloves

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.

Designer
Free Agency Creative
Programming
Ryan Ilg
Time Window
2009.10 - 2009.10
Tools
Link
Archived Version

Portfolio Image

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.

Designer
Free Agency Creative
Programming
Ryan Ilg
Time Window
2009.10 - 2009.10
Tools
Link
Archived Version

Portfolio Image

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.

Designer
DesignStamp
Programming
Ryan Ilg
Time Window
2009.03 - 2009.09
Tools
Link
bccf.ca

Portfolio Image

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.

Designer
Seven25. Design & Typography Inc.
Programming
Ryan Ilg
Time Window
2009.05 - 2009.08
Tools
Link
Archived Version

Portfolio Image

Nucleus Networks

Network & Web Hosting Solutions located in Vancouver.

Built fully with XHTML & CSS & powered by my own custom web site framework,

Designer
Free Agency Creative
Programming
Ryan Ilg
Time Window
2009.02 - 2009.03
Tools
Link
Archived Version

Portfolio Image

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.

Designer
Kolke Creative
Programming
Ryan Ilg
Time Window
2009.01 - 2009.02
Tools
Link
Archived Version

Portfolio Image

Seven25. Design & Typography Inc.

Vancouver Designer, Isabelle Swiderski

Using Drupal 6 with a handful of modules. It's standards compliant as well as backwards compatible. Project images are dynamically loaded via jQuery (Javascript) and displayed to the user without reloading an entire page. If the user happens to have Javascript turned off, the site still functions as properly by loading images with a fresh server call.

Designer
Seven25. Design & Typography Inc.
Programming
Ryan Ilg
Time Window
2008.12 - 2009.01
Tools
Link
Archived Version

Portfolio Image

Plenty

Plenty Boutique Clothing Stores in Vancouver

I had the pleasure of working with Sonja Schneider again on yet another Drupal project. Using an already existing install of Drupal, I was in charge of building a new skin, adding new sections, and providing additional functionality. Using a mix of XHTML, CSS & jQuery(Javascript). The new Plenty site adds a slew of new features, all of which built on standards based code. The site degrades on older browsers, but provides a slick interface for the users that keep up to date.

Designer
Sonja Schneider
Programming
Ryan Ilg
Time Window
2008.10 - 2008.11
Tools
Link
getplenty.com

Portfolio Image

Dace

Vancouver based Fashion Designer.

Dace (d a c e) is a local fashion designer. I used XHTML with CSS and Javascript (Lightbox, SWFObject and sIFR) to build the templates, which run on the Shopify CMS system. Shopify is a great online sales system which allows you to create you own templates from scratch, so there are no restrictions when it comes to implementing a great design over organized, standards based code. The online store allows users to purchase items online, and provides an easy way for Dace to add new products every season. The site has a clean, simple design, accompanied by stunning photography, all of which was brought together by Matt Penner.

Designer
Matt Penner
Programming
Ryan Ilg
Time Window
2008.06 - 2008.09
Tools
Link
dace.ca

Portfolio Image

Morgan Crossing

Real Estate Development in South Surrey, BC

Drupal was once again used for this large site of floor plans, flash modules, and all around real estate goodness. Using jQuery and Javascript onto of XHTML base, allowed us to give the user a more fluid experience, while still allowing it to degrade gracefully (so it still works for people without js). Animations and on the fly loading allows users to view photo galleries on any page, in a large format. Giving the user a great experience into buying at Morgan Crossing.

Designer
Free Agency Creative
Programming
Ryan Ilg
Time Window
2008.07 - 2008.08
Tools
Link
Archived Version

Portfolio Image

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.

Designer
Seven25. Design & Typography Inc.
Programming
Ryan Ilg
Time Window
2008.04 - 2008.06
Tools
Link
Archived Version

Portfolio Image

Columbia Containers

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.

Designer
Free Agency Creative
Programming
Ryan Ilg & Chris Hold
Time Window
2007.06 - 2007.08
Tools
Link
Archived Version

Portfolio Image

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.

Designer
Free Agency Creative
Programming
Ryan Ilg
Time Window
2007.03 - 2007.10
Tools
Link
Archived Version

Portfolio Image

Lake City Centre

Commercial Office Space With a Residential Sales Twist

The main attraction here is the location map, using a new system I built from scratch, all the map points/list items are named, coloured, and positioned based on the information loaded from an XML document. The site uses Flash modules to present visuals and navigation, but in the case where there is no Flash/Javascript detected, static images and text links take their place to keep content accessible to everyone, including search engines. Other highlights include a simple floor plan/view engine.

Designer
Free Agency Creative
Programming
Ryan Ilg
Time Window
2007.04 - 2007.05
Tools
Link
Archived Version

Portfolio Image

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.

Designer
Free Agency Creative
& Ryan Ilg
Programming
Ryan Ilg
Time Window
2007.03 - 2007.03
Tools
Link
taitpr.com


© 2012 Ryan Ilg Creative Design.

@ryanilg | +778.228.9562

Built on Drupal with valid HTML, CSS, XML using Textmate.
Hosted by Dreamhost.

RI

Feeds