ETO: 10 Year Timeline (Site of the Day - Dec 15, 2012) — UI design breakdown
After a decade of helping utility customers make energy-efficiency investments in their homes and businesses, it was time for Energy Trust to take a step back and reflect on 10 years of service. Pollinate designed and developed an interactive timeline to document the organization's key milestones, from program developments to customer stories. Sourced from Awwwards. Use this page as a UI breakdown: reverse-engineer hierarchy, color roles, and interaction cues before you remix ideas into your own screens.
- Study how ETO: 10 Year Timeline separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Dec 15, 2012.
- Extracted palette (#2779A7, #49C5B6, #ECD06F): check which hues carry brand vs utility chrome.
- Darkest #2779A7 vs lightest #ECD06F sits around 3.2:1, which is closer to large-text / UI-component contrast.
- Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?
- Related themes: Institutions, Animation, Fullscreen, Parallax, Vector, jQuery.
