Generative Cover

role: software engineer | designer

At Skooldio, dozens of graphic for course materials such as book and slide cover need to be created every week. The productivity of the design team was dramatically decreased by this overwhelming task. Therefore, to solve this problem, my teammates and I decided to spend a night finding the solution and that resulted in the graphic generator which could generate the unlimited graphic for every materials.
The generator need to have diversity, so we decided to individually design and write the script using p5JS library with the same goal which is to make it able to generate random graphic while still can configure some variables to match each course identity
final

Design 1

This design started from the simple idea to create the circles of various sizes, border-styles, and colors which are configurable. Then put them together on the random position of the canvas

Design 2

This design uses the hexagon form, which is the main geometry of Skooldio, as the base geometry, then arranged them into row-column order. The styles of hexagon such as size, color, and offset can be unqiuely configured for each row or column.

Design 3

This design started from creating three simple patterns, which are the dot, stripes, and diagonal, then randomly put those pattern on the random position of the canvas.

The problem is solved!

The generator has now been used to create almost a hundred of course materials, including book covers, slide covers, and other assets. However, there still have plenty room for improvement. Many new designs and scripts are in progress and I am also working on building the user-friendly UI for the generator.
final
final
Designer | Developer:
Tadpol Rachatasumrit
Virot Chiraphadhanakul
Thanon Vongprayoon