The making of the Beeline Big Data School promo website
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](beeline-bigdata-process-01.jpg)
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](beeline-bigdata-process-02.jpg)
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](beeline-bigdata-process-03.jpg)
Days 3 and 4
Trying different ideas: crystals, polyhedra, microchips, graphs.
![beeline bigdata process 04](beeline-bigdata-process-04.jpg)
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](beeline-bigdata-process-05.jpg)
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](beeline-bigdata-process-06.jpg)
Trying to draw photorealistic crystals on black background.
![beeline bigdata process 07](beeline-bigdata-process-07.jpg)
Adding caustics.
![beeline bigdata process 08](beeline-bigdata-process-08.jpg)
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](beeline-bigdata-process-09.jpg)
Drawing vector graphics.
![beeline bigdata process 10](beeline-bigdata-process-10.jpg)
Day 6
While the page is being typeset, continuing the search for shapes and colors.![beeline bigdata process 11](beeline-bigdata-process-11.jpg)
Preparing animation.
![beeline bigdata process 13](beeline-bigdata-process-13.jpg)
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](beeline-bigdata-process-15-1.jpg)
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.