Home page design finalized, Prototype unveiled.

The Website Advisory Committee is excited to share the final design of the new university home page and an initial programmed prototype. (While this prototype uses JavaScript the final version of the home page will use some Flash technology). The committee will roll out additional pages in a beta-test or soft launch by the end of April, with the completed, new Website launching in the summer. To view a functional prototype of the home page, click here.
The process has been a thorough and intensive one with feedback from many campus constituents, as well as focus groups with target audiences, including current students, faculty and staff, prospective students and alumni. Over the past two weeks, the committee presented the new designs to several campus-wide groups including the Executive Officers, Deans Council, Student Government’s Chancellor’s Liaison group, Technician staff and the Campus Communicators group.
When reviewing the approved home page design, keep in mind that the final look incorporates the consistent and clear feedback we received from all parties: combine the “Action” and “Your Story” concepts, but let the individual stories communicate the key accomplishments and messages of the university in a real and visually dynamic way.
From a content perspective, the home page creates a compelling voice for the university. According to the input we received, one of the most exciting parts of the Your Story concept was the ability to participate in a community and contribute content that would appear on the university home page. The final design reflects this approach with the ability to contribute content.
The following details describe the page elements as referenced in the corresponding image.
1. Utility Navigation:
Other feedback the committee received was to create a home page that was easy-to-use and navigate. In the utility navigation of the page, Directories has been replaced with a more intuitive and direct, Find People link. The university has been branded by its full name for search engine optimization and to identify it to international visitors and those who many not identify or search for the university by the state abbreviation. The calendar link will go to the main university calendar and an additional link will take users to the NC State portal.
2. Header/QuickLinks/Search:
A frequent request that the committee could not have agreed with more was the suggestion for a QuickLinks toolbar. We’ve populated it with what we feel are some often visited pages within the university; but you’ll have the option to customize your own QuickLinks. We would like input from the community on what sites should be standard default items in the QuickLinks. A search option that searches from the home page eliminates the extra click that the current search presents.
3. Main Feature Area:
The page’s main content is positioned around seven themes or brand messages relevant to current and prospective students, faculty/staff, alumni, parents and general visitors. Each theme is supported by images and video. Users can view additional stories within each theme and even submit information — whether it’s content, videos, images, or ideas — by selecting the share your story link. The images and video will change frequently and more so as the campus community becomes an active participant. There is no shortage of stories at NC State and the web committee is eager to receive everyone’s content.
4. Main Navigation:
Additional refinements include the straightforward navigation on the left-hand side of the page. Based on who you are, the points of entry to dig deeper into the site are clear and precise. The committee also made a point to avoid redundant categories and content on the page, so you won’t see any of the links on the left-hand navigation repeated elsewhere on the page.
5. Bottom of Page Elements:
The redesign also offers the opportunity to toggle between current news and events (Item 5), apply to the university, and experience a virtual tour of campus through rotating, engaging photography (Item 8). The lower half of the page will also feature a news story that links to the university’s main news item of the day (Item 6). The area occupied by Item 7 is flexible and interchangeable; in the focus groups, the university-related facts and figures were extremely popular.
6. Footer Navigation
The footer navigation (Item 9) reflects the most static part of the new site but includes important information such as university policies and procedures, emergency information, job opportunities and contact information.
The committee will unveil the sub-tier, secondary pages in the next few weeks.
Please review the new NC State University home page and share your thoughts and feedback in the comments area.

