Boo Republic is a visual communication design studio based in Thessaloniki, Greece that provides solutions with unique character for branding, packaging and digital.
Boo Republic portfolio Lab21 Web Development Studio
Boo Republic
This project has been awarded with:
Mindspakle Mag - Jan 18, 2021
EBGE Awards Merit - July 2021
Ermis Awards - Silver Ermis 2021 Award in the Branding & Design category
Design: Boo Republic

The portfolio website for Boo Republic, a Greek design studio that works in the fields of branding, packaging and web interfaces.


An uncontroversial website to showcase the studio’s projects, while having a more humorous character that challenges the visitor to interact. This is possible by the copy text itself but also from the design elements, illustrations and overall animations.

The Boo Republic Studio requested a colorful website with playful illustrations and hidden Bon Jovi Easter eggs to enhance the black humor of the project. They handcrafted custom SVG illustrations that pop out and elevate the site’s character: An elusive unicorn for the Branding, a fish tank for the Packaging and Salvador Dali’s lobster making the calls himself for the Contact page.

The idea was to animate these illustrations, some by responding to the user’s mouse while others would auto-play in a constant loop, so Phantom created a series of frames for each illustration.


We built a robust CMS based on WordPress, customized to meet the project’s needs. The client and his team can manage blog posts, projects and every little aspect on the site, even the map.

The challenge was to create the SVG animations.  Some animations had 7 frames while other had more or less, and each one had to be animated in different timings.
Moreover each “frame” was actually a different SVG file.

So we had to build a functional code that automatically reads all SVG files and turns them into animations. So with just a few lines of code we managed to keep the JavaScript code minimal and optimized in order to achieve the best speed possible.

The Boo Republic website homepage
The top section of the homepage changes randomly every time the page loads. There is a specified list of images & colors, set through the CMS admin console. The admin can select an image, background color & text color for each screen that also applies to the logo.
website home page random image
website home page random image skoutari
website home page random image peanut
Lab21 Web Development Studio-Boo Republic
A set of custom, handcrafted SVGs was made by Phantom that were turned into playful animations in various parts of the site, adding more character to the site.
All SVGs are animated and handled by the same piece of code in order to achieve optimized performance.
SVG animations for the "Services" section
Lab21 Web Development Studio-Boo Republic
Lab21 Web Development Studio-Boo Republic
Next is the projects main page that lists all projects. There is a predefined pattern set in the page for the "boxes" where the images load. The user can also filter the projects by choosing a category from the list.
Lab21 Web Development Studio-Boo Republic
Each project has its own page & colors! The admin can set the colors that match the featured image best for both background and foreground thus creating a more interesting content.
Phantom website project colors
Phantom website project colors
Inside each project, the admin can add all types of content: text, images in various sizes & videos and also has the ability to manage their order of appearance.
Lab21 Web Development Studio-Boo Republic
The Services main page was another puzzle to solve!
Each service has its own SVG animation that plays when the mouse hovers over it. When the mouse leaves it pauses.
But we needed it to be more user friendly. The animations play once, repeatedly, one after the other. When the user puts his mouse over a service, then this sequence stops and the corresponding animation starts playing.
Phantom website services page with custom svg animations


Looking for a serious web developer to collaborate?
Want to create your website?

No matter how big or small
we have a solution for you