自社コーポレートサイト

DETAIL

創業55周年を迎え、自社のコーポレートサイトを一新しました。コンセプト「枠を越えて、価値を伸ばし続ける。」のもと、紙と印刷で培ってきたアナログな質感に、いまのWeb技術を掛け合わせています。

アナログな質感としては、サイト全体に紙の手触りと誌面のようなレイアウトを再現しました。ロゴには印刷をモチーフにしたモーションを、制作実績には印刷物をめくるように閲覧できるビューアーを組み込んでいます。書体には、写植書体をルーツに持つモリサワの「A1明朝」を使用しています。

情報が増え続ける今、見る人は短い時間で読み進めるかどうかを判断します。そこで、見る人の目線を案内する役割としてアニメーションを取り入れました。スクロールに合わせて見出しや各要素が順に現れることで、次にどこを見ればよいかが自然にわかります。カーソルには案内の文字を追従させ、クリックする先がわかりやすいようにしました。ページを移動しても画面が途切れることなく次のページへつながるので、見ている流れを止めません。

アナログな質感と新しい表現を掛け合わせることで、今ある価値を大切にしながら、枠を越えて伸ばし続ける姿勢を示しています。