My company had a pitch mock request where the client, Nestea, is looking to launch a slow brewed range of teas with a more clean, upscale direction. At the time, they didn't have any look and feels for what their new products would look like, so I came up with an aesthetic with sourcing tea bottles and imagery and researching their competitors. The below shows a few units that their products could be promoted through.
The pre-expanded state of a billboard plus, which shows the branding on one side and a video player for their commercial on the other.
When the user closes the billboard plus, it will collapsed to this banner size. They can click to expand the unit again.
The billboard plus in its mobile state if the user views the ad through their phone.
This unit is a toggle reskin where it features a different tea flavor on the site's reskin gutters whenever a user selects a tea bottle from the billboard.
This is another toggled frame to show a different flavor.
This is the last toggled frame for this unit.
This is an overlay unit where the user rolls over the 728x90 to expand the overlay.
Once the overlay is expanded, one of the products is featured along with a video specific to the flavor featured. The user can toggle to the next screens with the navigation arrows on the sides. The pagination on the bottom corner shows how many screens are available.
This is the second screen the user can navigate to, which features a different tea flavor and video.
This is the third screen the user can navigate to, which shows the tea flavor and video.
