Promo pages:   Home TV   Mobile TV   Mobile Internet  

The making of the Beeline Home TV promo page

Overview
Process


Getting the task from the client: we need to tell visitors about Home TV. We want to make the page look similar to its sibling, Mobile TV. Creating a sketch.

beeline promo tv process 01

Art director: And why would we make two similar pages for two similar products? Besides, it’s gray and bleak visually. Is that really all we can do?

Placing the Home TV remote on the main screen. We want to present the interface of the set-top box right on the promo page.

beeline promo tv process 02

Nope. How about a darker background?

beeline promo tv process 03

And even darker.

beeline promo tv process 04

Inventing all the metaphors and starting to draw.

beeline promo tv process 05

The client brings in the equipment for photo shoots. Taking photos and retouching remotes, routers, speakers and set-top boxes. They will be black on black background!

beeline promo tv process 06

We need a hand to hold the remote. Making an outline first of the hand and then of the remote.

beeline promo tv process 07

The Broadcast Rewind service allows to play back anything that was broadcast within the last 48 hours. To illustrate the service, we add an interactive insert, a movie fragment that plays on scroll. Scrolling up will reverse the playback. Searching for some nice fragment from the recent Hobbit movie.

beeline promo tv process 08
beeline promo tv process 09
beeline promo tv process 10

After lengthy trials finding the ideal scroll speed.

Preparing all 90 frames for the animation in three resolutions for different screen sizes.

beeline promo tv process 11

The client can’t get the copyright holder’s permission for the Hobbit fragment and suggests we use Sanctum instead. Choosing a nice fragment, cutting up the frames in a similar fashion and sending everything for typesetting.

beeline promo tv process 12

Making the switch under the banner a bit nicer.

beeline promo tv process 13

Polishing the technical graphics.

beeline promo tv process 14

Order a design...