Interstitials

Project information

Project Summary: After mobile interstitials were moved to the second pageview, engagment fell. The interaction designer and myself were tasked with coming up with alternatives to increase engagment.

The Challenge

Increase engagement of the newsletter signup and increase newsletter signups.

Roles

  • Brainstorming
  • Multiple design iterations
  • Prototyping
  • A/B testing

The Solution

  • We started with some brainstorming
  • From the list of feasible options I created prototypes for internal presentation.
  • Initial Interstitial Examples
  • The team chose from the list the best options for the requirements. Three prototypes that were chosen were then fine tuned.
  • Limited Options
  • Updated with styles and annotations for developers.
  • Updated styles

    Pillsbury Partial Takeover Slide in
  • Final updates with fully designed styles and annotations ready to be sent to developers to be built and tested.
  • Updated styles with annotations for dev

    Betty Sliding Swapout Hero Image




  • The Results

    Generally positive feedback during user interviews, focus on new features, and refinement of introduced functionality.

    • Swapping the recipe hero +1300%
    • Sliding tall header +700%