This site from the World Wildlife Foundation provides a really good basis for brainstorming a site of my own. I think it’s really telling that even though this site is in French, it is easy for me to tell what to do based on the design. The user experience is great.
One of my favorite elements is the use of “point”. When the user hovers over the first image of the tiger, after getting past the intro, there are directions as to what to do. It is clear in the point that says “more” that to find more information about tigers. The user also gets the direction to “drag” the photos to see more- the next one is a flamingo with another year over it. This makes it clear the site is formatted like a timeline. This is also a really good way of connecting (mostly) unrelated or ongoing topics, something I could incorporate into my own site.
When the user mouses down the page, a more typical timeline pops up. This timeline has points all over it that you can hover over to get more information. The point saying “drag” is also still there to clue the user in, just in case there is any confusion. I think this could be a cool way to do a footer or toolbar on a site, to have it pop up when the user hovers over it.
I also really like that instead of having the page scroll vertically, it scrolls horizontally to emphasize the timeline nature of the design.
The site is overall really minimalistic and only uses a few colors and types. I think this creates a good sense of unity. I like that all the little details they put into the site add up to make it well designed.