WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

1つの場所に複数のコンテンツを掲載し、スクロールを減らす

      2016/01/14

名称未設定 1

NPO法人「夢職人」のホームページです。

子供や若者を対象としたイベントを企画・開催しており、サイトのデザインもそれに合わせて明るく、爽やかな色で構成されています。トップページの内容も、開催中のイベントを大きく掲載し、右側にはSNSを配置して最新の情報がすぐ目につくように工夫されています。

その下にはGoogleカレンダーでイベントが開催日付ごとに分かるように、そしてタグを切り替えてFacebook・Twitterのタイムラインを見れるようにしています。

豊富な情報を1つの部分に表示させることで縦のスクロールが減り、ユーザーもストレスなく見れることができるようになっているのは、レイアウトとしてもすっきりするしとても参考になります。

サブページに行くと、右側にページの内容、左側には開催・募集中のイベントや保護者の声などが掲載されています。

 - 色で表現 ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

「木」のイメージを大切にした注文住宅建築

愛知県津島市にある輸入住宅・注文住宅を建築している「STYLE COMPANY」 …

就活生に語りかけるキャッチコピーがインパクト大!兼松株式会社の新卒採用サイト

「兼松株式会社」の2019年度新卒採用サイトです。 ファーストビューの動画がとて …

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

ヘアカラー剤「THROW」のホームページです。 ファーストビューの透明感のあるイ …

暖色系の配色にすることで、温かみのある雰囲気の温泉旅館サイトが可愛い!

島根県松江市にある温泉旅館「源泉かけ流しの宿 湯陣 千代の湯」のホームページです …

サイトを見てるだけで食べたくなる!焼きたてチーズタルトの専門店「PABLO」

「焼きたてチーズタルト専門店 PABLO」のホームページです。 コンテンツやIn …

アメコミ風のデザインで見た目を工夫し、ユーザーの好奇心を刺激する

試作部分開発・レーザ加工・治具設計制作を行っている「タイメック株式会社」のホーム …

砂浜のようなテクスチャとハイビスカスを使ってハワイアンな雰囲気を演出したウェディングサイト

東京都港区にオフィスをかまえているウェディングサポートをするプロジェクトチーム「 …

漁師への関心を高めるために、背景の写真や動画をたくさん使用して漁師の仕事が伝わりやすくした「Fisherman Japan」

「漁業をカッコよく」をコンセプトに集まった東北の若手漁師集団「Fisherman …

地域に根ざした安心感のある工務店

岐阜県岐阜市にある工務店「住マイル日和」のホームページです。 サイト全体が茶系の …

ロゴマークが特徴的

  豊島区のイベントサイトです。真ん中のロゴとカラフルな背景のインパク …