NOTE: Most of the designs were originated and designed mostly by myself, but the final products were created in close collaboration with the band and incorporating the collective view of all members combined.

new logotype

album artwork

singles

promotional graphics

teasers

In close cooperation with the team of BAFF MUSIC I developed a website design specifically tailored to their needs for communication, web presence and customer service. Made with WordPress and enhanced by use of personal custom CSS.

I also provided the shop with a photo shoot of the shop and sample products in order to create the content photos of the page itself.

Visit the page here: www.baff.ch

the page

Credits:
Concept: Gabriel Baschung, Till Eberli, Nevio Heimberg, Luca Schaeffner
Storyboard: Nevio Heimberg
2D-Illustrator: Nevio Heimberg
Animation: Gabriel Baschung, Till Eberli, Nevio Heimberg
Narration: Luca Schaeffner
Audio/Sound Design: Gabriel Baschung, Till Eberli, Nevio Heimberg

the video

main character: the bee

panels & assets

storyboard

logo design

The logo feature piece is a combination of the town’s coat of arms (Spiez) and a french horn, sharing the curved nature. The colors chosen represent the colors displayed in the official coat of arms.

three final drafts

final logo (with adjusted event date from 2020 to 2022)

bracelet design

event bracelet design

logo design

business card

design process

For the most part this consisted of taking the lead in style definition (including most factors summarised within the sector of Corporate Design) as well as illustration of assets (for both the website background and the informative animations provided in its interactive parts) to the respective animation work.

colors

assets

settling for the low-poly style

animations

Adobe After Effects was used for animating. The animation of our assets required them to be perfectly layered in Illustrator in the first place and still proved incredibly difficult at times. The reason for this is that movements of characters or objects need to be mimicked by animating all paths in their shape. This is due to us not being able to neither effects nor the useful puppet pin tool within After Effects – which can be used to transform our shapes in a more dynamic way – because LottieFiles doesn’t support either of these. This was a big complication overall because of the natural limits presented by our 2D low poly style.

While working on our project in the module Interactive Media V I was mainly responsible for setting up the page and getting as much coded by hand as possible. Because of some technical, time- and skill-based restrictions, we didn’t quite finish a fully self-coded Version of the site and then opted to use a page builder such as WordPress‘ Elementor Pro to realise the actual website within the frame of the study module.

Neither logo redesign nor logo animation were used by the client due to this being a school project only.

logo design

//// old logo

//// redesigned logo

colors

logo animation

Moodboard

Logo Design

initial quick designs:

final design:

Website Mockup

Designs for three separate sub-pages on the imaginary website:

Poster

Stickers

Artwork Singles & EP

Concept

basic graphic concept for the five-release-project

Promotional Graphics

social media headers for single releases, release-show and gig previews