The CLASS sites

The following is a list of website projects that I’ve launched while working in the College of Liberal Arts and Social Sciences at the University of Houston. Most of the projects I developed independently, though those with an asterisk denote sites that were developed collaboratively with colleagues in the Office of Educational Technology.

As of June 2011, I have helped launch 31 website projects for the college.

Clinical Psychology, June 16, 2011 #
Industrial Organizational Psychology, June 16, 2011 #
Department of Psychology, April 27, 2011
Office of Educational Technology, March 30, 2011 *
February News Update, Jan. 31, 2011
Department of Philosophy, Jan. 28, 2011 *
January News Update, Jan. 14, 2011
Houston History Magazine, Dec. 7, 2010
College of Liberal Arts and Social Sciences, Nov. 22, 2010 *
Center for the Americas, Oct. 1, 2010 *
Oil Spill Symposium, September 8, 2010
World Internet News, July 29, 2010 *
Center for Forensic Psychology, June 17, 2010
TF Resources for English, May 17, 2010
Preparatory and Continuing Studies, April 12, 2010
Department of Economics, March 12, 2010
Clinical Psychology, Jan. 6, 2010
Department of Philosophy, Dec. 23, 2009 #
Instructional Design and Technology, Nov. 10, 2009 #
Laboratory for the Neural Bases of Bilingualism, Nov. 4, 2009
Texas Music Festival, Oct. 21, 2009
IOOB Conference, Sept. 22, 2009
To Bear Fruit for Our Race, Sept. 18, 2009
CLASS Web Services, Aug. 12, 2009 #
Developmental Psychology, May 21, 2009
Creative Writing Program, May 15, 2009
The Center for Couples Counseling, April 21, 2009
College Portrait, March 31, 2009
Political Science, March 24, 2009
Communication Sciences and Disorders, March 9, 2009
Industrial Organizational Psychology, Feb. 19, 2009

# denotes websites that have since re-launched within the new UH CMS. Links will redirect to the new websites, though in most cases, many design elements and information architecture remain the same.

* denotes collaborative effort with colleagues in the CLASS Office of Educational Technology

Department of Psychology website launches

Today, I launched a website I’ve been working on — off and on — for quite some time.

And, it’s one of my favorite sites that I’ve done at the University of Houston.

Department of Psychology homepage
This is the homepage of the new Department of Psychology website.

The website for the Department of Psychology is the first site that I have developed from start to finish in the new content management system, used by the College of Liberal Arts and Social Sciences and purchased by the University’s marketing arm. It is a major redesign and reorganization for one of the most popular departments in the college that brings in a substantial amount of research dollars for a Tier One university.

Since its launch, data from Google Analytics appears to indicate the the Psychology homepage is the second most-visited page in the uh.edu/class directory, second only to the college homepage which I helped launch in November.

Here are some aspects of the design I am proud of.

Psychology homepage spiffs
These four images are "spiffs," an accronym for special interest feature photos. Clockwise from top left, the first photo is a submitted portrait of a student that I edited with Adobe Photoshop to remove the background and placed it on top of an image from the university marketing database. The second photo is a submitted portrait of a psychology faculty member that I also removed the background from, and added some text and a gradient to represent a study that was featured in the New York Times. Following the same technique, for the third image I removed the background of a submitted faculty portrait and added a design that represents research the professor published about algebra. The fourth and final image is one I took of a graduate student on the UH campus to represent an award she won.
Psychology people pagw
This is the index of the people section of the new Psychology website at UH. Before I could start desiging this page, I did my best to encourage each of the more than 40 fauclty members to get a new portrait photo taken, and I helped facilitate that process. The portraits were taken by a professional photographer, and we achieved a high participation rate in the high 80 percent range. What I like about the design I created is that it really demonstrates the professional nature of these professors. I tried to design the page so that if a person knows what professor they're looking for they can find that professor quickly with the photo or the name. For visitors who are casually browsing, they're quick to realize these professors are active in teaching and research. Most importantly, their contact information is readily available.
Faculty pages
Here are four samples of the psychology faculty bio pages. Each faculty member was asked to fill out a form to provide information for these pages, and I edited and stylized that information. Each of the more than 40 faculty members have their own page and own URL that they can use when presenting new research to publishers and the academic community.

Office of Educational Technology site launches

Today, the new CLASS Office of Educational Technology website launched in the UH content management system. The website combines content from three previous websites, representing the three different teams within the Office of Educational Technology.

Previously, I redesigned the website for my team, CLASS Web Services, on Aug. 12, 2009. Back then, I created a page where we showcase the websites we’ve launched since our team became a part of the CLASS Office of Educational Technology.

Launched sites
This is the Launched Sites page of the CWS section of the new OET website, which I designed to showcase website projects the office has launched for the college.

When we started redesigning websites for the college, we didn’t have a standard template. The previous CWS website was the first website to launch in our then-new PHP-based template that we created collaboratively. We used this template for a little more than a year until the website for the college became the first website we launched in the HannonHill Cascade CMS used by the university.

MarriageDoctors.com launches

Today, I launched the website MarriageDoctors.com, a site for two clinical psychologists who specialize in marriage and family counseling.

MarriageDoctors
The website MarriageDoctors.com launched today.

What I like most about this website project was that we were able to keep its message simple.

Marriage Doctors
We kept the content simple on MarriageDoctors.com
Marriage Doctors
MarriageDoctors.com

I worked with clients John Vincent and Kelton Ro-Trock to create a unique logotype for their website, and a photo illustration of a local landmark that has a subtle message between its trunk and its branches. Look for the negative space.

I took a photo of a tree on S. Post Oak, and designed the photo illustration with Adobe Photoshop and Illustrator.

The logotype for MarriageDoctors.com was designed with Adobe Illustrator and I think it’s a neat and clean marketing approach for a group of independent practitioners.

The navigation menu utilizes an open source accordion-style jQuery javascript, initially created by Marco van Hylckama Vlieg which I customized for the Marriage Doctors.

Texas Music Festival website launches

I worked with the small staff of the Texas Music Festival to redesign this website and it launched in October 2009, a year before our college would launch its first website in the new HannonHill Cascade CMS purchased by the university.

TMF
The Texas Music Festival homepage.

It was designed to look very similar to websites that the University-level web team were creating in the CMS prior to the college’s immersion in the system.

It utilizes a template that our team in the CLASS Office of Educational Technology created to tide the college over until we could begin designing sites in the CMS.

One interesting aspect about the TMF website is that it has at least three specific audiences: First and foremost are the students, most of which will attend the orchestral summer camp and use the website to discover more information about it and meet the requirements for admission. Students who don’t wish to participate in the orchestra camp can participate in TMF Institutes that focus on four distinct areas of music instruction.

These two audiences are addressed through the gray navigation menu which I designed that is under the site’s main left navigation scheme.

The other major audience is the general public, namely those who attend the festival’s various concerts and events.

One of the most popular pages of the website is the season schedule page, which is updated frequently throughout the year as information becomes available.

TMF
The Texas Music Festival Season Schedule page.

Another important audience for the website is the media partners that help get the word out.

TMF
The Texas Music Festival Press Release page.

Since the website launched, the TMF staff have reported that admission applications have significantly increased and that major festival events have sold out.

I believe this has a lot to do with the website, and also the efforts TMF staff members have invested in marketing and advertising the website, with the help of freelance marketing experts who are establishing a name for the festival in the local arts community.