Get in touch — matt@mattsaintg.com | 857.204.2962
Matt St. Gelais, Art Direction / Design / Digital Strategy / Development — Portland, OR.
Boulder Digital Works
Website & Application Process Design
View Project
Close Project
Project Overview—
Boulder Digital Works is one of the most progressive digitally-focused graduate programs in the world and it needed its website to reflect that. The digital landscape is in a state of constant change so we created a website that changes with it.
We developed a bookmarking system that we gave to all BDW community members, asking them to tag inspiring sites that they feel represent everything from the most cutting edge digital creative work to the latest business trends. These tagged sites then become the BDW homepage. A custom facebook commenting system allows site visitors to add their own comments — further extending the reach of this growing community. We also completely reinvented their application process, essentially doubling their applicant pool in a matter of weeks.
Credits—
- AgencyModernista!
- RoleArt Direction & Design
- Linkhttp://bdw.colorado.edu
Awards & Recognition—
- One Show Interactive, Finalist - Interface Design
- One Show Interactive, Finalist - Public Service/ Non-Profit
- FWA Shortlist.
fig.1 Boulder Digital Works Case Study
fig.2 Inspiration Site Home
fig.3 Inspiration Site About
fig.4 Tagged site view
Showtime – Dexter ARG
Alternate Reality Game Digital Campaign
View Project
Close Project
Project Overview—
We won the challenge with the idea of creating a “summer reading project for the iPad generation.” Telling a new story that was inspired by the mind of Dexter, but completely original, we used any media that was appropriate to move the story along, to hide clues, to create suspense, and to entertain.
Kicked off with a live murder scene at the 2010 San Diego Comic-Con, the game unfolded into a full-blown immersive transmedia experience. We followed a serial killer, dubbed The Infinity Killer, and assisted ex-FBI agent Dee “Serial Huntress” Pratt, in using crowd-sourced crime fighting to track him down.
The two characters engaged players across two main sites (sleepsuperbly.com and serialhuntress.com), as well as countless microsites, social media profiles, mobile components, and real-world locations. The outcome of the game was actually determined by player participation, and elements from the ARG appeared in the new season of DEXTER.
Credits—
- AgencyModernista!
- RoleArt Direction & Design
- Linkhttp://serialhuntress.com
- Linkhttp://messuausedauto.com
- Linkhttp://hunterprey.com
- Linkhttp://www.mentissanitarium.com
fig.1 Serial Huntress Homepage
fig.2 Serial Huntress blog
fig.3 Serial Huntress dossier
fig.4 Serial Huntress dossier vidence detail
fig.5 Messua Used Auto
fig.6 Messua Used Auto detail
fig.7 Hunter Prey blog
fig.8 Mentis Sanitarium
Showtime – Dexter GameOn
Digital Campaign
View Project
Close Project
Project Overview—
Dexter Game On was a microsite that we created to run during Comic-Con San Diego. Users were encouraged to upload photos of themselves with the iconic Dexter cheek slash and to participate at Comic-Con by completing a Dexter themed SCVNGR trek. Each action represented a "kill" which we added to the site counter. Reaching a predetermined number of kills resulted in the unlocking of an exclusive trailer hinting at what was in store for season 5.
Credits—
- AgencyModernista!
- RoleArt Direction & Design
- Linkhttp://dextergameon.com
fig.1 Dexter Game On Design concept
Product (RED)
Interactive Window Installations
View Project
Close Project
Project Overview—
As part of the (RED) Holiday Campaign that launched on World Aids Day we created custom interactive window displays for the 5th Avenue pop-up shop on Broadway in downtown Manhattan. Interactive snowfall within the displays slowly accumulated to build the "Give (RED) Save Lives" message. The snowfall reacted to the movement of passers by - allowing them to interact with and affect the snowfall in realtime.
Credits—
- AgencyModernista!
- RoleConcept, Art Direction, Design, Interaction Design
fig.1 Interactive snowfall concept design
fig.2 "One Color Unites Us"" shadow concept design
fig.3 Interactive installation
fig.4 Interactive snowfall detail
fig.5 Interactive snowfall detail
fig.6 Interactive snowfall logo build
fig.7 Interactive snowfall logo build
fig.8 Interactive snowfall logo build
fig.9 Interactive snowfall logo build
fig.10 Interactive snowfall desolve
Nickelodeon
The Big Help Clubhouse
View Project
Close Project
Project Overview—
Nickelodeon wanted to introduce the “The Big Help” to a new generation of kids. Philanthropy and social action is everywhere and accessible for adults, yet no-one has really given children an avenue into ownership or enabled kids to contribute on their terms. Primary research showed us that kids have an innate desire to help, they just don’t know how. We combined their love for online gaming and their desire to help by developing a multi-platform approach that meshes the real world and virtual world together — KIDS ON A MISSION, a community based game that is fueled by real world actions.
Credits—
- AgencyModernista!
- RoleConcept, Art Direction, Motion Design
- Linkhttp://thebighelp.com
fig.1 The Big Help Experience Case Study.
fig.2 The Big Help Education Space.
fig.3 The Big Help Service Space.
fig.4 The Big Help Service Space awards — Volunteer Vest, Smiley Orb, Rescued Kitten, and Big Help Party.
fig.5 The Big Help Service Space Champion Status award - A Big Help Themed Beach Party.
fig.6 The Big Help Education Space awards &mdash. Varsity Jacket, Book Shelf, Legit Locker, and Brainiac. Peep that hat and RUN DMC glasses!
fig.7 Learn what you can to start serving.
fig.8 The Big Help Service Space actions detail.
fig.9 Complete actions, win virtual gear.
fig.10 VW Microbus rocking a surfboard – check.
Modernista!
Agency Site
View Project
Close Project
Project Overview—
For Modernista!'s eighth incarnation we decided to switch it up and focus on the work and those behind it. I designed a framework that is equally at home on the desktop as it is on a tablet or smart phone.
Credits—
- AgencyModernista!
- RoleArt Direction & Design
- Linkhttp://modernista.com
fig.1 The homepage features a live stream of current social media activity Twitter, Facebook, and the Modernista! blog
fig.2 Latest work
fig.3 Case Studies
fig.4 People
fig.5 People bio detail
fig.6 Portrait detail
fig.7 Portrait detail
fig.8 Mobile View
Sears
FitStudio Concepts
View Project
Close Project
Project Overview—
Design concepts for FitStudio, a online health and fitness platform we designed and developed in partnership with Sears.
Credits—
- AgencyModernista!
- RoleDesign & Art Direction
- Linkhttp://fitstudio.com
fig.1 Mobile Application UI Concepts.
fig.2 Consumer landing page
fig.3 Professional landing page
fig.4 Consumer dashboard
fig.5 Professional dashboard
Matt Cheney
Artist Site
View Project
Close Project
Project Overview—
Matt Cheney needed a website to present his artwork in both still and video form. What better way to do this than to put him on center stage on his own site. Each section displays a clip of Matt in one of his many Art making guises – skateboarder, snowboarder, skydiver. Shot on blue screen, he was then composited into the various environments in which he creates his art. The final product is a full-frame flash site that details his process, shows off his work, and represents the many faces of this emerging contemporary artist.
Credits—
- RoleArt Direction & Design
- Linkhttp://mattcheney.com
fig.1 Video site
fig.3 Video site detail
fig.4 Video site detail
fig.3 Blue screen shoot - composite
fig.4 Blue screen shoot - composite
fig.3 Blue screen shoot - composite
fig.4 Blue screen shoot - behind the scenes
fig.3 Blue screen shoot - behind the scenes
fig.4 Blue screen shoot - behind the scenes
fig.5 Blue screen shoot - behind the scenes
fig.6 Blue screen shoot - behind the scenes
Cadillac
CTS Coupe & CTS Coupe V Launch Site
View Project
Close Project
Project Overview—
Cadillac wanted a slick microsite highlighting the features of the CTS Coupe and its upcoming heartbreaker, the CTS Coupe V.
Credits—
- AgencyModernista!
- RoleArt Direction & Design
fig.1 CTS Coupe Homepage Feature
fig.2 CTS Coupe microsite detail
fig.3 CTS Coupe microsite detail
fig.4 CTS Coupe microsite detail
fig.5 CTS Coupe microsite detail
fig.6 CTS Coupe Storyboard
fig.7 CTS Coupe V Storyboard
Product (RED)
International Pop-up Stores
View Project
Close Project
Project Overview—
We extended the (RED) holiday message "One Color Unites Us" by creating a series of pop shops around the world. We designed custom pop-shops in New York and San Francisco and supplied assets for the shops in London and Tokyo.
Credits—
- AgencyModernista!
- RoleArt Direction & Design
fig.1 NYC pop-up shop exterior
fig.2 NYC pop-up shop signage detail
fig.3 NYC pop-up shop interior - One Color Unites Us Wall detail
fig.4 NYC pop-up shop interior
fig.5 NYC pop-up shop interior - Give (RED) Save Lives video wall
fig.6 NYC pop-up shop limted edition canvas bags
fig.7 NYC pop-up shop interior detail
fig.8 NYC pop-up shop interior detail
fig.9 NYC pop-up shop interior detail
LocaModa
DOOH Application
View Project
Close Project
Project Overview—
Wiffiti is LocaModa's flagship DOOH application. It extends the text-to-screen experience by adding social media channels like flickr and twitter. This application runs on screens in thousands of locations, accessing feeds of tagged user generated content. Each screen can receive text messages and images directly from your phone or web interface.
Credits—
- AgencyLocaModa
- RoleArt Direction & Design
- Linkhttp://locamoda.com
fig.1 Default screen showing messages from mobile and the web about “locamoda”
fig.2 Default screen showing messages and images from mobile and flickr tagged “locamoda”
fig.3 Latest message state, from twitter.
fig.4 Past message state, from mobile.
Subway
Freshfit
View Project
Close Project
Project Overview—
An interactive video experience where users were encouraged to explore the pros/cons of traditional fast food vs. the healthier options available at Subway. The main characters, Mr. Snide and Mr. Suave, reacted in realtime to users food choices as they explored the site.
Credits—
- AgencyMMB
- RoleDesign & Development, Video Post Production
fig.1 Burgertown - Mr. Snide
fig.2 3D sign rotation
fig.3 3D sign rotation
fig.4 Fresh Fit
fig.5 Fresh Fit - Mr. Suave
State Street Corp.
Global Web Rebranding
View Project
Close Project
Project Overview—
As part of the Interactive team within State Street's Global Marketing Department I lead the design and front-end development of their biggest website re-design in nearly a decade. In addition to the corporate site, I designed and developed microsites and internal projects for divisions of the corporation across the world.
Credits—
- AgencyState Street Corp.
- RoleArt Direction, Design, & Development
- Linkhttp://statestreet.com
fig.1 State Street Corp. homepage
fig.2 State Street Corp. homepage concept
fig.3 State Street Corp. homepage concept
fig.4 State Global Services homepage concept
fig.5 State Street Global Services homepage
fig.6 State Street Vision Series concept detail
fig.7 State Street Global Services concept detail
Sabra Hummus
Taste Intervention Digital Concepts
View Project
Close Project
Project Overview—
I worked with Strawberry Frog NYC to develop a look for Sabra's “Taste Intervention” campaign microsite. The goal of the site was to get users to nominate friends they feel are in need of a “Taste Intervention” for a chance to win a trip to exotic Turkey.
Credits—
- AgencyStrawberry Frog NYC
- RoleArt Direction & Design
fig.1 Homepage concept & illustration
fig.2 Alternate homepage concept & illustration
fig.3 Trip page concept & illustration
fig.4 Illustration detail
fig.5 Illustration detail