This is the official blog set up by White Whale Web Services to chronicle and publicize our redesign of the Kenyon College Web site.

Thursday, January 10, 2008

Final release candidate, Kenyon.edu homepage

After several weeks of design work, and collaborative revision and deliberation between White Whale and Kenyon's Web redesign committee, we're happy to announce our final release candidate for the design of Kenyon College's new Web home page. We'll take you quickly through the process and its goals, and introduce you to the final candidate.

Process overview

We began early design conceptions for the Kenyon site shortly after returning from our three-day visit to Gambier in mid-October; the design process began in earnest after the delivery of our design and development recommendations on 10/31, and the general styleguide that came out of that process. After about three rounds of revisions internally, we presented two finalist designs for a Kenyon homepage, and four alternates, to Kenyon's Office of Public Affairs on December 7th.

This slate was narrowed to three choices by Public Affairs, which went to the greater Web committee for review. After internal committee debate and a December 20 conference call, a final release candidate was selected.

Goals for the Kenyon homepage design

In reviewing and critiquing designs, here's what we've been looking for:

  • A design that mirrors Kenyon's excellent print work. Kenyon has some of the most consistently excellent print marketing materials we've seen. In our Web work, we've looked to the print materials as an inspiration (recognizing of course the inherent differences between the media). This means simple and clean lines, strong photography, and thoughtful typesetting.
  • A reflection of the dynamism of the Kenyon community. It's our belief that Kenyon is a more dynamic, provocative, challenging place than it gets credit for. In our design process we've sought to get this across. Although Kenyon has beautiful architecture, there's clearly more to the picture than a straightforward campus beauty shot. What sets Kenyon apart from its top competitors isn't its beautiful campus: it's something more elusive, something uniquely Kenyon, and that is what we've tried to get at in the homepage design.
  • Simplicity and complexity. In our October meeting, President Nugent made a reference to wanting the "elegance of simplicity and the functionality of complexity." Our primary goal has been to find this balance: to create something that can offer the excitement and dynamism of a highly interactive and engaging experience, but be able to highlight a single focal point if necessary. Our design should be flexible enough to meet a wide variety of communications needs.
The final candidate

The selected final candidate for the Kenyon homepage design is called "Photomosaic." It will appear in different ways at different times as needed by Public Affairs— with either a mosaic of Kenyon photography or a single feature with a translucent mosaic overlay. Here's the mosaic version:

The photos used in this mockup aren't necessarily the final selections: for the final release, the selections can be as random or as calculated as you'd like. We don't think the mosaic will randomize with each page load: rather, we imagine it might be composed (within parameters, of course) once a day.

The individual thumbnail images of the mosaic will subtly highlight on mouseover, and will show a larger version (with caption) when clicked. In this way, the mosaic homepage will always function as a robust Kenyon photo gallery.

The news and events items below the mosaic are completely customizable by Public Affairs, and can be used as needed, with thumbnail images for headlines requiring them.

This design can also be used to highlight a single feature. Feature stories can be used to drive traffic to areas needing increased exposure, and show off particular elements of the Kenyon community to the public. Here's an example of a feature story treatment:

(The above feature highlights Study Abroad— academic stories are just as appropriate.) And here's another, this one leading to a photo gallery:

Feature stories can be generated as needed by Kenyon's Public Affairs office; in general, the sorts of stories that are appropriate for this treatment are the type that wind up on the front page of the Bulletin. We have prepared a guideline for the preparation of Photomosaic homepage feature content, which was delivered to Public Affairs after the design presentation.

It is also possible to combine mosaic and feature approaches on a single page if needed.

General design justification

This design has clear roots in some of Kenyon's existing print materials: there's an Admissions poster with a similar look and feel, and the cover of the "On This Hilltop" DVD has the same general approach. But the dynamism of the Web lets us take this general treatment to a new and exciting level.

When the homepage is in mosaic mode, we believe it's doing something not seen anywhere else in academe: integrating a multifaceted photo gallery directly into the substance of a home page design in a subtle yet affecting way. We don't think any one image can tell Kenyon's story, but the 27 images seen in the mosaic can: together, they provide a quick and intuitive understanding of the sort of place Kenyon is.

