Web Shaman Connectedness Icon

Kevin T. Boyd - Online Art Director

Creative Management & Web Design

LinkedIn    Twitter    Buzz    Facebook

Jump to: | Stanford Medicine  Mercury Center / San Jose Mercury News    |

Building strong bones for Stanford Medicine

On January 10, 2004 IRT launched a redesigned core site for the the Stanford University School of Medicine, creating a new standard format for all official School of Medicine units. In developing the HTML/CSS/Javascript format, I invented a flexible site architecture to allow for hundreds of individuated sites with a common format under a single master brand (the School of Medicine), that could be easily operated by non-technical people using Dreamweaver and Contribute. As a bonus, the architecture facilitated integration of database-driven Web applications for profiles, events and clinical trials.

Home page before redesign Stanford Medicine version 1.0 Version 2.0 Version 3.0 (current in 2010)
Original Home
Protomed Home Medstaging Home Smstaging Home

The architecture, still in place through two redesign upgrades, combines 3 simple technologies: Ubiquity of /Templates/ resources across every publishing domain, server-side includes (SSIs), and root referencing of core resources within the format. For a more detailed explanation of this system, see Stanford Medicine Web Site Architecture.

The Web team subsequently built 300+ individual Web sites through a production process I developed using Dreamweaver and Fireworks, as versions 1 and 2 depended heavily on image slicing for the banners. In 2007 we constructed an upgraded format, much simpler in appearance, in keeping with Web 2.0 principles, then guided the upgrade of all sites into the new format.

In 2008 we developed our most advanced version yet, Stanford Medicine 3.0, fully implementing advanced CSS, accessibility and other Web 3.0 design principles within the original Stanford Medicine architecture. This is the current version in 2010. Over the Summer of 2008, I led a team of 6 temporary Web Producers in converting all School of Medicine sites into the new format, and in 2009 we added Stanford Hospital & Clinics, forming the new über-brand: Stanford Medicine.

Along the way, I personally produced a large number of Stanford Medicine Web sites from client planning through content development and production to live publication and maintenance. Here's a sampling: Clinical Cancer Center, Stanford Center for Biomedical Ethics, Stanford Center for Research in Disease Prevention, Stanford-LPCH Vaccine Program, Behavioral Medicine Lab, Office of Graduate Medical Education (Housestaff), Department of Medicine, Li Ka Shing Center for Learning and Knowledge. In addition, the Web Author training section of the IRT site is my baby, especially the Dreamweaver and Contribute online training guides.

Web applications, also known as data-driven sites, were important to the success of the centralized Stanford Medicine concept, and a great environment for learning more about usability. Here are a couple of examples of static prototypes developed to demo page formats and application work flow. These are in the version 2.0 format.

Community Academic Profiles (CAP) 1.5 | Biomedical Seminars 2.0

I also operate a number of personal sites, including one for expert Web consulting and other services at


Sample sites from Mercury Center/San Jose Mercury News

Published March 2000

Inside Pacific Bell Park (archive link), is an interactive look inside the new ballpark. It features JavaScript rollovers and a pop-up slide show. Artist Steve Lopez provided the illustrations.

Virtual Pacific Bell Park (archive link), is a dynamic presentation of 3D renderings of the park produced by the architect. It features JavaScript rollover images and HTML text that changes with each image.

Pacific Bell Park Seating (archive link), shows users where the seats are and how much they cost, with JavaScript rollovers to identify the different sections.

Voters Guide (archive link), published in Mercury Center, the online publication of the San Jose Mercury News. It was built with server-side includes, and was constructed using the Mercury's automated publishing system.

Primary 2000 (archive link), a companion site with similar design, provided stories and charts on the results of the March 7 primary election. The site registered over 50,000 page views on the day after the election.

Time-Out II in 2000 calls on journalists and educators to conduct seminars to promote diversity in newsrooms across the nation. It includes frames, Java rollovers and a form for sending in feedback on the seminars.

The Divide That Binds is one of several sites created using content developed for the "illustrated history" series. These popular half- to full-page newspaper presentations used images and text to provide a narrative experience not possible with words alone.

Triumph & Tragedy is an illustrated history of the Olympic games, created for the 100th anniversary of the modern Olympics, held in Atlanta in 1996.

©2011 Kevin T. Boyd