Universal Music: R2
Employing heavy use of AJAX, R2 is a Web 2.0 transformation of a legacy application. Along with a small team, I designed and implemented the user experience and also the visual design. Streamlining business processes, R2 allows UMG to become the market leader in the evolution of digital releases, while keeping pace with the growth in volume of digital product sales. Design patterns include: tree, tabs, combobox, modal windows, balloons, grids, pagination, quick search, etc.
click to enlarge
 
click to enlarge
login page
 
project explorer
intranet not publicly available
UCLA Extension Site Redesign
Conducted research (interviews), presented key findings, created a persona, designed wireframes, conducted a usability study, designed more wireframes. Comprehensive presentation was delivered to industry professionals (from Avenue A | Razorfish, Schematic, Symantec) with UCLA stakeholders taking home recommendations.
 
click to enlarge
 
click to enlarge
research (persona)
 
wireframe
 
wireframe
email for deliverable
Universal Music: Wizards
Several wizards which streamline business processes: Asset Generator, Product Builder, Product Generator. I worked on the user experience and interface design as well as developing a core Flash application. The complex Flash features an intuitive and easy to use drag and drop interface. A style switcher allows users to choose and set as a preference one of several available style sheets.
 
click to enlarge
product builder
 
Flash module
intranet not publicly available
Universal Music: Digital Rights Application
Responsible for user interface and visual design for DRA.
 
workbook details
 
clearances
intranet not publicly available
College of Communication Arts & Sciences
As the Web Manager of the College of Communication Arts & Sciences at Michigan State University, I was responsible for managing six large and dynamic websites, and about 60 smaller sites. Utilizing PHP and mySQL, these sites are updated daily with fresh content. I also hired and supervised the developers, programmers, and artists that work on the sites. In 2005, the backend was revamped to improve reliability and ease of content updates (using proprietary CMS), as well as the front end (CSS, DHTML, XHTML) for a fresh, standards compliant, user-friendly GUI.
 
 
college homepage
 
parallel dept homepage
 
advising section
Michigan 4-H Children's Garden
As the Web Producer of this fun and interactive web site for kids, parents, and teachers, I created and maintained hundreds of multimedia applications using Flash, Shockwave, HTML, CSS, Javascript, QuickTime video, and QuickTime VR. The website has received many rave reviews, especially for the Kids' Tour. I was interviewed and quoted for an article in the Lansing State Journal and a similar article on Apple.com (screenshot | full article). Some of the multimedia applications have been sold on CD, and and also made available in French.
 
 
front page
 
educational modules
 
interactive games
Michigan 4-H Children's Garden Wondercast
As the lead project developer in a small but focused team, I shot timelapse photography, then created several integrated Flash applications. The applications utilize complex ActionScript for the back-end, yet maintain a consistent user-friendly front-end.
 
main menu
 
clouds timelapse
Longitudinal Survey Engine
The Longitudinal Survey Engine was developed in collaboration with the Michigan State University Department of Epidemiology. Designed for anonymous Internet delivery of and research about interactive health-related interventions, LSE is extremely flexible and customizable. Working in a large collaborative team, I was responsible for user experience design, testing, and management. The site uses PHP, MySQL, HTML, JavaScript, CSS, and Flash.
 
homepage
 
an admin page
Wonderwall
Wonderwalls connect students in an online or in-person class in real time and asynchronously to a persistent collaborative moderated communication environment designed to honor, encourage, and preserve the act of wondering. I consulted in user environment design, and assisted in project management. Created using Flash and Flash Communication Server. Showcased at SIGGRAPH 2005.
 
login
 
wonderwall
Michigan Master Gardener Volunteer Record Keeping System
The Michigan Master Gardener program needed an integrated system that could track thousands of members' credit hours and program progress in all Michigan counties. Working in a small team, I managed the project from concept to integration to maintenance, defining requirements, specifying solutions, schedules, budgets, meetings, change requests, bug-tracking, deadlines, scope, resource hours, and deliverables. The system utilizes PHP, MySQL, CSS, and HTML, and generate reports in HTML, PDF, and Excel. It is currently used by all 83 county offices.
 
login
 
generate report
view website (login required)
Online Learning
As the lead instructor for several upper-level classes at Michigan State University, I developed curricula and course websites for online learning. All topics pertained to technology with a focus on new media design (HTML, CSS, JavaScript, ActionScript, Director, database integration, e-commerce, and more).
 
TC346: Basic Interactive Media Design
 
