Web Design
Projects

Teemu Mastovaara

Website design & development

Teemu Mastovaara is a cellist and composer in whose music different worlds combine.

The hero header image of Teemu Mastovaara's new website.

Portfolio website for a composing cellist

The challenge

My task is to design a portfolio website for a cellist and composer. The website should be clear and informative, reflecting the cornerstones of the artist's work. It should provide an understandable summary of the artist's career and his projects.

My role

I led the website project, taking care of scheduling and regular client meetings. I designed the wireframe and visual layouts for the website. I contributed to the content production of the website. I developed the website on the Webflow platform. After the launch, I provided the client with a usage training session.

Solution

Beauty, energy, light, and shadow are often central themes in Mastovaara's music. I wanted to reflect these musical themes visually by designing the website's color palette and imagery based on them. Wooden and brown tones meet matte black.

‍

I started the design process by creating an illustration for the navigation, featuring a cello made up of two different halves. This was done using Illustrator and artificial intelligence.

‍

A clear distinction between compositional work and performing musician activities was desired for the website. Therefore, the portfolio section of the site was divided into two separate parts.

‍

Besides aiming to comprehensively showcase the artist's career, the site also seeks to gather inquiries and collaboration requests. For this reason, the user journey is designed to guide visitors towards making contact.

Scope

Three months

Freelance work

Teemu Mastovaara - Cellist & Composer
No items found.
The primary color of Teemu Mastovaara's new website developed with Webflow.
The secondary color of Teemu Mastovaara's new website developed with Webflow.
No items found.
No items found.
Teemu Mastovaara's website mobile view.
Teemu Mastovaara's website mobile view.
Teemu Mastovaara's website mobile view.
Teemu Mastovaara's website mobile view.
Teemu Mastovaara's website mobile view.
Teemu Mastovaara's website mobile view.
No items found.

Webflow development implemented using:

Webflow Interactions
CMS
Image Gallery
Video Element

Reflection

This project deepened my skills in expressing various themes and emotions through visual elements such as colors and images.

‍

I learned a lot more about Figma and its various plugins. The design process became more streamlined, and I’m now better able to produce work that aligns with my creative vision.

‍

Decisions made as a designer must always be based on something concrete!

"Mikko created me a website that is beautiful, has a good UI, is easy to update by myself and on top of that it loads extremely fast! 5/5"
-Teemu Mastovaara, client
The hero header image of Teemu Mastovaara's new website.
Teemu Mastovaara - Cellist & Composer / 2023 / Photography Pekko Vasantola & Venla Kaasinen
teemumastovaara.com

More projects

Tap for more

Need new website for your business?

Get in touch, and let's discuss further!

  • Contact
Mikko Malin's logo in black.
"Digital, graphic, and musical experiences that leave a lasting impression."
Home
Web design
Graphic design
Music
Contact
© 2025 Mikko Malin. All rights reserved.
Privacy Policy
Thank you for scrolling all the way down!

Back to top
Home
Design
Web designGraphic design
Music
  • Contact