31 Comments:
phenomenal!
Although it has yet to be launched, I think it can easily assume the top spot among university web sites!
It looks as though you have accomplished all the goals set for this page: It is very dynamic and visually stunning, while maintaining its relevance to prospective students, etc.
It looks as if it will be easily navigable, as well. . . I'm really looking forward to launch. In the meantime, "Great Job to all!!"
I don't like how you have to scroll on the webpage. It's just a little too big to fit in a browser window.
I like the general feel of the website, but there's a lot of room for improvement.
ncsu.edu has had bad navigation, and this design does nothing to improve it. There's three separate navigation areas (top, left, and features area). Actually, looking again, I'm wrong. There's a two more navigation areas: one is the "Quick Links" drop-down and the other at the bottom of the page, which I didn't see because I had to scroll to it (see below about that). I understand the features area is not really navigation, so I'll ignore that for now. As for the others, I think drop-down (or "drop to the side" if on the left) hierarchical menus could clean up the nav quite a bit. Many of the current links could be put under bigger categories and then the various navigation bars could be combined into one. For example have a "Information For..." box that opens up to have the Future Students, Current Students, Faculty & Staff, etc. links. Another option would be to use a tabbed interface. Because the left links do not really work right now, some of this may already be part of the design. But, in the end, I believe the navigation needs to be simplified considerably.
Because there is so much content, as mentioned in another comment, you have to scroll on the page, which usually is a bad thing. It made me miss the bottom navigation area at first glance, for example.
In the features area, when you click a link, the screen fades to white, and then brings up the next "feature" (this is good) but then it blinks white again. A similar fade-flash cycle is observed when clicking the events or news "buttons" on the left-hand side. Something about this just bothers my vision and expectations. Stuff flashing and blinking has usually been looked down upon in recent years.
These are my initial impressions, and there's still some things about the page that my mind is spinning on. I'll comment again if I can verbalize any more of it.
I like it. However, it needs to have some work done with browser compatability. In the Opera broswer the div's spacing is horrendously off making the whole page look disjointed, and simply wrong.
re: above comments
if you'll read the accompanying post, you will see that it is currently run via Java, but will ultimately be flash-based. . . this should rectify browser issues.
secondly, the "quicklinks" is an innovative, and desirable addition! Having a couple separate areas with direct links to the most accessed areas IS a huge improvement over trying to navigate through fewer very-general links to ultimately get to a page that is frequently accessed. Further, many/most college pages start with the ONE VERY NEBULOUS MENU, which is a crap-shoot when trying to find something. . .
Terrific website. Don't forget that CHASS is the university's second largest college, though in choosing the promo pictures and highlights. . . .after all if we are showing the range of students and their interests a disciplinary range is part of it, yes?
This is a bit picky, but can we change the large blue area to some other color?
Sorry t.l., but a a "quicklinks" feature is innovative? Maybe if it were still 1998. Rather than being useful navigation, these sections are typically cop-outs by a web committee that didn't have the nerve to tell departments their information didn't deserve to be linked from the homepage. If these pages truly are some of the most popular at NCSU, then they deserve to have their own link on the homepage, not be buried in a quicklinks drop-down. As for less popular pages, the search function should allow users to find them easily enough.
I'd also disagree that "many/most college pages start with the one very nebulous menu." Most actually have an absurd number of links, completely compromising page design and making navigation difficult.
All that being said, I think you've done a fairly good job on this redesign. I would work to streamline it over the next several months, and I'd recommend using analytics to track the effectiveness of the navigation and content.
I've thought of another problem with the NCSU page, though not the design directly. It is the problem of sub-domains. Let's say I want to go the the Library's web page. Its address is http://www.lib.ncsu.edu. However, when actually typing a sub-domain into an address bar, the typical inclination is to just type "lib.ncsu.edu". This, however, will return an error. This is also true for many other NCSU pages like the computer science home page. The shortened address is an industry standard; google, yahoo, microsoft, and many others use it. Even NCSU uses it for "webmail.ncsu.edu", which is totally inconsistent. I think these sub-domains need to be fixed with the new design.
hey guys, i know its not final yet but you might want to check out the site in Opera
http://www.ncsu.edu/univ_relations/ncsunew/
it looks like the container div isn't holding together.
The website has been done very well. Hopefully the rest would be same. Go Pack!
The site looks great. Navigation is solid.
A suggestion. NC STATE UNIVERSITY is repeated 4 times on the site. 2 times at the top and 2 at the bottom. This could be streamlined.
The HEADER GRAPHIC is HUGE. NC STATE UNIVERSITY LOOKS LIKE ITS SHOUTING ALL THE TIME. Could this graphic be dynamic when we win a game or something? Google's homepage does this when its a holiday.
I think the new homepage looks sleek and attractive and much more user-friendly than the current one. However, I can't help but notice the similarity in the design to other school homepages such as Carnegie Mellon's. Did the same company help design both sites?
That is a beautiful layout. Congrats on the wonderful website.
Beautiful work and fantastic user interface.
I've added this blog and story to The Professional Web Developer's Wiki - http://www.ryanj.org/wiki
Thanks for pushing the field of professional web development with your work.
--ryanj
Like some of the others have mentioned here, the design is pretty and looks nice, but to me, it looks a bit too "busy". There is no clear path that a user is directed to when they hit the website. What's the main objective here? That's a question I feel you should really ask yourself when coming up with a new web design. And in terms of SEO... make sure you have all of your onpage SEO in place.
its great. but, some work should done with browser compatability. In firefox and Opera broswer div spacing is not good.
Very nice design prototype :) Very nice indeed!
Folks,
NC State University is repeated on the site too many times. Please remove it on the top above the main NC State graphic and also remove it at the very bottom where it is repeated in the address. White space is good and having the NC State University name too many times is too redundant and looks like you're forcing no white space.
thanks,
matt
I'm the Interactive Director for a college in Minnesota that is just beginning this process. This redesign is simply one of the best college/university sites that I have come across. Can not wait to see the finish product. Thanks for the inspiration.
This website is phenomenal!
I really don't like having to scroll though.
North Carolina State University should be deleted from the top. (The one in the smaller font. The one in the big font is GREAT) Seems repetitive to me.
Otherwise, it's dandy to me!
yeah it looks really good and really user-friendly for students, faculty, and fans alike. I can't wait for it to start up. As a student here I love the quick links that yall have set up.
The part that says "future students" should be changed to "prospective students." its not like anyone can get in here...
Gorgeous!
Look Great..
Great approach - about planning a successfull website.
Tim Dillard
Look Great..
Great approach - about planning a successfull website.
Tim Dillard
First of all, it's a great improvement! I'm just leaving some comments to help the process along!
I noticed right away how the website looks cut in half. There are noticeably two separate sections (one on top and one on bottom). I love the content of each, however, I feel the flow from top section to bottom section is a little disconnected. It looks like as a community we were unable to decide between the "action" website and "sharing your story" templates. Which as I read the comments, the community wanted to combine the two. Which is great... but visually I needed a smoother combination. Specifically, the colors at the bottom of the page didn't blend well with the rest of the page. Also, while the first picture in the top section is beautiful, I feel that one with better color flow would be more appealing to the eye. Say the one that says Engaging Society - the one with the wolf background. Afterall, we are the wolfpack. And If you are not already a student, that first picture of the gate might be somewhat confusing until you see the actual entrance (at gorman and western) to NC State with your own eyes. Which hopefully they will :)
Looks really great..
BKP
Will the new site incorporate new tech such as AJAX for a better overall user experience? The visual design of the site is very nice but after using the old site, it seems as if a an AJAX solution for this site would be best.
very visually appealing and clear, easy to use design. well done!
internet marketing services
Nicely done layout. This new homepage looks great and is much more user-friendly.
James
Post a Comment
<< Home