Thank you for visiting my Portfolio, an excersize in my newly learned XML skills. No PHP or MySQL here, just lightweight XML and XSLT. Take a click around. I'm David Cutter, a web designer and front-end developer settled comfortably it the port of Santa Monica, California with my exotic pacific-island girl, Amanda, and a keg of Navy Rum. I build websites and games for love and fortune, spend a lot of time reading and live to travel, cook, and hunt for the world's finest beer, one bottle at a time. I'm not currently seeking freelance projects while I'm working as Lead Graphic Designer & Front-End Developer at Meteor Games in sunny California. islandparadise This is Island Paradise! I helped design the UI, and coded the HTML/CSS, and javascript. Buy Meteor Credits on this page, or use Facebook Credits. These are some of the social encouragement banners. Examples of some of the colorful interactive banners on Island Paradise. apps.facebook.com/myownisland/ Meteor Games LLC Sep 2009 XHTML CSS Javascript Photoshop PHP With over 12 Million users, Island Paradise is one of the most popular games on Facebook! Island Paradise has been a pleasure to work on from the beginning. Early on, I was actively involved in designing the UI for the game and later moved on to coding all of the front-end HTML, CSS and Javascript into a custom PHP framework for use across several Meteor games. Island Paradise continues to evolve, as we add more features every week and constanty upgrade the code base to offer our users the best gaming experience on Facebook! Working with the Facebook API has been a valuable experience as I learned to work with FBML and FBJS while working with Island Paradise. meteorredemption Meteor Gift Card owners redeem their cards here. Built in form verification for the code and the support form. Everything is easy to use and modal, yet displayed on one page. Secret Aquarium mode with more fish swimming around! redeem.meteorgames.com Meteor Games LLC Mar 2010 XHTML CSS Javascript Photoshop People who purchase the Meteor Games Meteor Credits Gift cards go to this mini Facebook application to redeem their codes. Only one page for the whole app! Using Ajax, I was able to create this entire application on only one PHP view. XHTML, CSS and javascript combine to make an easy to use app that's also very colorful and alive with swimming fish. In addition to allowing users to enter their Gift-Card codes, there is also an FAQ and support contact form built in. Have you found the secret aquarium mode and added more swimming fish to the tank? ranchtown This is your Ranch on Ranchtown! The interface is very friendly. This is a look inside the Ranch General Store. If a friend sends you a gift, you receive it here. apps.facebook.com/myownranch/ Meteor Games LLC Apr 2010 XHTML CSS Javascript Photoshop PHP Ranchtown is a wild west Ranch Game that expands on the success of earlier Meteor Games and delivering addictive new gameplay to Facebook! Designed and coded in only 4 weeks, Ranch Town is a uniquely original entry to the Facebook Games market. The action is more intense than other Farming games and the art is on a whole level above! I designed the UI for the game and coded all of the web pages. Each view is game agnostic to future games will build off of previous code bases, making development time even shorter and allowing more room for innovation and design. meteorlanguage In the game, either pick a language, or help us translate. Once inside the translator, choose the language you're best at. Vote up or down on other user's suggestions. Enter your own suggestion. Use a virtual keyboard for special characters. Use our search tool, or sort by categories, like in this shot. apps.facebook.com/myownisland/language/index/ Meteor Games LLC Apr 2010 XHTML CSS Javascript PHP The Meteor Games Language Translation system is one app that can crowd-source the translation of many of our games into languages worldwide! Many of our foreign users were concerned that they could not play our Facebook games in their home language. Instead of hiring an expensive and time-consuming translation company to translate our games, we gave the power to our users! This application makes it easy for our worldwide audience to suggest or vote on existing suggestions for every phrase in our game. Effectively, we have globalized our game for world-wide access, and even for Pirates! Once the back-end language tables were in place, I was happy to helm the front-end design and development of this project myself. The design aims to be clean, intuitive, and very easy to use. Users have access to voting, custom suggestions, special characters, categories, and search capabilities, all in a code-light ajax-enabled interface thats very fast. This project is one of the highlights of my web 2.0 coding experience. vpn Home Page - Not Logged In Home Page - Logged In as a Ninja Starting the Tutorial - Viking Style The Expanded UnitFrame and Friends page Quests in Your Area Shopping with the Pirates Character Inventory Sending a Gift to Facebook Friends You can have several Characters A Pirate's Profile Page Achievements (vs Friends!) All the Quests you've finished. Earning Fame by Inviting Friends to play The Special Meteor Store (with Item Preview!) www.vpnwars.com Meteor Games LLC May 2008 XHTML CSS Flash Javascript Photoshop "VPN" is a web based Social Role Playing Game for the web and facebook. Imagine being able to challenge your friends as a Pirate, Viking or Ninja! The scope of the VPN site is enourmous, planned as a very deep social game where users could interact with each other on many levels. Each faction even has a differnt theme applied to the whole site. Log on as a Pirate and everything looks different than for your Ninja friends. The level of detail for the site expanded continuously as more features were added, allowing players to buy and sell with each other and NPCs as well as completing quests, travelling the world, playing minigames, messaging each other, sending gifts and even linking to facebook! "VPN" is a gigantic endeavor and continues to grow as thousands of players take their many characters on adventuers around our world. twinskiesweb Home Page Bestiary Races About Page Store Store with Cart Open Media Gallery Media Slideshow Meteor Games LLC Feb 2007 XHTML CSS Flash Javascript Photoshop I am extremely happy with the way this website came out. As intended, it is a fun, colorful place for players and fans of the in-development 3D MMORPG Twin Skies. After developing the corporate site, this was my first real project while working at Meteor Games. It is a giant site supporting a Fantastic 3D MMORPG that sadly, never made it to publication. However this site was in and of itself a fun destination with many places to explore, things to learn, and even minigames to play. At it's height, Twinskies.com was fielding thousands of unique users per day in a very dynamic and active community. And as that group grew, so did the site, boasting new features almost twice a week! As graphic designer for this site, I designed absolutely every element of the site and coded all of the css and front-end HTML. twinskiesgui Home / Login Screen Basic UI: Unitframe, Action Bar and Bottombar with Console and Chat All Unitframes at once! (Player, Target, Party, etc) and the Main Menu Inventory and Shop Many different options for any window! (Here: Inventory) Character Panels, fully expanded Email: Both the List view and Single Message Game Map with "What's Nearby" List Meteor Games LLC Feb 2007 Direction 3D Photoshop This is one of my favorite projects at Meteor Games: to design the complete UI for our giant fantasy 3D MMORPG. This is my first professional UI for a 3D game and the goal was to create a UI more funcitonal and expandable than any other UI while remaining absolutely user-configurable. This UI would even change colors based on certain world-paramaters. (Like turning red when entering an evil city!) The windows all had to be drag/dropable and be customizable. For example each window had to be resizable, dockable and moveable. Parts of windows, called panels, had to be able to be tacked on or removed at a user's whim, and all of this had to be wrapped up so that the first time user would NEVER feel confused or overwhelmed. Ultimately this was one of the most difficult challenges during my time at Meteor and I'm thrilled to have had the chance to work on this UI. I think the design was a success and I hope to implement what I've learned in future UI projects. meteor Meteor Games Logo First Version Meteor Games Website First Version Meteor Games Website www.meteorgames.com Meteor Games LLC Nov 2007 3D CSS Flash Photoshop PrePress XHTML As a company, Meteor Games LLC has changed direction often, and the designs that reflect it's coporate entity have both changed little and changed much! Initially conceptualized as a company of elite gamers still rooted in the base concept of games being 'fun' first and other things later, Meteor Games has fluctuated from created an online flash MMO, to a 3D MMO, to a large online presence of online RPGs and now to a collection of extrememly fun flash casual games. Much has changed, and so to has the design. While the logo has remained the same: fun, flighty and solid from its conception, the website and tone of the company's work has changed dramatically. No more dastic a difference can be seen than in that between the original corporate website, true to a more serious Games-by-elite-Gamers feeling to the new very user friendly and colorfully bright design. Working at Meteor has certainly been filled with unique design challenges arrisen from an unprecedented breadth of variety in the amazing games we create! 3ddemoreel My 3D Demo Reel Personal Project June 2001 3D Video While in film school I worked whenever I could in 3D Animation and Compositing to add to my design abilities. I often use the skills I learned while studying 3D in my professional design work. Its not surprising how often a touch of that third dimension or movement can add a powerful POP to a project. It's exciting work that adds a sense of depth and often seperates a finished product from the competition. makewords Logo Play Screen on Facebook (Friends Hidden) Meteor Games LLC Feb 2008 CSS Javascript Photoshop XHTML Makewords is a fast-paced words game released on facebook for casual solo play against your friends! From concept to release, this game took only 2 weeks to produce and was immediately a large success. We were going for a very colorful, immedaitely friendly look witha VERY simple interaface to appeal to the largest-possible audience. It was my job to conceptualise and design the game pages and the logo. powlexio Home Page Topic Home (Here: Deals) Short Post with Comments Gratis for a Friend Feb 2006 CSS Photoshop XHTML Powlexio was my first entry into the interesting business of social content reviewing, and the challenge was there was so much information! The idea behind this site was: there's so much content on the internet, you'd need to be an expert to sort it all out! Powlexio's experts would find the best of the internet and post it all in easy-to-read artcicles on the site for anyone to erad and use. aquarium Original Mounted in a VR Museum Personal Project August 2002 Photoshop PrePress Amazed by the whales at the Aquarium, I created a composition at home and used a lithographic press to print to canvas. Not many things are as awe inspiring as a whale, and to come very close to one during it's stay at a local Aquarium, I thought I'd try to bring the experience home in the form of a abstract composition I then had printed on a large canvas and mounted. attolympics AT&T Olympics Commercial Pitch AT&T & Digitas October 2002 Photoshop Video This is a Pitch I put together while working at Digitas in Boston for AT&T. AT the time, AT&T was one of Digitas's largest clients and I was honored to be able to put together the video pitch. I was Digitas's only video editor, the sole Production artist in the video recording and editing studio, and was the only editor for the 3 years I worked there. This is one of my highlight projects as, pitch approved, I was thrilled to see the final version air during the Olympics. gmcenvoyweb GMC Envoy Web Campain (1 of 4) GMC Envoy Web Campain (2 of 4) GMC Envoy Web Campain (3 of 4) GMC Envoy Web Campain (4 of 4) GMC Video Web Banner GM & Digitas 2002 Photoshop Video This is a series of web commercials Ip ut together while working at Digitas for GM. Digitas and GM decided to increase their web-presence around the Envoy Brand with a short series of video clips aimed at the long and distinguished history of Gm's innovation in Power and Performance. These videos capture that history and present the culmination of GM's years of innovation in the form of the new GMC Envoy, the first SUV of it's kind. These clips were released onto millions of internet pages and garnered many more millions of views and click-throughs. dreams Dreams Large Format Print Personal Project 2003 Photoshop PrePress This simple composition is a work for a friend in boston who described to me a 'feeling of peace' he had in a dream one night. Printed on a large-format printer, this canvas now hangs in his study and he tells me it makes him feel more at home in his office and ready to work. I've been tempted to print it for myself because, even though simple, I like the airy, peaceful feeling of the composition and typography. hydracorp Logo Stationary with Custom Logo 3D Logo Hydra Media LLC 2005 Photoshop PrePress I worked at Hydra Media for 3 years and my first job was to establish a clean, modern corporate identity for this web-based marketing powerhouse. We wanted to fit in, but better, than the rest of the Internet Marketing copmanies in teh space so I took the common look of modern shine and metallic gloss, then boosting it with a primary color intensity that was, at the time, rare in the space. the 3D Logo was created just for fun, but ended up on the business cards anyway! oceansurf jpg Unknown Author No Url 000022 citybuildings jpg Unknown Author No Url 232e4a wildflower jpg Unknown Author No Url 323955 raindrops jpg Kevin Dooley http://www.flickr.com/photos/pagedooley/3185081664/ 242833