• Version 1: Elements like the gray background and yellow call-to-action button were inherited from the style of DisneyBooks.com, but the book mockup was too far down the page to effectively associate the events with the new book.
• Version 2 and 3: I moved the book mockup to the top of the page to help make it clear that the events were connected to the release of the new book.
• Version 4 and 5: Stakeholders requested a higher contrast between the event blocks and the page background, so I experimented with a dark navy blue background, which matches the branding of ReadRiordan.com.
• Versions 6 and 7: To simplify the elements at the top of the page, I removed the book mockup and incorporated the dark cave imagery from the book cover into the page background to maximize the contrast between the text and background.
• Version 8: Instead of using the cave imagery from the book cover art, I replaced it with art that showcased the titular character, Apollo, which added more context and excitement to the background image.
• Version 9: Stakeholders wanted to add a description of the tour at the top of the page, so I added a gradient over the background image, to maximize the contrast between the description text and background, thus keeping it accessible to visually-impaired users. This is the wireframe I delivered to our web developer to create the staging site.

After interacting with the staging site, our stakeholders had additional feedback, so I adjusted the design accordingly.

For example, there was concern about the events being placed "below the fold." Although I explained that users are well-conditioned to scroll down a web page, I was able to negotiate a compromise–adding a "See all tour stops" button above "the fold" that scrolls down to the events when clicked.