![見出し画像](https://assets.st-note.com/production/uploads/images/60082642/rectangle_large_type_2_b8e226f330e7ee5a69efe182ae113e82.png?width=1200)
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」の上部分を形取ったようなあしらいがあり、統一感があり見やすい
・コンテンツのタイトルが細字のフォントで、変に目立ちすぎず強調している
・キャラクターをサイトの各所に配置しており親しみやすい
・コンテンツを左右交互に配置している
この記事が気に入ったらサポートをしてみませんか?