When the homepage is devoted to a single feature, the mosaic overlay acts as a bold design element that is, again, unique: it is treated in a way that you don't see often on the Web (though it's fairly common in high-end print design). It's a very straightforward approach that nonetheless will, we feel, give an already strong photograph the feeling of high art.

It will be important, with both mosaic and feature approaches, to make sure that all areas of Kenyon's community are highlighted. This means that a good percentage of feature stories and mosaic images ought to be about academics, and the sciences in particular. We look forward to helping Public Affairs find the right balance going forward.

All in all, we believe this design takes concepts that have been reduced to a cliché in much of higher ed— diversity and community— and gives them a spin that doesn't feel contrived or strained. We hope you agree.

Click below for full size mockups:

Mosaic version with thumbnail images

Feature story (Study Abroad)

Feature story (Open All Night)

Here's what Jeremy (one of the Whalers) has to say:

"Many schools attempt to wrap up their first impression with a homepage that centers on a single, large photo. When a college takes that approach, it's wagering that the photo will have — for every visitor — just the precise sort of impact that the school wants to make. With a photo wall, Kenyon can take the multi-faceted approach, both displaying quantitatively more aspects of the school, right off the bat; as well as showing a qualitatively finer and more nuanced picture of Kenyon as a whole. I'm sure that you'd agree that the Kenyon experience is more than just the sum of its parts, and showing a photo wall allows us to lead students into thinking something like: 'Oh, I get it. I can study with professors in a small group, then walk down the Middle Path, say hi to my friends, and then go to that beautiful athletic center for practice. And those dances look like fun.' Any one piece of that picture wouldn't have nearly the same effect."

We very much want to know what you think; please take the time to comment by clicking the link below. You don't have to set up an account to post comments. In the Kenyon spirit of open discussion and debate, we ask that you include your name and class year (or faculty, staff, alumni status, etc.) along with your comments; anonymous comments may be deleted.

17 Comments:

Anonymous Patty Burns said...

As a member of the redesign committee, I encourage the Kenyon community to use this blog to pose questions, share concerns, and offer feedback to the White Whale staff. For those of you who would like the opportunity to discuss the redesign in person, Jason Pontius, president of White Whale Services, will be on campus Wednesday, January 16. An open meeting for interested members of the Kenyon community will be held at 4 p.m. in Olin Auditorium. You should also feel free to share your thoughts with any member of the redesign committee. They include: Tom Au ‘08, Patty Burns, Amy Blumenthal, Sara Christiansen, Jennifer Delahunty, Jalene Fox, Ron Griggs, Judy Holdener, Cathy Kempton, Rebecca Mazur, and Shawn Presley.

January 14, 2008 7:17 AM  
Anonymous JA said...

I appreciate your efforts, and I look forward to the final version. At this point I find the 27 pictures at the top way too much -- too busy, cluttered, chaotic. Also, the page doesn't fit on my screen. I use a 17" monitor at 1024 x 768 resolution, with Mozilla Firefox including tabs, which I think is a very common configuration. I think the whole page should fit on the screen without scrolling. Also, I'd like to see a mockup of the Academics portal, which is what I would use.

Joseph Adler
Dept. of Religious Studies

January 14, 2008 12:27 PM  
Anonymous Kes said...

I like the interactive element of the mosaic, but I agree with Professor Adler that the mosaic design looks too cluttered. The many different colors is particularly jarring. I believe that this design is something not seen in the "academe" because a photo gallery removes attention from pertinent links. I think most visitors fully intend to move away from a homepage when they visit a site, so I personally do not see the relevance of the mosaic and find it detrimental to the homepage's purpose of navigation.

