00.選んだサイトはこちら！

時間が限られているので、今日はTOPページのみ。

02.このサイトを選んだ理由

• 次の案件でこのようなテイストで制作するため

03.概要

ラディウス株式会社の公式サイト。ラディウスの製品・アプリの最新情報や会社概要からコラムまで、豊富な情報を掲載。イヤホンからアプリケーション開発など。

04.目的

• サービスや商品について総合的に知ってもらう

• サービスや商品の魅力、そのサービス・商品を提供するに至った経緯、経営理念とのつながりを伝える

• 興味と信頼感を持ってもらう

• 株主や投資家に向けて情報提供

05.ターゲット予想

• 顧客

• 取引先

• 求職者

• メディア関係

• 株主

• 自社に関わる人々

06.ファーストビュー

• 耳の3Dのようなビジュアルがかなり目を引く。スライドでそのあと写真などに変わるが、やはり一枚目の耳のビジュアルが興味を引く。

• FVの写真はバナーになっており、クリックすると商品詳細へ飛ぶ。

• それぞれの写真にコピーが付いている。

• 右側のカラーは、なんとなくいれているのではなく、ロゴで使っている色。そしてスマホ版にもきちんと入れているのちゃんとした役割があるのだと思う。ただ写真と文章じゃ淡々としてしまうけど、ロゴの色を入れることでブランドを忘れさせないように主張しているのか？と思った。

07.ナビゲーションメニュー

• きっちりと分けられている。特に巧妙なことをしているわけでもなく、シンプルに。

• メニューはホバーさせると、さらに細かな項目がすべて出てきて、知りたい情報の掲載ページまで最短で行けるようになっている。

• スマホ版は、ハンバーガメニューになっており、開くとさらに+アイコンがアリそこを押すと詳しい項目がずらりと出てきた

08.フォント

• 英数字…Montserrat

力強い太めのフォントで見やすいのが特徴。

英語見出し…22px
英語商品名…26px

• 日本語…YakuHanJP

最近、このフォントがいたるところで使用されている。文字の頭が他のフォントより揃うという利用で採用されているのか？

日本語見出し…18px
日本語読ませる部分…16px
ボタンの中のテキスト…14px
商品の紹介…15px
ヘッダー…14px
フッター…14px,12px

09.配色

#1E1E1E 黒　テキスト、ボタン
#000029 紺　一部背景
#E3ECF2 薄い水色　一部背景
#000000 黒　フッター

10.考察や気づき

文字が全体的に小さめ？差がない気がする。だけど、太さや配置で分かりやすい。
全体的には白と黒、場合によって青系で締めている。
ブロックごとにきちんと構成できている。
写真が多め。大きい写真も多いようなきがする。