画面左側にガイドメニューが設置されていて、スクロール追従型の固定表示になっていることでスムーズにサイトの各ページを閲覧できる仕組みになっています。メニューには「講座を探す」の検索窓も設置されており、しっかりとユーザ視点が考えられています。ビジュアルエリアの「ジャンルから探す」の項目では各講座をジャンルごとにまとめており、それぞれにアイコンが設置されていることで内容が直感的に伝わってくるデザインになっています。「人気講座ランキング」にはサムネイル写真が用いられていることで見やすく、アイキャッチの効果も考えられています。全体を通してスッキリと構成されていて見やすいサイトに仕上がっています。
執筆者
カテゴリ
基本情報
支援サービスに関連するデザイン
-
「FLENS」のホームページデザイン解説ファーストビューでは勉強にいそしむ子供の写真を全画面に使い、子供向けのサービスであることがまず一目で想定できます。コンテンツを読み進めていくと、ネットワークを活用した子供向けの学習プラットフォームであることが把握できる構成です。背景にはギリ...
-
「ベネッセコーポレーション」のホームページデザイン解説トップページのスライドショーは中央にキャッチコピーが固定表示され、背後の写真が様々な年齢・性別の人物に次々と切り替わる構成で、幅広い世代の「学び」を支える企業のコンセプトにマッチしています。エピソードの見出し以外はモノトーンの色使いでまとめ...
-
「マイナビ進学」のホームページデザイン解説青空を背景にした学生が空を指さす写真がまず目に入り、指さした先には地方別の検索ボタンが表示されており、自然に視線が誘導される構成になっています。サムネイルは写真の上に半透明のベタを重ねて、その上にホワイトのフォントでタイトルを重ねることで透...
サービスサイトに関連するデザイン
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社東名_オフィス光119」のホームページデザイン解説メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
ホワイトを使ったデザイン
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
-
「株式会社森山建設」のホームページデザイン解説サイトを開くと美しいインテリアの写真をまとめたスライドショーが表示され、その上に重ねられたキャッチコピーはシャドウをかけて読みやすくなるよう配慮がなされています。くすんだグリーンをアクセントカラーにした落ち着きのある色使いで、タイトルは細身...
-
「ビストロやま_ウェディングサイト」のホームページデザイン解説メインビジュアルは結婚式の写真を画面いっぱいに配置し、その上に帯を敷いてキャッチコピーを重ねています。コンテンツはホワイトとベージュの背景が交互に入れ替わり、シンプルな1カラムのレイアウトで、コンテンツの切り替え部分に写真の帯を配置し、お問...
優しい・柔らかいなホームページのデザイン
-
「フォトスタジオKOWA_studio clamp」のホームページデザイン解説メインビジュアルは油絵風のテクスチャの上に家族や乳幼児の写真をまとめたスライドショーを配置し、写真館の名前とキャッチコピーをずらして重ねたレイアウトです。淡いベージュをメインカラーに、写真の色味もサイトの色味にマッチするようレタッチして、柔...
-
「株式会社MSC_ピタッと介護」のホームページデザイン解説メインビジュアルは女性の笑顔の写真を使い、写真の左側は背景と馴染ませて上に重ねたキャッチコピーが読みやすくなっています。オレンジをメインカラーにした温かみのある色使いで、リンクボタンなどに使われたグリーンがアクセントになっています。コンテン...
-
「三条リネンサプライ株式会社」のホームページデザイン解説メインビジュアルは中央に菱形のスペースを設けてキャプションを配置した画像を3枚使ったスライドショーで、サービス内容を簡潔に紹介しています。ホワイトと淡いブルーのグラデーションで背景を切り替えたさわやかな色使いです。コンセプト紹介の部分は写真...