Again concerning the mosaic, Jeremy makes a good point that Kenyon cannot be summarized in 1 picture, but neither can it be summarized in 27. This is both because the Kenyon Experience cannot be described in a mere 27 pictures and because anything that takes 27 pictures is not really a "summarization." I find the focus on Kenyon People on the current webpage to be much more indicative of the Kenyon Experience than the photos. (NB: I appreciate the continued inclusion of Kenyon People in the new design, but think that photographs of the individuals should continue to be included on the homepage to give them more identity.) In summary, I find the third example of the site, the photo essay, to be a good compromise between the interactivity of the mosaic and simplicity of viewing.

Finally, I would like to make two other observations. First, I would be tempted to prefer the current Kenyon website over the new one because of link access. The link I use most as a student "For Students" is at the bottom of the page instead of at the top. This new design is clearly geared toward prospective students, with their pernitent links at the top. This may be exactly what Kenyon is seeking with its new webpage, in which case I agree it is affective. As a current student, however, I do not find the website as convenient.

Secondly, I like that the background is off-white. I know white background sites have become increasingly popular due to Google, but as someone interested in energy consumption and in acknowledging Kenyon's uniqueness, I prefer the non-white background.

January 14, 2008 1:36 PM  
Blogger Jason Pontius, White Whale said...

Hi folks,

Thanks for the comments.

