ホワイトをベースにブルーをアクセントにした、読みやすさを重視した健康情報のサイトです。記事ごとに通し番号が振られています。2カラム構成で、メインの左サイドにサイトの利用方法や口コミなどをまとめています。ファーストビューは、優しそうな女性が微笑みかけている写真です。右サイドは目次となっており、読みたい記事を探せます。シンプルなデザインのサイトですが、テキストの重要な部分を赤文字にしたり、ピンクやイエローのアンダーラインを引くことで目立たせています。ユーザーにクリックさせたい部分には、ブルーのバナーが使われています。トップページに商品画像のアイコンやわかりやすい表を挿入して、ユーザーに商品ページへの導入を促しています。
カテゴリ
基本情報
化粧品・コスメに関連するデザイン
- 「OPERA コスメティック公式」のホームページデザイン解説
ファーストビューは画面左が製品名とカートボタン、右はスライドショーとなっており、リップの色に色味を合わせた女性のビジュアルが製品の魅力を最大限にアピールしています。肌の色に近い赤みのかかったベージュをベースに、細身のフォントでスペースを大き...
- 「Surratt」のホームページデザイン解説
ニューヨークのコスメブランドのECサイトです。ファーストビューでは女性のアップのビジュアルがブラックの背景に乗せられ、背景にはわずかに星がまたたくようなドットのアニメーションが添えられていてメイクの輝きを表現しています。ビジュアルには使われ...
- 「肌ナチュール 炭酸クレンジング」のホームページデザイン解説
ホワイトをベースにグレーをアクセントにしたサイトです。ファーストビューには、肌ナチュールのシリーズを紹介しています。3本ラインのメニューボタンにて、Waqooの製品やコンセプトなどを案内しています。トップページの中央に、肌ナチュールの炭酸ク...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ブルーを使ったデザイン
- 「フロンティア総合会計事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、フロンティア総合会計事務所のスタッフが写っています。グローバルナビにて事務所概要、顧問料などを案内しています。フロンティア総合会計事務所の顧問料については、月額の記帳...
- 「ゆめ中央保育園」のホームページデザイン解説
ベージュをベースにブルーをアクセントにしたサイトです。ファーストビューには、ゆめ中央保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて施設概要、年間行事などを案内しています。ゆめ中央保育園は「本園」と「分園」に分かれています。ト...
- 「おおたか総合法律事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...
フラットなホームページのデザイン
- 「Wolf & Whale」のホームページデザイン解説
ニューヨークのデザイン事務所のコーポレートサイトです。サイトにアクセスするとまず鮮やかなブルーのベタが画面全体を横切り、画面が切り替わるとグレーをベースとしたモノトーンの色使いの中にわずかに使われたブルーの文字でデザインされた画面が目を引き...
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「株式会社アリシア」のホームページデザイン解説
鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...