New Davidson College Homepage

New Homepage Design

Davidson's new homepage design is the culmination of months of work on project discovery and research, strategy, information architecture, and user experience. The design was the near unanimous choice of alumni and student focus groups.

Read More

Responsive Design - Desktop, Tablet, and Mobile

Tablet and Mobile Designs

Site visitors who access the new site on a tablet or mobile phone will see a slightly different design that is optimized based on screen size. Known as responsive design, the site will adjust automatically to the resolution of the device.

Read More

Lower Level Page Design

Lower Level Page Design

Lower level pages are designed with flexibility in mind featuring two- and three-column layouts, multiple masthead, callout, and main content area options, as well as news, events, and social media feeds.

Read More

Homepage Wireframes

Homepage Wireframes

Before any design work begins, wireframes are created for every iteration of the homepage and lower level page types. Since Davidson is doing a responsive design, wireframes need to be completed for desktop, tablet, and mobile views.

Read More

Inside Davidson Upgrade

Inside Davidson Gets an Upgrade

Over the summer Information Technology Services and College Communications have been working on an upgrade and design refresh of Inside Davidson, the college's intranet site.

Read More

Subscribe

Sign up to receive Web Redesign Project updates by e-mail whenever we post something new to this blog.

Inside Davidson Upgrade

Inside Davidson Homepage

Inside Davidson Homepage

Over the summer Information Technology Services and College Communications have been working on an upgrade and design refresh of Inside Davidson, the college’s intranet site.

It will feature:

  • A refreshed look and feel for faculty/staff and student gateways
  • My Links customization feature
  • Clickable event links
  • The Ribbon feature that is critical to edit in SharePoint
  • Streamlined committee access
  • A major upgrade to the system software from SharePoint 2007 to SharePoint 2010

The new version is scheduled to go live on Monday, Sept. 24.

Branding

The biggest change for most campus users will be the look and feel of Inside Davidson. The look has been refreshed to align Inside Davidson with the branding standards of the college. The color palette has changed to bolder usage to highlight site sections more clearly.

Navigation

Many of the links on the left and right of the page have been moved to top level navigation drop-down menus to open up the page and make it easier on the eye to peruse. Campus Resources and Academic Resources drop down menus contain the majority of the links that previously appeared on the right and left hand side of the page.

My Links

The My Links section is a new feature in SharePoint that allows individual users to determine what links matter to them the most, and place them on their page in a prominent location. This section replaces the prior Popular Links section from the current Inside Davidson site. Instead of being told what is popular, you determine what’s popular for your needs. It is recommended this section is used to create quick access to campus resources of importance to your day-to-day college functions, but links to external sites, such as CNN, can be added here as well.

Clickable Events

The event listings pulled into Inside Davidson from the Master Calendar EMS system will now be clickable from Inside Davidson to see more information. With this new feature, it is important that contributors to the Master Calendar add a description to their events.

The Ribbon

The ribbon feature is new to SharePoint 2010. The ribbon functions similarly to the ribbon feature found on all other Microsoft Office products including Word, Excel, and PowerPoint. If you have editing privileges in SharePoint, this feature will be very important to your day-to-day interaction with SharePoint.

Committees

The Committees section will list only committees in which you are a member.

Software Upgrade

The software upgrade is a significant change from the current Inside Davidson Web site. It requires the migrating of content from the current site to an entirely new Web site hosted on a new server. The majority of the changes you see in Inside Davidson are due to the changes in software. It is important that the college remain up-to-date on the latest technology provided by our software vendors for support purposes as well as feature purposes.

Alerts

If you have alerts set up to notify you whenever content has been added, changed or deleted, you will need to reset them after the new site is live. Alerts only notify about content. If you subscribe to documents under Reports, these are unchanged. Reports will remain in SharePoint version 2007.

Bookmarks

If you have bookmarked or favorited pages in your browsers, those links will be broken as the upgrade to SharePoint changed all the links within the Web site.

Breadcrumbs

Breadcrumbs are located under the folder icon at the top of every Inside Davidson page. Clicking this icon will allow to go back one or more pages depending on how deep into the site you navigate.

Informational Sessions

On Friday, Sept. 21 and Friday, Sept. 28, there will be a series of informational sessions to show faculty and staff the new Inside Davidson Web site and the features listed above. The sessions are scheduled to last one hour each.

  • September 21 sessions
    900 Room
    9 a.m., 10:30 a.m. and 2 p.m.
  • September 28 sessions
    Sprinkle Room
    9 a.m., 10:30 a.m. and 2 p.m.

Tablet and Mobile Homepage Designs

Tablet ViewAs noted in previous posts, the new Web site will feature a responsive design where visitors who access the site on a tablet or mobile phone are served a slightly different design optimized for the screen size of each device.

For example, when viewed horizontally on an iPad, visitors might see the desktop homepage view but when the iPad is flipped to a vertical view the site would automatically adjust to accommodate the smaller screen size.

On an iPhone or Android phone, visitors would see a narrower view of the site with content optimized for display on a mobile phone. Navigation would be presented in drop-down menus and as buttons rather than long text-based lists.

The same site content will be seen across all devices — desktop computer, tablet, or mobile phone.

We recently approved homepage designs for tablet and mobile views. Included below is a gallery of the designs. Click on a thumbnail image to see a larger view of each design.

 

New Homepage Design Concept

New Davidson Homepage

Click image to view gallery

At last, we have a new homepage design! BarkleyREI presented us with four design concepts, which we quickly narrowed to two concepts that were selected for further modification.

The designs were tested with three focus groups: (1) current students, (2) alumni, and (3) faculty and staff. The chosen design was the near unanimous favorite of our student and alumni focus groups.

Features of New Homepage Design

  • Clean, traditional design that utilizes the Davidson red and black colors
  • Large, very visual featured content area focused on key themes and messaging
  • News and events area shown “above the fold” so will be easily viewable on smaller monitors
  • Callout area for important college initiatives. In the example, the callout area is represented by “The Arts” and “The Davidson Trust”
  • A social media streaming scroll, which pulls content from the college’s social media sites
  • Super footer with commonly accessed links
  • Drop-down navigation with an optional featured content area within the navigation area
  • Internal college audiences have been combined under a single Inside Davidson link, which is noted with a “lock” noting authentication is required

Responsive Design for Tablet and Mobile Devices

As noted in a previous post, the new website will feature a responsive design that will allow for better viewing on tablet and mobile phones. View also our homepage tablet and mobile designs.

Home Page Design Gallery

Page 5 of 10« First...«34567»...Last »