Website for a Fantasy Football Hall of Fame


Toyota partners with Yahoo! Fantasy Football to give players a place where the best can become legendary. Every year, 5 people are publicly voted into the Hall. The induction process is done in 3 phases: the nomination, the voting, and the reveal.


While at Saatchi, I had the chance to redesign the website. The banner ads and pre-roll always had a very fun and entertaining feel, so we wanted to make sure the site reflected that.

With a tight timeline, we wanted to make sure the layout had a simple grid that could easily work responsive. We also wanted to add more emphasis on the Hall of Famers in hopes that the increased prominence on the site would entice more submissions. Since the launch they have made a few additional updates to the site.

[unex_ce_button id="content_6c3ruok1j,column_content_b4vmsjtoy" button_text_color="#000000" button_font="bold" button_font_size="15px" button_width="auto" button_alignment="left" button_text_spacing="2px" button_bg_color="" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#f0f0f0" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#cd8202" button_border_hover_color="#cd8202" button_link="" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VISIT SITE[/ce_button]

While trying to keep the overall layout simple, we still wanted to add some character and style to each of the individual elements. For navigation we wanted to focus the user on a main CTA for each phase, so we centered that in the nav and used a hamburger nav for the overall site content.

For the hamburger nav, we not only wanted to display all the sections, but also highlight the main CTA again. Since it was a Toyota sponsored site, we added a promotional area on there as well.

The history section was where we had the ability to play around with the layouts and animation. We wanted to give users a variety of fantasy football history, football stats, videos, as well as highlight the Hall of Famers.


The previous site did not give the Hall of Famers the prominence we felt they needed. A really cool asset we had for all HOFers, was a digital bronze bust that was similar to something you'd see in an actual Hall of Fame. We focused on those for the landing page, but then made sure to use those on the detail page as well. The header area has the enlarged name, but then as you scroll you can see the enlarged bust.

We designed with responsive in mind so all the elements would stack easily and content would be easily digestible regardless of screen size.


These are some of the early design explorations that didn't make the cut.

Made with love. © 2017 Nathan Trost

Email Me