Centennial Timeline Design Feedback

Below are a number of images that offer views of the emerging design ideas for the timeline. Please feel free to add your comments so that we can pass them along to the designer.

Yukie and Mark

This page will live on the LREI website and will serve as the portal page to the timeline that will live on its own site separate from the lrei.org site:

This is the main landing page for the timeline. The header design mirrors that of the main lrei.org site. The header includes links to navigate through the timeline. These links also appear in the body of the page, which includes some introductory text. The “Explore the highlights” link takes the visitor to a curated list of entries. The themes will be rolled out over the course of the year to create moments that we can use to call folks back to the timeline.

This is a mockup of the highlights page. Like all timeline pages, dynamic content (photo galleries, video, audio) can be viewed directly in the timeline. Each timeline entry is also associated with one of the 4Cs, which is indicated by the circular icon.

The header allowed for navigation once someone clicks past the main landing page. This shows the themes menu. Selecting “Students and Teachers” will return all the items with this tag:

Here is the 4Cs menu:

And here is the chronology menu:

Clicking on a timeline items, takes you to the detail page for the item. This page may include additional text that is not shown on the main timeline page. Dynamic content is also viewable from this page (as it is from the main timeline):

5 Responses to “Centennial Timeline Design Feedback”

  1. Mark Silberberg Says:

    On the main timeline page can we swap the text with the highlights link? This would make the link to the highlights more obvious and the text really contextualizes the sublinks. Keep the highlights red. Maybe the text against a gray.

    Possible for there to be some kind of video running in the background of the main page instead of an image?

  2. Chap Says:

    I like the themes that will come to the community throughout the year – keeping some content away so folks don’t get overwhelmed but also enticing folks to be ready for what’s to come.

    In that same way, the fact that each of the items on a timeline will have enough details that yo can read off of the text of that timeline or click to read or see more.

  3. Kobi Says:

    Header: Has there already been consideration for the call out in the header? Perhaps “LREI 100” or “100 years of LREI” instead of We Are LREI?

    Return to Timeline instead of Back to List

    Half tone images along the background of the timeline should be consistent and not fade to solid grey color.

    Are “Highlights” select pieces of content that introduce each decade? Or is it an aggregate of all content? I think the tags that filter in content in different ways is ideal so a way to punctuate it would be make the highlights be the former to encourage searching and poking around.

    Icons along the center line should change to reflect the respective tag filters: 4C’s Icons, Number’s for, Chronology, Select Themes for each of the chosen themes.
    You may want to implement background images shown to reflects the tag filters as well.

  4. Kobi Says:

    Portal page
    Fonts perhaps should match the headers – perhaps sans serif, not serif?
    Call to action: More iconography (less text)introducing icon treatments for comments made above.These can be clean lined icons or perhaps icons that feel handwritten?
    i.e. Next to “Explore the Centennial Timeline” in the red box it should be an icon that calls viewers to click. Ideas: “Click” “Play” “Explore”
    Since the site is dynamic, maybe the icon calling viewers to click it, pulses?

    The main page favors the portal page so much it almost feels like nothing happened when you go from one page to the next. It’s also copy heavy. Can we streamline with icons with fewer words?

  5. Kobi Says:

    HEADER: As users hover over the tabs can we highlight with contrasting color?

Leave a Reply

Skip to toolbar