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.
|
|
|
login page |
|
project explorer |
intranet not publicly available |
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.
|
|
|
|
|
research (persona) |
|
wireframe |
|
wireframe |
email for deliverable |
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.
|
|
|
product builder |
|
Flash module |
intranet not publicly available |
Responsible for user interface and visual design for DRA.
|
|
|
workbook details |
|
clearances |
intranet not publicly available |
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 |
|
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 |
|
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 |
|
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 |
|
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.
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.
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
 |
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. |
|