Category Archive for: ‘Design’

New Design for DavidsonWildcats.com

We’re pleased to provide an advance preview of the new design for davidsonwildcats.com. The design for the athletics site is based on the new Davidson website look and feel but presents your Davidson Wildcats with their own unique and very visual online presence.

The site design was done by Davidson Athletics’ online partner Sidearm Sports and the project was coordinated by Sports Information Director Joey Beeler. You can look for the new site design to appear on davidsonwildcats.com sometime in August. We love the new look. Go Wildcats!

New Davidson Wildcats Homepage

 

New Social Media Hub

The redesigned website will feature a new social media hub (aka social media mash up) located at social.davidson.edu. The social media hub offers a single page view of Davidson’s institutional social media streams, including Facebook, Twitter, Flickr, Instagram, Pinterest, and YouTube, and provides an easy way for visitors to interact with the college and share social media content.

Previously prospective and current students, parents, alumni, and the campus community had to visit each social media site individually to interact with us. The new social media hub presents content all in one place and allows the college to present a more dynamic and engaging view of campus life and the great things that are happening at Davidson.

Davidson Social Media Hub

Like the rest of new Davidson website, social.davidson.edu utilizes a responsive design to adjust its layout for different device screen sizes. Here is a view of the site on an iPhone.

View of social.davidson.edu on iPhone

Lower Level Tablet and Mobile Designs

Davidson Three Column Tablet Design

Tablet View

Here is a look at the different screen presentations for lower level pages on tablet and mobile devices. As noted in previous posts, we are undertaking a responsive design approach for the homepage and lower level pages on the new site. The content on the site stays the same across desktop, tablet, and mobile devices, but the layout of the pages adjusts to the screen size of a given device.

Tablet Design View

This is a view of a three-column webpage layout that has responded to a smaller tablet screen size and changed to present the page in a two-column layout. The top navigation area of the page (area in red) has change to a narrower presentation where “Admission & Financial Aid,” “Student Life,” and Offices & Departments” now wrap to a second line. All of the right column callouts (shown in gold, red, and brown) have automatically adjusted and moved to be displayed under the social media area in the middle of the page. For optimal display on a tablet, all of the text links in the super footer at the bottom of the page are displayed in drop-down menus.

Mobile View

In the mobile view—what you might see on an iPhone or Android phone—the original three columns on the page have been automatically combined into a single column and presented in a narrower view. The site navigation has changed to be optimized for a mobile device and is also repeated at the bottom of the page so visitors don’t need to repeatedly scroll up the page to access pages within a given section of the site.

Page 1 of 3123»