Professor Adler: We should be clear that this is a JPEG mockup of the final design. The current image is of a static width: the final version will account for monitor setups such as yours. (Like most pages, some vertical scrolling may be required if the homepage content runs long. But horizontal scrolling won't be required to view content.)

kes: I don't believe we are trying to summarize the Kenyon experience with the photo mosaic: rather, we're just trying to give a sense of the dynamism of the community and the area. Rather than trying to cherry-pick a small number of photos to get the point across, we're taking a more multifaceted, "day in the life" approach. We'll definitely take your thoughts regarding the color palette into account, along with everything else you've mentioned.

January 14, 2008 2:00 PM  
Blogger Pamela Faust said...

Having looked at far (far, far, far) too many other college web sites while doing research recently, I like the improvements I see in this new mock up.

The home page photos are engaging to the eye, and both the links above the mosaic and the categories below are organized in a way that makes more sense to me than our existing home page. I also like the way the mosaic look was used for the sample feature story. As someone who works on big events that draw a lot of people who aren't campus residents, I can see this feature being used to great advantage to make navigation easier for parents or alums during Commencement and Reunion weekends - our previous links were often buried on the home page and hard to find which can be very frustrating for visitors.

I would like to see a mock up of the Quick Access page - as someone who often resorts to an unfamiliar site's map to skip around to what I need in a hurry, I'd like to see what our new "cheat sheet" will look like.

January 14, 2008 2:38 PM  
Blogger Jason Pontius, White Whale said...

Pamela: Quick Access is based on a similar idea that we implemented for Haverford College. While the design elements will of course be quite different in Kenyon's version, you can get an idea of how it will work by visiting the Haverford page:

http://www.haverford.edu/quickaccess/

January 14, 2008 2:51 PM  
Anonymous chasep said...

the dozens of images might be overkill. plz don't sacrifice a usable, good design for something that tried to cram everyone's wishes in and risk pleasing no one in the end

another thought: although all those fun colorful images make kenyon seem really vibrant and multifaceted, it looks a lot more like it's trying to sell kenyon rather than show any faith in its reputation (or even faith in the content of the website). brown's splashpage does it well: gives the feel that here's all the info you might need, and, although it looks nice and works elegantly, it doesn't add any bells and whistles to try to impress. i think that puts more trust in an institution you know is good anyway (arguable?) than bright, fancy graphics more at home in an advertising environment

then, the text snippets below the mosaic -- "Meet Kenyon People," "The Sciences at Kenyon," the campaign, the Review -- seem like they're trying to provide a launching point for people who don't know why they're at the website, helping them find something interesting to get into the content of the site. maybe assume that ppl who go to the site already know why they're there and what they're looking for

e.g., the most-used parts of the redesign will likely be those small text links at the very top and that tiny "Departments" drop down in the very bottom right. a bit more emphasis, perhaps?

honestly, tho, anything u come up w/ will almost certainly be an improvement

cheers

January 14, 2008 7:11 PM  
Anonymous Wendy Singer, Dept. of History said...

Congratulations. This is beautiful! I like the photo wall and the idea behind it. I am sure you are thinking about what is the optimal number and optimal size per photo. The ones on this current mock up may be too small and too many. I say this for two reasons. One is that they may be too small to make a viewer curious enough to want more. Also, it raised for me a question about upkeep. What I like about the photowall is the idea (though I guess not available in the mockup) of running a mouse over an image to get a caption and perhaps link to something related. Will this many photos be too hard to keep fresh and connected?
I looked at competitors--Macalester, Carleton, Oberlin, Vassar, Bowdoin, etc. And the only one that has something similar is Grinnell. And this is nicer than Grinnell's wall which is devoted just to "doors" right now.
While the mock up does fit on my screen, I wonder why it doesn't on Joseph Adlers' and what that might mean.

Also, I would like to see what a department template would look like. I still would like more flexibility there.

Congratulations again.

Wendy Singer
Dept of History

January 15, 2008 5:27 AM  
Anonymous Jay Corrigan, Dept. of Economics said...

It looks really good. Nice work.

January 15, 2008 5:30 AM  
Anonymous Laurel (2010) said...

I think Grinell's page is a little cleaner - if the photomosiac were made up of fewer, larger pictures, it would be less distracting. After all, the important part of the page is the fact that it belongs to Kenyon, and in this version, the Kenyon College label does not stand out at all. I think it would be better to have the Kenyon College label at the top, perhaps with the links currently at the top just below, then the photo mosiac (if the photos were of varying widths and heights, but still adding up to a rectangle that stratches across the screen, I think that would be more interesting), which I would also make only two squares long (rather than three), then below the mosiac have the links relevant to professors, employees, and current students, and finally links that are already featured. If the Kenyon heading, links, and photo mosiac are supposed to stay on every page, I think that would be the most efficient and representative design.

As for the off-white background, I think it is just okay. I know white may be becoming cliche, but I prefer the clean lines and how the blank slate makes the writing pop. Plus, it is one of Kenyon's colors. I could understand if the heading with the label, links, and photomosiac were the off-white color, but I think to draw people's attention to Kenyon's current news and achievements (such as the open all night article or the article on the student who won a science award), the rest should be white or perhaps just a little lighter color.

I like the creativity here, but it seems to me that at the moment, the only thing one can see when they look at the jpeg is the photomosiac...not the fact that it is a Kenyon website, not the links, not the articles, just the photos. And if that is not going to have scroll-over labels explaining what is going on, then it is a little annoying. I also think that if the photomosiac were highlighted with a line above and below, it would make the website flow a little better. I also am not sure of this, but I hope the photomosiac will be centered on the website.

I really love the idea of having feature stories in a mosiac, and in the case of the study abroad article/picture, it is okay to have a larger photomosiac because it is not too busy.

An additional thought (I know, I should wrap this up): I really like the picture on the side of the statue outside Rosse on the blog site, so perhaps when a student clicks on a link, a photomosiac of a long, thin photo could highlight the edge of the screen. Maybe. Depending on the link. For example, in the science department link, a picture of a lab setup or a student in a labcoat could be mosiac-ed (like the feature story overlaid mosiacs). Anywho, I am sure I have a lot more ideas, but perhaps this website is not all about me. :)

January 15, 2008 9:22 AM  
Anonymous Anonymous said...

I more or less agree with what folks have been saying so far. One thing I would like to stress however and which I can't tell from the mock up presented: how will those of us who use this site day in and day out for all sorts of things be navigating it. I find this front page too distracting for me to use everyday. I would most likely set my homepage to an internal link, like the faculty link we now have, which would just be a simple list of links that will get me quickly to what I need to get to (library, class rosters, provost's page, moodle, etc.). Currently I don't even look at the home page.