TC446: Advanced Interactive Media Design
my sites are no longer available online (view this semester's version)
UkrainianSportClub.com
As the volunteer web manager for this charity organization, I designed all aspects of this site: procuring the domain and hosting, information architecture, branding, graphics, CSS, JavaScript, et cetera--all while working closely with the board members.
 
 
front page
 
news & events
 
interactive games
Michigan 4-H Children's Garden Sundial
As the sole developer, I recreated a real-life sundial using Flash and ActionScript. The Flash application demonstrates how a sundial works; it indicates the current time and also mimics a full day in fast forward.
 
clouds covering sun
 
sun indicating time on sundial
Bink Winkelman Variety Hour
As director and producer of this talk show, I was sad to see this side project end. The Bink Winkelman Variety Hour aired on select cable stations, and is archived online at binkwink.com. Bink's Chores (dance sequence) was screened in the 2003 East Lansing Film Festival, Michigan's largest film festival.
 
 
binkwink.com
 
episodes available online
 
your host, Greg Smythe
Three Way Monte
As producer of Three Way Monte, an experiment in interactive filmmaking, I had the very unique opportunity to do something that has never been done before. Working in a small, intensely-motivated team, I was able to contribute to the project from start to finish. This project demanded me to assume several roles: Producer, DVD Author, Website Designer, PR, Photographer, Videographer, and even Grip at times. Working without any budget and "bleeding edge" technology, the production was a huge endeavor. In the end however, it was worth all the hard work.
 
 
interactive DVD
 
interactive website
 
cast & crew page
Death Penalty Information
As lead web designer, I worked closely with the project director, an artist, and the content provider (DPIC: Death Penalty Information Center) to create a multiple award-winning website providing a high quality curriculum for high school students. In addition to a student site, we created a "teacher's edition" companion site. Both sites are quite large, each comprised of over 500 files. Site includes interactive Flash maps and printable PDFs.
 
 
front page
 
interactive maps
 
history
4-H Children's Garden Exploration CD
Working within a large team, I contributed to the creation of a commercial CD–ROM, which contains the fun, interactive, and educational "Plant Problem Exploration." The CD also contains a virtual tour which includes interactive 360 degree panoramas and video content. My roles included editing sound, editing graphics, shooting and editing video, shooting and editing QuickTime VR, Director development, Lingo programming, and preparing the gold master CD for mass duplication.
 
 
interactive game
 
educational module
 
scientific results
Michigan IT Summit
The Michigan Economic Development Corporation (MEDC) approached the Telecommunication Department at MSU to discuss the idea of a live webcast of the MI IT Summit 2000. I was chosen by the department as part of a small elite team to make the idea a reality. With only roughly four days to work with, I assisted the project director in setting up the hardware, configuring the software, and on April 12, 2000, successfully streaming live video. I also was the lead web designer, which included pre- post- and on-the-fly web creation. Video was recompressed and is now archived. The MEDC invited us back to do the webcast again in 2001.
 
 
front page
 
list of speakers
 
quicktime video
Virtual International Business Academy
As project leader, I represented MSU Virtual University to the client, VIBA, and coordinated developers. I created some innovative Flash modules for a new virtual class, Entrepreneurial Marketing (MSC 808T). I also created web based lecture for Corporate Finance (FI 805T), which synchronized Real video with HTML "slides." I also assisted in and made UI (user-interface) suggestions for other courses, as well as the main VIBA meta-site.
 
 
FI805: synched video & slides
 
MSC808: flash learning module
 
VIBA meta-site
(sites are password protected) click for sample
Quello Center for Telecommunication Management and Law
The Quello Center for Telecommunication Management and Law was recently established at MSU and urgently needed a website. As the lead web designer, I worked closely with the Center director to precisely define needs, and an artist to create pertinent artwork, resulting in a striking online presence.
 
 
front page
 
staff page
 
staff page
view website (no longer maintained by me)
TeamSCOPE
I worked closely with an artist to create icons, toolbars, and a logo for TeamSCOPE: a system designed to facilitate asynchronous collaborative activities among geographically distributed teams. I also conducted a usability study and suggested improvements in the HCI (human computer interaction).
 
 
file toolbar
 
calendar view
 
team view
site password protected
Bathers Home Health Care
As the sole web designer, I identified the specific needs of this home health care provider and created a complete online presence.
 
 
front page
 
philosophy
 
services
website no longer online
Two Inch Killer Album
CD art Produced Two Inch Killer's debut self-titled album. Working closely with the artist, I mastered the audio, created the art work, and printed and duplicated the CDs.