• Websites
  • Beeline
  • 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


    © 1995–2019 Art. Lebedev Studio



    Order a design...