Works制作実績

Visit Site

会計事務所のイメージを払拭 新しい時代を 軽やかに駆け抜ける

リライル会計事務所

Web

Visit Site

Outline

クラウド会計を活用したベンチャー支援に特化した、リライル会計事務所様のリニューアルサイトを制作しました。
経営者に安心と納得を与えるパートナーとして一緒に伴走するイメージを、既に作成されていたキャラクターを用いて表現しました。キャラクターはサイトの各所で現れナビゲートします。

Design

典型的な会計事務所のイメージとは全く違う印象を与え、これからの時代の会計事務所の理念と社風をWebサイトで伝えることを目的としたリニューアルを行いました。
これからの時代の会計事務所というイメージを伝えるために、いかに「会計事務所っぽさ」からはみだすか考え、以下のことを意識しました。

・キャラクターの使用
・会計事務所の硬いイメージを払拭
・経営者に安心と納得を与えるパートナーとして、一緒に帆走するイメージをキャラクターを使用して表現
・キャラクターの丸みをモチーフとしてサイトの各所で使用

かわいくなりすぎないよう、大胆で細いテキストでバランスを取っています。

Technology

<演出面>
キャラクターの目について
・マウスの動きを目で追う
・jsでマウスの位置を取得して、その数値から黒目の位置を動かす
・少しdelay(動きを遅らす処理)をすることでカーソルを目で追っているように見せる

<小さいキャラクター>
after effectsで作成。花吹雪のアニメーション箇所以外は、なるべくコンテンツの邪魔にならないくらいの速度を意識しています。
また、キャラクターの目線をコンテンツに誘導するよう意識しました。

<フォントについて>
英字フォントのVariable fontsを利用。細いフォントの線の太さを、文字の大きさにかかわらず合わせたいというイメージがあり当初はsvgで作って線の太さで調整すれば実現できるかと思ったがうまくいかず、RalewayフォントがVariable fontsだとわかり試してみました。太さを合わせやすかったです。

Voice

この度は素晴らしいホームページを制作していただきありがとうございました。
私の脳内にあるリライル像がしっかりと伝わるホームページに仕上がっており、大変嬉しく思っております。

Project Data

Client
リライル会計事務所
Place
東京都渋谷区
Launch Date
2021.6
Url
https://relyl.com/
Industry
Director
保科大輔
Designer
清水大蔵
HTML Coder
清水大蔵
HTML Coder
栗原康平
Engineer
長張由布