COCOTONE

音楽分野をはじめとしたマルチメディア領域に特化したソフトウェア開発を提供する株式会社COCOTONEのWEBサイトを制作いたしました。

音楽とテクノロジーを掛け合わせる事業内容を表現するため、縦と横線を組み合わさることで五線譜や調律をするイメージを目指しました。

全体はコーポレートカラーであるグリーンのワントーンで全体に統一感をもたせながら、堅実さが伝わるような太めのゴシックフォントでデザイン。要所にセリフフォントを組み合わせたり、背景の音波アニメーションや、円のモチーフに波紋が広がるようなモーションを入れることで、堅実さの中に音楽という感覚に触れる要素が内包されているようなイメージを表現しました。

STUDIO Creators’ Voice

音楽のトーン感を表現する円にはスケールを使用し、スクロールした際に表示されるセクションは、リズムよく表示されるようスピードと遅延を調整し実装いたしました。
背景には音楽とテクノロジーを掛け合わた音波をSVGアニメーションを使用し表現しております。

COCOTONE
COCOTONE

COCOTONE

Type
Corporate Site
STUDIO Plan
CMS
Launch
2023.01.03
Client
株式会社COCOTONE
URL
https://www.cocotone.jp

Created by

Creative Direction
渡辺 祐樹
Direction・Design
青木 猛
Develop
須藤 麻有
COCOTONE
COCOTONE
Page Top