Introducing “Faces of Saint Anselm”

November 11, 2009 · Filed Under BarkleyREI, Design, Flash, Homepage, Ingeniux, Level Pages, Redesign · 1 Comment 

BarkleyREI has designed an engaging Flash piece that will be used in the right sidebar of the redesigned Web site to present profiles of current students, faculty, and alumni across the site. Internally, we’ve been calling it “Faces” for some time now. We think BarkleyREI has done a great job in designing this particular Flash application and we are looking forward to using it as it will allow us to display profiles in a new and more interactive way.

Faces of Saint Anselm

Faces - initial View with photo gallery Faces - view with arrows to browse through available profiles Faces - view of photo gallery overlay Faces - view of video included at bottom of profile Faces - view of the video player for those profiles that will include video

Faces Overview
As described above, the “Faces” Flash piece will live within the right sidebar of select pages throughout the site. When clicked on, an overlay will open above the page. Each profile will include name, class year, major, a short text profile, and “Dig Deeper” links, which will link people to relevant Web pages within the Saint Anselm Web site. Each profile will include either a photo gallery of images (relevant to the person profiled) or a single video or audio/photo slide show.

Read more

Level Page Design Comps

September 23, 2009 · Filed Under BarkleyREI, Design, Level Pages, Redesign · Comment 

Since the approval of the new home page design, we’ve been working with BarkleyREI on designs for lower level page templates. You will see several recognizable design elements that are being carried over from the new college home page design — the color palette, the blue page background gradient, header and global navigation, and the super footer.

Please keep in mind that the photos used in these design comps are only placeholders as is the Latin text used for filler. Also, we’ve overfilled the right sidebar to show multiple options available for displaying column call outs.

Level page design comp - three column

Level Page Three Column Comp Level Page Three Column Comp - With Longer Department or Section Name Lower Level Design Comp Showing a Two Column Page

At this stage, BarkleyREI presented us with two unique design approaches for the level page templates. One design saw the color red introduced to the color palette (the same red used on the current site). After seeking feedback from several offices, we decided that the introduction of red to the color palette was a sharp departure from the color palette used for the new home page. So we have stayed with a mostly blue color palette in the level page designs.

Read more