St. Louis Blues Pocket Schedule
OVERVIEW
The Saint Louis Blues Pocket Schedule is normally a small folded up piece of paper that you can pick up around town and keep in your back pocket. Since the paper schedule is usually lost or washed with in a few days we thought it might make sense to bring it to life converting it into a digital mobile website. I was given just a couple days to get it going.
DETAILS
Because of the quick turnaround I choose the easy to use framework jQuery Mobile. This allowed fast production and easy coloring by creating a jQuery Mobile Swatch. Since jQuery Mobile is still in beta I ran into a few hiccups but got through them quickly. I look forward to the full version of jQuery Mobile and also learning other frameworks such as Sencha Touch.
I recommend pulling this up on your mobile device of course. =)
VIEW MOBILE WEBSITE →
The Meeting Guru
OVERVIEW
This website is part of a campaign for the St. Louis Convention & Visitors Commission to promote St. Louis as the place to have your company or organization’s events. The campaign used mass transit takeovers, in-person appearances, e-blasts, posters and more. These ads were responsible for driving meeting planning attendees to the Guru’s website.
DETAILS
Working close with Art Director Jon Hansen, at Hoffman Lewis, I helped bring his creation to life on the web using only HTML, CSS, jQuery and a small amount of PHP. I was also responsible for creating a mobile version of this site.
VIEW WEBSITE →
McDonald’s FFL
OVERVIEW
I took the original static McDonald’s Fast Friendly League website and made it fully CMS driven allowing anyone to manage it.
DETAILS
The original static site took a Hoffman Lewis employee over 2 hours to add new scores each week. I found this to be one of the biggest issues and could be solved by having the server do all the number crunching. I worked close with a freelancer who produced an excel uploader which also does all the math needed to get the final results. Now the stats take less than a couple mins to upload which saves the company many hours over the life of this website.
Please note: some pages on this site have information not available to the general public and are password protected.
VIEW WEBSITE →
McDonald’s Oatmeal
Sorry but you need Flash Player in order to view this interactive web banner
OVERVIEW
I was given the chance to build a fully interactive game in a banner ad. With the arrival of McDonald’s new oatmeal menu item Hoffman Lewis came up with the idea to create a game similar to Tetris or Bejeweled. This was a very fun project to work on. Oh and did I mention this banner is only 40K.
Holiday Sock Hop Game
OVERVIEW
Provide the St. Louis CVC with a fun interactive holiday e-card. This was one of the most excited projects I got to work on at Hoffman Lewis in 2010. The client loved it and we all had fun playing. Try it yourself.
Ice Breakers Mobile
OVERVIEW
The Missouri Division of Tourism holds an annual Governor’s Conference on Tourism every year here in St. Louis.
State senators, city tourism officials, vendors, exchange ideas on how to boost travel to and within the state.
There’s a lot of time between events for standing around and making small talk. To facilitate people getting to know each other, this mobile web app (promoted via customized packs of gum) was put together full of random fun facts about Missouri.
DETAILS
This was my first stab at a website geared towards smart phones (specifically iPhones and Androids phones). The site was built using HTML5 along with CSS3 and jQuery. It features the latest technology in mobile development including device orientation. When the phone is turned the site loads a new css file which updates the display to best suit the current view (portrait or landscape).
I also built an admin section for this website which also targets mobile devices. For this I used a jQuery plugin called jQTouch. Unfortunately I cannot share this link.
Sorry but this site is no longer available to view.
Entech Creative
OVERVIEW
Entech Creative was in need of a fresh online presence. As an industry leader Entech needed to show their quality work and prove their safety giving potential clients confidence.
DETAILS
Designed and directed the creative. The site utilizes headings that are converted to Flash objects, a fully customized WordPress theme, and a customized SlideShow Pro portfolio with director cms tool.
VIEW WEBSITE →
(note: client has made many changes since original launch.)
Amy Guip Photography
OVERVIEW
Amy Guip, a photographer known for her collages and rich colors, was looking for someone to update her full Flash website.
DETAILS
Supplied with the designs by Amy my part was to take her designs and make them animate and flow together in Flash. Her portfolio is a highly customized SlideShow Pro component connected to a director CMS. The CMS gives her full control of her portfolio allowing her to add images, video, albums, and the ability to setup a password protected gallery for a specific client. Her site also includes a newsletter sign up form. When someone enters their info it is automatically added to the newsletter database.
3M Face of Innovation
OVERVIEW
I worked close with a creative agency to build this interactive Flash video wall. Currently it runs on an LCD touch screen at 3M’s Innovation Center which introduces visitors to the people of 3M. The center has hosted more than 14,000 visitors and 285 events the first year it opened.
DETAILS
The Face of Innovation application introduces you to randomly chosen people currently working at 3M. Both applications can be viewed in 8 different languages which can be changed on the fly.
3M Legacy of Innovation
OVERVIEW
I worked close with a creative agency to build this interactive Flash video wall. Currently it runs on an LCD touch screen at 3M’s Innovation Center which introduces visitors to the people of 3M. The center has hosted more than 14,000 visitors and 285 events the first year it opened.
DETAILS
The Legacy application allows you to browse past and present innovators and learn what technologies they developed in 8 different languages.
+