Ryan Ilg

Creative Design

778.228.9562

creative + {at} + ryanilg + [dot] + com

Ryan Ilg Icon Feed Icon Firefox Icon Dreamhost Icon Linked In icon

Html Code

Services

Ryan Ilg provides freelance interactive design & development services.

A few of the services I provide are:


Timeline Calendar

Freelance

At this time I am currently not accepting any new contracts, but feel free to contact me if you have any questions or comments.

Current Availability: Mid May / June


me!

About Me

I am a 23 year old interactive developer based out of Vancouver, Canada. As with most coders, I am mainly self taught. I pretty much live, eat, and sleep code. I am constantly pushing my boundaries to new levels, you can’t learn if you don’t try.

Be sure to check out my blog from time to time. I update it fairly often with whats going on in my life, new projects that are not included on my portfolio, as well as project updates.


Screenshot of Free Agency Creative

Free Agency Creative

Vancouver based Interactive and Branding Design Firm

XML driven, Flash front-end, 100% custom built PHP/MySQL CMS. I developed an image queue system to speed up loading, as a page is called, all the images on the page are added to the queue system, then loaded one at a time. This speeds loading by not allowing the site to load multiple images at once, thus slowing down the process of seeing any of the images. With so many features, I could not mention them all, but you can read more about them on the blog entry about this project.


Screenshot of Columbia Containers

Columbia Containers

Vancouver to Asia Shipping Company

Columbia Containers was built with XHTML 1.1, CSS, & Flash on top of a project framework that I have recently been developing. The main navigation is created in Flash, and replaced with an exact CSS + image representation if the plugin is not present. 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.


Screenshot of Lake City Centre

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 floorplan/view engine. LCC is valid XHTML 1.1.


Screenshot of GoldFish Pacific Kitchen

GoldFish Pacific Kitchen

High End Dining

GoldFish Pacific Kitchen runs off a highly modified version of wordpress, mainly for its ease of use to update content. To keep with the style of the brand, certain text is replaced with server generated graphic equivalents, which does not interfere with search engine optimization. There are a few little tricks going on in the backend also. Pages like the team are generated using child pages, which are each individual person, the nav and page jumps are automatically generated based on the persons name. Another XHTML 1 strict site.


Screenshot of Mod7 Headlines

Mod7 Headlines

A module that pulls news based on current date

To celebrate mod7's 7th aniversary, they decided to bring back the viral news headlines they created 7 years ago. I was contracted to do a php/css/javascript based module that pulls headlines and images from a already pre-definded folder structure and display the information in a organized manor. On first visit, it will get an upcoming headline (the headlines were not published everyday, so there were large gaps in the file ordering), the system automatically compensates and gets the next one in line. It also allows you to choose a date, and send any headline to a friend.


Screenshot of Tara Parker Tait PR

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.


Screenshot of tdSwansburg Design Studio

tdSwansburg Design Studio

Vancouver based Interior Design/Decor

With a simple, clean aesthetic in mind, I designed tdSwansburg  to use Flash as a basis for construction (as per the client's request). The content & images are loaded into flash with XML, and stored for later use. When pages are called, the content can be added to the stage without having to load extra XML documents. The audio clip at the beginning was written by Preston Ryback (which was also inserted as per client request).


Screenshot of Blueprint Fundraising

Blueprint Fundraising

A site designed by Isabelle over at seven25 design. 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.


Screenshot of Cogneto 2.0

Cogneto 2.0

User Authentication Systems

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.


Screenshot of Sungod Physiotherapy

Sungod Physiotherapy

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.


Screenshot of Cogneto Teaser

Cogneto Teaser

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.


Screenshot of You Say Party, We Say Die!

You Say Party, We Say Die!

Vancouver Area Punk Band

The turn around on this project was pretty quick, coming in at just under two days. As you jump from section to section, the site comes alive. City blocks and stars move around horizontaly as new xml content is loaded from the cms. This site is built in flash.


Screenshot of Synergy @ Dockside Green

Synergy @ Dockside Green

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.


Screenshot of Stella

Stella

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 neighborhood 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.


Screenshot of The Cottages on SaltSpring

The Cottages on SaltSpring

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 SaltSpring Island.


Screenshot of EMD-Nine Grad Site

EMD-Nine Grad Site

Langara College New Media Program

Created for the electronic media design nine grad class (which I was part of). Using Flash, all the images are loaded in dynamically based on data from an XML document. When you click on a picture it zooms in to the individual to show you more information about them. When zoomed in, you can click on other people who are visible to reposition and see their info, and anywhere on the white to zoom back out. This site was not meant to be anything extra ordinary, with only a day and a half turn around time, it was launched long before expected.


Screenshot of Pin-Up Hair

Pin-Up Hair

Vancouver based Hair Designer

As one of my favorite clients, 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 asthetic 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.


Screenshot of Daggermouth

Daggermouth

Vancouver based Punk Band

Daggermouth uses PHP to load data saved by blogging software to the server. That way the site could be easily updated with out the need for Cody or I to have to add the new content.