51. リライル会計事務所#1日1サイトレビュー

リライル会計事務所 - クラウド会計は、渋谷の リライル会計事務所にお任せください。

【ターゲット】
・良い税理士を探している人
・融資を受けたい人
・監査をお願いしたい人

【印象】
・親しみやすい
・可愛らしい
・黄色
・誠実

【カラー】
ベース：薄いグレー
テキストカラー：黄#FFB400、黒#000000、白#FFFFFF

【フォント】
本文：Noto Sans JP
英字：Raleway

【アニメーション】
・サイトを開くと、白い画面にロゴが浮かび上がり、TOP画面が表示される
・ヘッダーのテキストにマウスオンすると、テキストの背景に白い◯が表示される
・ボタン・メニューにマウスオンすると、背景とテキストの色が反転する
・マウスを動かすと、キャラクターの目が動く
・キャラクターの上に紙吹雪が舞っている
・スライドすると、コンテンツタイトルが一つ一つ書き出されるように表示される
・コンテンツのテキストにマウスオンすると、色が黄色に変わる
・「TOPICS」コンテンツのカードにマウスオンすると、背景に薄い黄色が表示される

【あしらい】
・ヘッダー：ロゴは縦46px、横126px
・「R」をモチーフにしたキャラクター
・コンタクトボタンの右側にメールのアイコン
・TOPは◯で切り取られた写真とキャラクターが横並びになっており、◯が2つ並んでいるようなデザイン
・コンテンツタイトルやメニューなどに非常に細い線のフォントが用いられている
・ボタンの右側に◯の中に→
・コンテンツの背景は「R」を形どったようなあしらい
・所々にキャラクターが配置されている
・「TOPICS」コンテンツでは、四角の四隅だけを買いたようなあしらい
・ボタンは、縦72px、横206px

【サイト全体の構成】
・ヘッダー
・TOP画像
・ABOUT
・SERVICE
：RECRUIT
・TOPICS
・フッター

【ファーストビューの構成】
・ヘッダー（ロゴ、ABOUT・SERVICE・RECRUIT・TOPICS、コンタクトボタン、ハンバーガーメニュー)
・「R」モチーフのキャラクター
・◯に形取られた写真
・キャッチフレーズ「経営者に安心と納得を与えるパートナーでありたい。」
・英語のキャッチフレーズ「MAKE PARTNER」

【フッターの構成】
・ロゴ
・企業情報
・事業紹介
・採用情報・アクセス・よくあるご質問
・プライバシーポリシー
・SNSマーク(Facebook/Instagram)
・関連企業のロゴ
・農業連携市町村のロゴ
・地域未来牽引企業のロゴ

【レスポンシブ】
・ヘッダー（ロゴ、コンタクトボタン、ハンバーガーメニュー）
　ハンバーガーメニューは2本線で◯の中に配置
　ハンバーガーメニューを押すと、線がクロスし、画面全体にメニューが出てくる
・TOP画面は、写真が上半分、キャラクターが下半分に配置
・キャッチフレーズがTOP右端配置で縦書きに変更
・全てのコンテンツが1カラム構成
・ロゴは、縦36.5px、横100px(ヘッダー)
・ボタンは、縦77.5px、横300px

【気づき・分析】
・TOP画面はキャラクターとまるに縁取られた写真が横並びになっていてバランスが良い
・コンテンツの背景に「R」の上部分を形取ったようなあしらいがあり、統一感があり見やすい
・コンテンツのタイトルが細字のフォントで、変に目立ちすぎず強調している
・キャラクターをサイトの各所に配置しており親しみやすい
・コンテンツを左右交互に配置している