Ryan Ilg { Selected Works }

Allur

ryanilg — Wed, 15 Aug 2012 21:24:32 +0000

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!

Programming:

Ryan Ilg, Lee Jarvis

Designer:

Cody Curley

allur.com

Time Window:

March 15, 2012 - August 15, 2012

Sid Dickens

ryanilg — Tue, 01 Feb 2011 02:18:02 +0000

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.

Programming:

Ryan Ilg

Designer:

Lift Studios

siddickens.com

Time Window:

October 15, 2010 - March 15, 2011

Adam Blasberg Photography

ryanilg — Thu, 03 Jun 2010 16:39:35 +0000

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.

Programming:

Ryan Ilg

Designer:

Free Agency Creative

adamblasberg.com

Time Window:

May 7, 2010 - May 25, 2010

Native Shoes

ryanilg — Mon, 08 Feb 2010 23:59:55 +0000

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 (coming soon).

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.

Programming:

Ryan Ilg

Designer:

Mark Gainor

nativeshoes.com

Time Window:

November 25, 2009 - March 30, 2010

Arc'teryx Gloves

ryanilg — Fri, 15 Jan 2010 21:07:31 +0000

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.

Programming:

Ryan Ilg

Designer:

Free Agency Creative

gloves.arcteryx.com

Time Window:

November 2, 2009 - November 10, 2009

Arc'teryx Base Layers

ryanilg — Fri, 15 Jan 2010 21:03:50 +0000

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.

Programming:

Ryan Ilg

Designer:

Free Agency Creative

baselayer.arcteryx.com

Time Window:

November 2, 2009 - November 10, 2009

BC Council for Families

ryanilg — Tue, 01 Dec 2009 21:30:46 +0000

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.

Programming:

Ryan Ilg

Designer:

DesignStamp

bccf.ca

Time Window:

April 1, 2009 - October 1, 2009

Home for the Games

ryanilg — Sun, 16 Aug 2009 07:00:00 +0000

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.

Programming:

Ryan Ilg

Designer:

Seven25. Design & Typography Inc.

Archived Version

Time Window:

June 1, 2009 - August 12, 2009

Nucleus Networks

ryanilg — Mon, 27 Jul 2009 07:00:00 +0000

Network & Web Hosting Solutions located in Vancouver.

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

Programming:

Ryan Ilg

Designer:

Free Agency Creative

Archived Version

Time Window:

February 23, 2009 - March 15, 2009

Christopher Bates for Ultra

ryanilg — Thu, 12 Feb 2009 08:00:00 +0000

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.

Programming:

Ryan Ilg

Designer:

Kolke Creative

Archived Version

Time Window:

January 19, 2009 - February 12, 2009

Seven25. Design & Typography Inc.

ryanilg — Fri, 23 Jan 2009 08:00:00 +0000

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.

Programming:

Ryan Ilg

Designer:

Seven25. Design & Typography Inc.

Archived Version

Time Window:

December 12, 2008 - January 23, 2009

Plenty

ryanilg — Wed, 12 Nov 2008 08:00:00 +0000

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.

Programming:

Ryan Ilg

Designer:

Sonja Schneider

getplenty.com

Time Window:

October 2, 2008 - November 12, 2008

Dace

ryanilg — Wed, 10 Sep 2008 22:45:54 +0000

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.

Programming:

Ryan Ilg

Designer:

Matt Penner

dace.ca

Time Window:

June 20, 2008 - September 10, 2008

Morgan Crossing

ryanilg — Thu, 28 Aug 2008 07:00:00 +0000

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.

Programming:

Ryan Ilg

Designer:

Free Agency Creative

Archived Version

Time Window:

July 21, 2008 - August 28, 2008

Frontier Dental

ryanilg — Mon, 30 Jun 2008 07:00:00 +0000

High-end North American Dental Company

Using a mixture of XHTML, Javascript, and Flash, I pulled together TBWA Vancouver's designs into a total functioning package. Upon loading up the site for the first time, you are confronted with an intro, which is actually loaded on top of the XHTML structure. When the two second intro is finished, it disappears and gives access to the XHTML site below. Using Flash, before and after photos can be easily browsed, and blown up with the click of a button. If the Flash plugin is not available, the same tools are provided in an XHTML + CSS version, but just lack the animations.

Programming:

Ryan Ilg

Designer:

TBWA Vancouver

frontierdentallab.com

Time Window:

March 15, 2008 - June 30, 2008

ryanilg — Wed, 06 Sep 2006 07:00:00 +0000

