「相談e-65.net」のホームページデザイン解説

ファーストビューでは勉強にいそしむ子供の写真を全画面に使い、子供向けのサービスであることがまず一目で想定できます。コンテンツを読み進めていくと、ネットワークを活用した子供向けの学習プラットフォームであることが把握できる構成です。背景にはギリ...

青空を背景にした学生が空を指さす写真がまず目に入り、指さした先には地方別の検索ボタンが表示されており、自然に視線が誘導される構成になっています。サムネイルは写真の上に半透明のベタを重ねて、その上にホワイトのフォントでタイトルを重ねることで透...

明るいネイビーを背景として配置されたメインビジュアルにイエローとレッドの力強いロゴを配置してファーストビューで大きなインパクトを与えています。プラン紹介ではチャート図やイラストをネイビーでまとめた配色で配置し、信頼感のある、かつ親しみやすい...

ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...

ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...

素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...

グレーをベースにピンクをアクセントにしたサイトです。ファーストビューでは、「ブリザーブドフラワー特集」や「誕生日プレゼント特集」などの特集ページを紹介しています。グローバルナビにて「ギフトを贈る」、「自宅で楽しむ」などを案内しています。トッ...

グレーをベースにピンクをアクセントにしたサイトです。ファーストビューでは、ローソンのキャンペーン情報を紹介しています。グローバルナビにて本・雑誌、音楽CD・DVDなどを案内しています。商品をクリックして買い物カゴに入れたり、欲しい物リストに...

サイトにアクセスすると、淡いピンクのドットのテクスチャと、直線で書かれた記号のようなサイトロゴがまず目を惹きつけます。下層ページの図解やイラストもピンクで統一された柔らかい印象のデザインで、画面右の余白に縦書きで書かれたページタイトルが特徴...

3Dイラストが大きく表示されたファーストビューがインパクトのある演出になっていて、サイトを開いてまず目に飛び込んでくることでユーザのワクワク感が高まるような効果的な構成をしっかりと考えられています。3Dイラストにカーソルを合わせると様々な箇...

サイトを構成する各要素に、鮮やかなブルー系のグラデーションを用いており、サイトのフラットでおしゃれなデザインを演出する役割となっています。画面右側にはガイドメニューが設置されており、様々な検索条件を入力することで募集中の求人や企業を探すこと...

ややグリーンがかったダークブルーの背景が、高品質な商品画像や釣りのシーンを想定させる写真のスライドショーを引き立て、ホワイトと明るいブルーのテキストをはっきりと読ませるのに効果的です。ナビゲーションバーにはコンテンツごとに番号を振り、テレビ...