お問い合わせ
BtoB

BtoB アーカイブ | KAYホールディングス株式会社 BtoB アーカイブ | KAYホールディングス株式会社
BtoB

とくちょう

【デザインの特徴】
ゲームの世界観を表現している英語塾のWebサイトです。
FVに子供の写真と動画を配置し、実際の生徒をイメージさせたり、学習の楽しさを伝えていると思います。

【カラー】
青と黄色の２色をメインとして表現しています。色数は多くないですが、背景や見出しのカラーで使用することで印象を強めています。

UI / UX

イメージ

【UI・UXの特徴①】
▼質問のポッポアップがゲームのアイテム解説のような作りになっています。
製作者のこだわりを感じます。また、ポップアップにすることで、他の情報が遮断されるので、ユーザーにとって読みやすい構成なのではと思います。

イメージ

【UI・UXの特徴②】
▼思わず押したくなるボタンデザイン。
マウスオン後の動きも大げさなくらい動くので良いなと思います。

イメージ

【UI・UXの特徴③】
▼ゲーム内での動きが連想できるアニメーション。
デザインの統一性を出しています。

ポイント

【良いなと思った点】
全体的に惹き込まれる構成になっていると思いました。
装飾の使い方・言葉の表現など。
見ていて楽しくなり、やってみたいなと思わせるWEBサイトです。

【その他の気づき】
▼さくさく切り替わるのですいすい見れる。

とくちょう

【デザインの特徴】
メリットとなる情報をFVにスライドバナーとして設置して、訪れたユーザーの興味関心を刺激しています。
読みやすさを重要視しており、ベーシックなフォント(ヒラギノ角、Meirio)が使用されています。
情報量が多いせいか、アニメーションでの動きが少ない（情報過多にならないようになっている(?))

【カラー】
メインカラーを青としています。
青は「誠実・堅実」といった印象を与えるので、誠実なサービスを提供しているというメッセージがあるのではないかと考えます。

UI / UX

イメージ

【UI・UXの特徴①】
▼料金プラン
一目で内容が入ってくるようなデザインになっています。
情報量が多いですが、同じ構成にして色と写真で変化をつけている。

イメージ

【UI・UXの特徴②】
▼キャンペーン情報
誰宛て(新規・機種変)のキャンペーンなのか記載されているのでわかりやすいと感じました。
今は「PayPay」関連のキャンペーンに力をいれている様子で、「PayPay」に関心のある既存ユーザーなどの興味を惹くのではないのではないかと思います。

イメージ

【その他の気づき】
▼メニューありなしがわかりにくい
ヘッダーgnav、メニュー表示があるのかないのか導線がないのでわかりにくいと感じた。
メニュー表示がある部分は「↓」などの表示があるとわかりやすいと思いました。

とくちょう

イメージ

【デザインの特徴】
アンティークやクラシカルな雰囲気を与え、高級感を感じるスィーツ店のWebサイトです。
明朝体(セリフ体)で構成されているので、歴史的・重厚感などの印象をユーザーに与えることが可能です。

UI / UX

【UI・UX】
右下に「ONLINE SHOP」への導線が設置されています。
左右に動くので、人の視線が止まりやすい仕様になっています。
アニメーションの要素が少ないので、目が止まりやすいと思います。

【その他の気づき】
ONLINE SHOPはbaseを活用している。
https://chacori.base.ec/categories/4081144

この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。

とくちょう

見出しが入ります

イメージ

リンクテキストです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。

UI / UX

見出しが入ります

イメージ

強調テキストです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。

ポイント

イメージ

この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。

イメージ

この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。この文章はダミーです。実際とは異なります。レイアウト、コピー、写真の3要素が響きあい美しいデザインとなります。