Frankly even as a prospective parent (I have had two kids in college so I have looked at enough of these), I don't like most college web pages . Most of the time, even as a prospective I can't find what I'm looking for. Less clutter; more clear links to information that is useful (like what classes are being offered, what are the faculty's credentials, what does it take to major in X, what kind of library holdings does the college have, what are the graduation requirements, how much is this going to cost me). Both internally and externally, people using this site (as oppposed to just browsing it) need to be able to find what they are looking for quickly and efficiently. Have there been test users (I noticed that there was only one faculty member on the committee) who have tried getting around on the site for a day or a week or so? I don't want to end up with a site where it takes me clicks on 6 links just to get to the consort catalog (which is what happened when we first went to CMS).

I don't care if it's pretty; I just want it to be usable.

Laurie Finke

January 15, 2008 10:38 AM  
Anonymous danstreicher said...

Why not make some images larger than others so the viewer's attention is focused more easily and then drawn out to the smaller images? This would make the home page less overwhelming.

I threw together a quick (rough) mock-up, but you can easily arrange the different sized images differently, or even have more than two sizes.

Image Here

Daniel Streicher

January 15, 2008 7:51 PM  
Anonymous Jason Pontius said...

Hello from Gambier, folks. I'm in town for a day of meetings with Kenyon staff and faculty. As Patty Burns comments above, there will be an open forum to discuss the design today at 4pm in Olin Auditorium. I hope you all will attend for a lively discussion.

chasep: As you note, Kenyon's home page has to work for two groups: internal audiences (who will visit frequently) and external audiences like prospective students (who may be there for the first time). I would say the new design takes prospects into account a bit more than the current one, though we hope current students and faculty will find it enjoyable too. If what you're after is quick access to information inside the site, we're going to make that easy with prominent search, Quick Access, etc.

Professor Singer: Many thanks. Yes, the photos will be clickable for a larger version and caption, and I believe Kenyon's Public Affairs office will be able to keep interesting photos in rotation. (We're also exploring the possibility of letting students and staff contribute their own photos.) Once we have a live version of the homepage to test with, we'll have a better idea of whether or not the current size is enough to encourage users to click the photos. I think they will be.

Laurel: Of course the site is about you! Who else would it be about? You've suggested some interesting ideas here, and we'll discuss them with Public Affairs. I will say that the inside pages related to this design (Admissions, etc.) sound like what you're suggesting here; for obvious reasons, the homepage photos have more real estate. Yes, the page will be centered. We may try to lighten the background color per your suggestion; as you might expect, it appears differently on different monitors. If you have more ideas to share (as you suggest), feel free to e-mail us at kenyon@whitewhale.net.

Daniel: Thanks for the mockup; we'll discuss that approach. I also think it'll be easier to judge the specifics of the photo mosaic itself once the photos are clickable, so stay tuned on that one.

Looking forward to meeting many of you this afternoon at 4pm.

-- Jason

January 16, 2008 3:47 AM  
Blogger steve said...

This post has been removed by the author.

January 16, 2008 12:38 PM  
Anonymous Anonymous said...

As a current student, I agree about making the most-used links more accessible. When I first looked at the page, I really had to search for the "For Students" link, which is the first place I go when I visit the Kenyon website several times a day.

January 18, 2008 5:52 AM  
Blogger hendersonk said...

I like the photo montage, especially when it is used for feature stories. However, like some others, I find the 27 equal sized pictures too busy. So I was delighted to see Daniel Streicher's mockup (see prior comment) in which he varied the size of the pictures. To my eye, this offers visual relief while still conveying the dynamism and complexity of Kenyon. I hope more people will take a look at this mockup and White Whale will consider this approach, or some variation of it.

January 18, 2008 6:38 AM  
Anonymous Anonymous said...

I do not like the proposed website design. It is too cluttered and the print links are too small. This is a problem with the current webpage that I hoped would be addressed in the redesign.

The page looks like it is designed for recruiting admission and not for the students, administrators, and faculty who are already here. Links for Current Students and Faculty, for example, are down at the bottom instead of on top where they are quickly accessible.

January 18, 2008 10:49 AM  

Post a Comment

<< Home