The making of the Beeline Big Data School promo website

Overview• Process

Day 1

The client sends the prototype with comments:
—they need stylish pictures;
—they need clear information about the school that will motivate people to sign up;
—the website should work on all devices.

beeline bigdata process 01

Big data is essentially large sets of small data. This structure resembles crystals and polyhedra. The more knowledge a student gets at the school, the more facets the crystal of their knowledge will have.

beeline bigdata process 02

Day 2

To shorten development cycle, deciding to create the website using Bootstrap by customizing existing templates. Creating a mock-up that takes into account specifics of the layout. Filling the entire page with crystals and photographs of real people at lectures, inventing metaphors and headings.

beeline bigdata process 03

Days 3 and 4

Trying different ideas: crystals, polyhedra, microchips, graphs.

beeline bigdata process 04

In order to give website visitors a better understanding of who the school is for, adding a bookshelf: titles of the books will hint at what the school is all about.

beeline bigdata process 05

One of the school’s main advantages is its teachers. Increasing the scale of photographs, getting ready to hold a photo shoot.

beeline bigdata process 06

Trying to draw photorealistic crystals on black background.

beeline bigdata process 07

Adding caustics.

beeline bigdata process 08

Simultaneously creating professional growth animation.

Art director: Very predictable. The angle never changes which makes it look very plain.

Day 5

The growing crystal from the Curriculum section and the floating crystals on the main page should be in the same style. And we don’t have the time to film an actual crystal grow. Going back to abstract crystals and trying to create a new animation.

beeline bigdata process 09

Drawing vector graphics.

beeline bigdata process 10

Day 6

While the page is being typeset, continuing the search for shapes and colors.

beeline bigdata process 11

Preparing animation.

beeline bigdata process 13

Days 7 and 8

Rendering and typesetting.

Meanwhile, student photos start coming in. The art director asks to add captions or pictures to them.

beeline bigdata process 15 1

Day 9

Adding final images of crystals with caustics to the website and testing the look. Catching light rays and fixing bugs.

Day 10

Finalizing all the small things, preparing the archive with the updated page.