画面左側にガイドメニューが設置されていて、スクロール追従型の固定表示になっていることでスムーズにサイトの各ページを閲覧できる仕組みになっています。メニューには「講座を探す」の検索窓も設置されており、しっかりとユーザ視点が考えられています。ビジュアルエリアの「ジャンルから探す」の項目では各講座をジャンルごとにまとめており、それぞれにアイコンが設置されていることで内容が直感的に伝わってくるデザインになっています。「人気講座ランキング」にはサムネイル写真が用いられていることで見やすく、アイキャッチの効果も考えられています。全体を通してスッキリと構成されていて見やすいサイトに仕上がっています。
カテゴリ
基本情報
支援サービスに関連するデザイン
- 「FLENS」のホームページデザイン解説
ファーストビューでは勉強にいそしむ子供の写真を全画面に使い、子供向けのサービスであることがまず一目で想定できます。コンテンツを読み進めていくと、ネットワークを活用した子供向けの学習プラットフォームであることが把握できる構成です。背景にはギリ...
- 「ベネッセコーポレーション」のホームページデザイン解説
トップページのスライドショーは中央にキャッチコピーが固定表示され、背後の写真が様々な年齢・性別の人物に次々と切り替わる構成で、幅広い世代の「学び」を支える企業のコンセプトにマッチしています。エピソードの見出し以外はモノトーンの色使いでまとめ...
- 「マイナビ進学」のホームページデザイン解説
青空を背景にした学生が空を指さす写真がまず目に入り、指さした先には地方別の検索ボタンが表示されており、自然に視線が誘導される構成になっています。サムネイルは写真の上に半透明のベタを重ねて、その上にホワイトのフォントでタイトルを重ねることで透...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
優しい・柔らかいなホームページのデザイン
- 「国本司法書士事務所様」のホームページデザイン解説
トップページ最上部には電話用のボタンを用意しています。電話を連想させるイラストだけでなく電話番号や営業時間を端的に明記してありユーザーにとってわかりやすいデザインです。ファーストビュー下にはインフォメーションおよびセミナー情報が掲載されてい...
- 「ぬくもりのおうち保育」のホームページデザイン解説
ファーストビューの画像は複数枚用意されており左右スクロールで切り替えることができます。その下には採用に関するバナーを掲載しており目立つデザインです。「ぬくもりの理念」については大きく3つのカテゴリーで家を連想させる枠内に表記しています。全体...
- 「絆整骨院」のホームページデザイン解説
トップページ上部には子育てママを応援する旨記載をし、ターゲットユーザを具体化し、またその対象者に役立つサービスをイラストともに簡潔に表現しており伝えたい内容が明確です。ファーストビューすぐ下には整骨院のアクセス等の基礎情報が掲載されておりわ...