BANCHAウェブサイト

これまでのサイトは、7年も前に作られたということもあって、コンセプトもデザインも古くなってきていましたので、屋号変更と共に一新することにしました。

新しいサイトで実現したいことは、下記のようなものでした。

・敷居はひくくしたい
・記憶に残るサイトにしたいけどごちゃごちゃするのはNG
・グラフィックに強いことをアピールしたい
・何かしらの新しい技術を使いたい
・見積もりが簡単にできるようにしたい
・レイアウトは奇をてらわずオーソドックスにしたい
・言葉使いにもこだわりたい

サイトをリニューアルするからには、何か新しいテクノロジーをサイトに実装したいと思い、他の制作会社さんのサイトを調べたり、導入できそうな技術は無いか探していたところ、進行中のクライアントワークで使用していたCanvasタグでアニメーションが実装できることが分かり、採用することに。

JSによるアニメーションのため、たとえば、
https://www.ban-cha.com/contact/
のアニメーションでもわずか200KBのサイズで実装できるという優れものです。

また、
スタッフページのように、ウィンドウのスクロールに応じてアニメーションを変化させることができるので、動画を貼り付けるような実装方法よりもインタラクティブなページにすることができました。