|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/davidbacker/_logs/W2KWEB2A/clients/ |
Upload File : |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="EN">
<HEAD>
<TITLE>interactive media design - client projects - the new studio - designing the interactive experience</TITLE>
<!-- last updated 03/23/2005 DSB -->
<link rel="stylesheet" href="http://www.newstudio.com/css/TNSpages.css" type="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META name="description" content="the new studio - over twenty-five years designing the interactive experience for custom software and web applications, usability testing, and creative illustration and collage">
<META name="keywords" content="the new studio, custom software, website creation, usability testing, designers, web design, applications, development, David Backer, Alyce Kaprow, Designing Technology show, SIGGRAPH, HTML coding, WebReady training course, market research, developer, webmaster, training, website, IE, Internet Explorer, Netscape Navigator, MIT, Massachusetts Institute of Technology, Media Laboratory, Movie Manual, Newton, Massachusetts, new studio, Bob Mallary">
<!-- ImageReady Preload Script (projects.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
projects_02_over = newImage("images/projects_02-over.gif");
projects_04_over = newImage("images/projects_04-over.gif");
projects_05_over = newImage("images/projects_05-over.gif");
projects_06_projects_04_over = newImage("images/projects_06-projects_04_ove.gif");
projects_07_over = newImage("images/projects_07-over.gif");
projects_08_over = newImage("images/projects_08-over.gif");
projects_09_over = newImage("images/projects_09-over.jpg");
projects_12_projects_14_over = newImage("images/projects_12-projects_14_ove.gif");
projects_14_over = newImage("images/projects_14-over.gif");
projects_15_over = newImage("images/projects_15-over.gif");
projects_16_over = newImage("images/projects_16-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR="#FFFFFF" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" ONLOAD="preloadImages();">
<a name="TOP"></a>
<!-- ImageReady Slices (projects.psd) -->
<TABLE WIDTH=790 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/projects_01.gif" WIDTH=159 HEIGHT=94 ALT=""></TD>
<TD COLSPAN=9><A HREF="../index.html"
ONMOUSEOVER="changeImages('projects_02', 'images/projects_02-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_02', 'images/projects_02.gif'); return true;"><IMG NAME="projects_02" SRC="images/projects_02.gif" WIDTH=631 HEIGHT=71 BORDER=0 ALT="Home"></A></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG SRC="images/projects_03.gif" WIDTH=76 HEIGHT=23 ALT=""></TD>
<TD><A HREF="../portfolio/index.html"
ONMOUSEOVER="changeImages('projects_04', 'images/projects_04-over.gif', 'projects_06', 'images/projects_06-projects_04_ove.gif'); return true;"
ONMOUSEOUT="changeImages('projects_04', 'images/projects_04.gif', 'projects_06', 'images/projects_06.gif'); return true;"><IMG NAME="projects_04" SRC="images/projects_04.gif" WIDTH=70 HEIGHT=23 BORDER=0 ALT="portfolio"></A></TD>
<TD>
<A HREF="../services/index.html"
ONMOUSEOVER="changeImages('projects_05', 'images/projects_05-over.gif', 'projects_06', 'images/projects_06-projects_04_ove.gif'); return true;"
ONMOUSEOUT="changeImages('projects_05', 'images/projects_05.gif', 'projects_06', 'images/projects_06.gif'); return true;"><IMG NAME="projects_05" SRC="images/projects_05.gif" WIDTH=65 HEIGHT=23 BORDER=0 ALT="services"></A></TD>
<TD><IMG NAME="projects_06" SRC="images/projects_06.gif" WIDTH=97 HEIGHT=23 ALT="client projects"></TD>
<TD><A HREF="../about/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_07', 'images/projects_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_07', 'images/projects_07.gif'); return true;"><IMG NAME="projects_07" SRC="images/projects_07.gif" WIDTH=68 HEIGHT=23 BORDER=0 ALT="about us"></A></TD>
<TD><A HREF="../contact/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_08', 'images/projects_08-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_08', 'images/projects_08.gif'); return true;"><IMG NAME="projects_08" SRC="images/projects_08.gif" WIDTH=64 HEIGHT=23 BORDER=0 ALT="contact us"></A></TD>
<TD><A HREF="../accessibility/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_09', 'images/projects_09-over.jpg'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_09', 'images/projects_09.jpg'); return true;"><IMG NAME="projects_09" SRC="images/projects_09.jpg" WIDTH=83 HEIGHT=23 BORDER=0 ALT="accessibility"></A></TD>
<TD><IMG SRC="images/projects_10.gif" WIDTH=108 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/projects_11.gif" WIDTH=159 HEIGHT=58 ALT=""></TD>
<TD COLSPAN=5>
<IMG NAME="projects_12" SRC="images/projects_12.gif" WIDTH=308 HEIGHT=17 ALT=""></TD>
<TD COLSPAN=4 ROWSPAN=4>
<IMG SRC="images/projects_13.gif" WIDTH=323 HEIGHT=58 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><A HREF="uidesign.html"
ONMOUSEOVER="changeImages('projects_12', 'images/projects_12-projects_14_ove.gif', 'projects_14', 'images/projects_14-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_12', 'images/projects_12.gif', 'projects_14', 'images/projects_14.gif'); return true;"><IMG NAME="projects_14" SRC="images/projects_14.gif" WIDTH=308 HEIGHT=14 BORDER=0 ALT="user interface design and evaluation"></A></TD>
</TR>
<TR>
<TD COLSPAN=5><A HREF="training.html"
ONMOUSEOVER="changeImages('projects_12', 'images/projects_12-projects_14_ove.gif', 'projects_15', 'images/projects_15-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_12', 'images/projects_12.gif', 'projects_15', 'images/projects_15.gif'); return true;"><IMG NAME="projects_15" SRC="images/projects_15.gif" WIDTH=308 HEIGHT=12 BORDER=0 ALT="training and workshops"></A></TD>
</TR>
<TR>
<TD COLSPAN=5><A HREF="techmktg.html"
ONMOUSEOVER="changeImages('projects_12', 'images/projects_12-projects_14_ove.gif', 'projects_16', 'images/projects_16-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_12', 'images/projects_12.gif', 'projects_16', 'images/projects_16.gif'); return true;"><IMG NAME="projects_16" SRC="images/projects_16.gif" WIDTH=308 HEIGHT=15 BORDER=0 ALT="technology consulting and market research"></A></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/projects_17.gif" WIDTH=159 HEIGHT=408 ALT=""></TD>
<TD>
<IMG SRC="images/projects_18.gif" WIDTH=11 HEIGHT=408 ALT=""></TD>
<!-- ***** Main content area ***** -->
<TD COLSPAN=8 valign="top"><!--IMG SRC="images/projects_19.gif" WIDTH=620 HEIGHT=408 ALT=""-->
<br><br>
<IMG SRC="images/mediadesign.gif" WIDTH="400" HEIGHT="30" ALT="interactive media design"><br>
<TABLE WIDTH="100%" BORDER=0 CELLPADDING="2" CELLSPACING="4" >
<!-- Row4: Insert -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/ESPprjt.gif" WIDTH="134" HEIGHT="100" ALT="eSportsPlus" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="esportsplus"></A>
<B>eSportsPlus</B><BR><FONT SIZE="2" >The eSportsPlus site is designed for the sports enthusiast who wants in-depth statistics and information with game simulations and animated live feeds. <B>the new studio</B> worked with SimPlayer Inc. to create the look and feel for the site, and also developed the programming that allows users to register as members in order to customize their experience.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row4b: Insert -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/CANDOhpSML.gif" WIDTH="134" HEIGHT="105" ALT="CAN-DO" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="CANDO"></A>
<B>Citizens for Affordable Housing in Newton Development Organization, Inc. (CAN-DO)</B><BR><FONT SIZE="2" >CAN-DO is a non-profit developer of affordable housing for low- and moderate-income residents in Newton, MA. Their website was selected as the member Web site of the month for April 2003 by the National Housing Conference, a national nonprofit trade association for housing organizations.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row5: Insert -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/SSIprjt.gif" WIDTH="133" HEIGHT="133" ALT="SmartSource" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="smartsource"></A>
<B>Smart Source Inc.</B><BR><FONT SIZE="2" >
Smart Source Inc. provides electronic messaging technologies that dramatically improve a company's customer interaction capabilities. <B>the new studio</B> designed and developed the SmartSourceOnline site, including a new corporate identity that extends across their online and print communications.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row5B: Insert -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/austenPTsm.gif" WIDTH="134" HEIGHT="112" ALT="JudithAusten" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="JudithAusten"></A>
<B>AustenArts</B><BR><FONT SIZE="2" >
We designed and developed the AustenArts.com website for artist Judith Austen so that she could display paintings, collages, and other art online, and allow interested viewers to contact her directly.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row5C: Insert -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/csqHPsm.gif" WIDTH="134" HEIGHT="104" ALT="CountrySquire" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="CountrySquire"></A>
<B>The Country Squire Inc.</B><BR>
<FONT SIZE="2" >The Country Squire Inc. asked <B>the new studio</B> to design and develop a website that would showcase a selection of their inventory of fine antiques, including special features to allow users to see descriptions, prices, and larger views of items easily.
</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row5D: Insert -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/NCChpSM.gif" WIDTH="134" HEIGHT="99" ALT="Newton Childcare" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="NewtonChildcare"></A>
<B>Newton Childcare Commission and Fund</B><BR>
<FONT SIZE="2" >The Newton Childcare Commission asked <B>the new studio</B> to develop a website that would help those seeking childcare to find the right resources and providers to make the best decision. The site is intended for parents and young children.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row6 : overlap, column of graphics, text -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/SSCprjt.gif" WIDTH="164" HEIGHT="100" ALT="Sally Silver Companies" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="sallysilver"></A>
<B>Sally Silver Inc.</B><BR><FONT SIZE="2" ><B>the new studio</B> redesigned, illustrated, and expanded the Website for <!-- A HREF="http://www.sallysilver.com/" -->Sally Silver Companies<!--/A-->, a leader in permanent and contract placement for high tech industries. The new Website includes the permanent placement division, contract placement division, and the newly created Outsource Solutions, a company that updates and manages Websites. </FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 7: overlap, column of graphics, text -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/EXGprjt.gif" WIDTH="120" HEIGHT="107" ALT="Exergen Corp." BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="exergen"></A>
<B>Exergen Corporation</B><BR><FONT SIZE="2" ><B>the new studio</B> redesigned and expanded the Website for Exergen Corporation, a world leader in infrared temperature technology. The new Website includes the Medical Division, the Industrial Division, and the newly created Exergen Education Centers.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row8: OnFinancial-->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/OnFprjt.gif" WIDTH="134" HEIGHT="100" ALT="OnFinancial Corp." BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="onfinancial"></A>
<B>OnFinancial Corporation</B><BR><FONT SIZE="2" >
<B>the new studio</B> worked with On Financial on the interface and organization for its online financial planning services, which provide analysis and reporting for individuals, and businesses.
</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP ><A HREF="#Top"><IMG SRC="images/uparw.gif" BORDER=0 ></A></TD>
</TR>
<!-- Row9: GSIEF -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/IEFprjt.gif" WIDTH="141" HEIGHT="100" ALT="Brandeis GSIEF" BORDER="0" ></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="brandeis"></A>
<B>Brandeis University Graduate School of International Economics and Finance</B><BR><FONT SIZE="2" >
<B>the new studio</B> reorganized and redesigned the Website for the Brandeis Graduate School of International Economics and Finance to better address the interests of its community, including prospective students, current students, alumni, faculty, and businesses. The Graduate School has since taken on the maintenance and expansion of its Website.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 10: IMC/ SMG -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/SMGprjt.gif" WIDTH="146" HEIGHT="100" ALT="Interactive Media" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="IMC"></A>
<B>Interactive Media Communications</B><BR><FONT SIZE="2" >IMC hired <B>the new studio</B> to conduct market research for a major trade organization to determine what features and services should be included in a Website for the organization's members. Based on the results of the research, we designed and developed a prototype for the Website that included the user interface for interactive product catalogs, promotional homepages for several dozen member companies, and a fee-for-use service for health and safety professionals.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Z-D moved to projects2 -->
<!-- Row12: Insert -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/HILLprjt.gif" WIDTH="100" HEIGHT="100" ALT="Harvard" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="HMSI"></A>
<B>Hill-Holliday Interactive Group</B><BR><FONT SIZE="2" >The Hill-Holliday Interactive Group asked <B>the new studio</B> to create the concept for the look and feel of the Website in its proposal for the Harvard Medical School Interactive site.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 13: -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/MAINprjt.gif" WIDTH="129" HEIGHT="100" ALT="Mainspring" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="mainspring"></A>
<B>Mainspring Communications, Inc.</B><BR><FONT SIZE="2" ><B>the new studio</B> planned, designed, and developed a prototype for a World Wide Web personalized information service for this startup company, which used the prototype to raise venture funding, recruit personnel, and sign information providers and other partners. The prototype demonstrated how the service would provide subscribers with product information, technical evaluations, community discussion groups, and expert referrals.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
</TABLE>
<!-- ***** end Main content area ***** -->
</TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=159 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=70 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=97 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=68 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=83 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
<br>
<!-- text links -->
<div align="center"><p class="textlinks"><A HREF="../index.html">home</a> | <A HREF="../portfolio/index.html">portfolio</a> | <A HREF="../services/index.html">services</a> | <A HREF="../clients/index.html">client projects</a> | <A HREF="../about/index.html">about us</a> | <A HREF="../contact/index.html">contact</a> | <A HREF="../accessibility/index.html">accessibility</a></p>
<p class="textlinks">
(c) Copyright the new studio 1995 - 2005</p></div>
</BODY>
</HTML>