Running on a custom install of Wordpress, this site supplies the client with an easy way to update her site and blog. Wordpress had to be fully modified in order to do a lot of what was asked for. Along with Blueprint Fundraising, thefundit.com was affected. 2 sites came together to become one installation of Wordpress. The fundit blog uses its own skin, and the rest of the site is styled by another.

Programming:

Ryan Ilg

Designer:

Seven25. Design & Typography Inc.

Archived

Time Window:

August 1, 2006 - September 5, 2006

Cogneto

ryanilg — Fri, 25 Aug 2006 07:00:00 +0000

User Authentication Software

Building on the core foundation of their authentication system, I built the Cogneto site with a full cms which uses an advanced user tracking module to deliver user specific content (right down to a single world, even in the middle of a sentence) to its viewers. They create logins for clients, and give them extra content based who they are. Using an underlying login system, which works for both clients, and administrators, Cogneto is able to modify content as they see fit.

Programming:

Ryan Ilg

Designer:

Free Agency Creative

Archived

Time Window:

July 15, 2006 - August 20, 2006

Sungod Physiotherapy

ryanilg — Fri, 28 Apr 2006 07:00:00 +0000

Sports Physiotherapy

An Identity package was designed by Tak and Kristin at Free Agency Creative, then morphed into a wicked site design by Tak. Once again I was given static mock ups, which I transformed into a full featured vector site. My favourite part is the team section, where I decided to create 3d transitions for the front to back flip of the cards.

Programming:

Ryan Ilg

Designer:

Free Agency Creative

sungodphysio.com

Time Window:

April 14, 2006 - April 26, 2006

Cogneto Teaser

ryanilg — Sat, 22 Apr 2006 07:00:00 +0000

User Authentication Software

Cogneto is a company with a revolutionary new way of authenticating users. Built in Flash, with an accompanying XHTML version for those without the plugin. I took the static designs from Free Agency Creative, and added my own twist, taking it to a whole new level with stylish animations, that complement the look and feel of the site. Since Cogneto 2.0 has launched, this site has been archived.

Programming:

Ryan Ilg

Designer:

Free Agency Creative

Archived

Time Window:

April 20, 2006 - April 21, 2006

Synergy @ Dockside Green

ryanilg — Sat, 05 Nov 2005 08:00:00 +0000

10 Year Condo/Community Development in Victoria

A simple HTML/CSS site built on a PHP structure to allow for easy updating of the content. Integration of flash modules throughout the site give the user more interaction and information. The site included a floor plan engine, which gives users the ability to view building floor plans, and download accompanying PDF versions.

Programming:

Ryan Ilg

Designer:

Free Agency Creative

Archived

Time Window:

October 22, 2005 - November 4, 2005

Stella

ryanilg — Wed, 12 Oct 2005 07:00:00 +0000

Vancouver Condo Development

I built the structure of the site using HTML/CSS, & PHP in the back end for easy updates. Using Flash, I constructed the neighbourhood map, which allows users to check out whats around the condo development by surfing the categories. As the map repositions, it will automatically let you know where Stella is if it leaves the viewable area. Also in flash, I built a view engine, which give users the ability to see panoramas from various floors of the condo, as well as suite numbers so users can see their potential view before taking the plunge.

Programming:

Ryan Ilg & Randy Walton

Designer:

Free Agency Creative

Archived

Time Window:

September 15, 2005 - October 10, 2005

The Cottages on SaltSpring

ryanilg — Thu, 15 Sep 2005 08:00:00 +0000

Cottage Development near Victoria Island

Using HTML, CSS, & PHP, we created the site in a way which would allow Flash to overtake the content area. One area which did so was the floor plan engine. Built in Flash (by me), using data supplied by XML, the view engine allows users to look around an aerial view of the cottage development, and see more information about specific cottages. Information like the floor plan, square footage, prices, and even availability. Another module built in Flash, allows users to see where amenities are located on Salt Spring Island.

Programming:

Ryan Ilg & Chris Hold

Designer:

Free Agency Creative

Archived

Time Window:

August 25, 2005 - September 13, 2005

Pin-Up Hair

ryanilg — Sat, 30 Jul 2005 08:00:00 +0000

Hair Design, created by Vancouver native, Jimmy Lapointe.

Jimmy gave me full creative freedom when I designed his site. Taking inspiration from older promo material, and new stationary designed by Don Williams, I created a design which mixed the pin up girl aesthetic with the modern colour theme and logo. Over all, the design was very well received by the target audience. Created using HTML (do to the lack of a PHP enabled server), & CSS. The site is no longer online, as Jimmy has moved on to bigger and better things, but I have included a link to an archived version.

Programming:

Ryan Ilg

Designer:

Ryan Ilg

Archived

Time Window:

July 5, 2005 - July 29, 2005