ベージュをベースにブルーをアクセントにした、シンプルなデザインのホームページです。ファーストビューには、母と子のイラストが描かれています。トップページにタイトルが並んでおり、クリックすると読みたいページに移動できます。サプリメントの口コミ体験談のページは2カラム構成で、左サイドに口コミ体験レポが掲載されています。右サイドは、タイトル一覧になっています。グリーンのバナーをクリックすると、サプリメントを販売する公式サイトに移動できます。下方にスクロールすることでサプリメントの効果や成分、価格や副作用などに関する記事を読めます。まとめのページには、小･中･高校生まで成長期の男女別平均身長が紹介されています。
執筆者
カテゴリ
基本情報
化粧品・コスメに関連するデザイン
-
「CoCoRo」のホームページデザイン解説サイトにアクセスすると、ナビゲーションメニューの下にカルーセルが配置され、主要なトピックスやキャンペーンのビジュアルが次々表示されます。濃淡2色のピンクをアクセントカラーにして、ドロップシャドウでふんわりとした空気を演出したデザインです。手...
-
「フェイスマスク ルルルン」のホームページデザイン解説淡いピンクの帯を画面幅いっぱいに敷き、中央にカルーセルを、左にカテゴリーを配置したレイアウトで、ポップなビジュアルが次々に入れ替わる様子が目を引きます。製品紹介はカテゴリーごとに画面幅いっぱいの帯に配置されたビジュアルで区切られ、カテゴリー...
-
「OPERA コスメティック公式」のホームページデザイン解説ファーストビューは画面左が製品名とカートボタン、右はスライドショーとなっており、リップの色に色味を合わせた女性のビジュアルが製品の魅力を最大限にアピールしています。肌の色に近い赤みのかかったベージュをベースに、細身のフォントでスペースを大き...
LPに関連するデザイン
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
-
「株式会社みんなのコンサルティング」のホームページデザイン解説画面幅いっぱいに配置した写真の上に太目のフォントでキャッチコピーを配置し、半透明のベタの上に企業の強みを並べた、インパクトのあるファーストビューです。ネイビーとくすんだグリーンをメインに、イエローをアクセントカラーにしたコントラストの強い配...
-
「ガブリ！モスチャレンジ」のホームページデザイン解説グリーンの太いラインとレッドのベタで描かれたタイトルロゴのアニメーションのインパクトが大きく、訪れた人の目を惹きつけます。コンテンツのサムネイルはハーフトーン加工が施され、再生ボタンが重ねられており思わずクリックしたくなる仕掛けが施されてい...
ブルーを使ったデザイン
-
「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
-
「株式会社ケィ・ユーシステム」のホームページデザイン解説メインビジュアルのスライドショーは、シンプルなラインで描かれたイラスト、紙で作られたトラックの模型など様々なテイストの写真を用いて企業の魅力を紹介しています。鮮やかなブルーをメインにしたさわやかな色使いで、アイコンやリンクボタンに使われたイ...
-
「本郷メディカルソリューションズ株式会社_M&A」のホームページデザイン解説メインビジュアルでは力強いキャッチコピーとともに企業の実績をラベル風のデザインで大きく表示し、サイトを訪れたユーザーに信頼感を与えます。さわやかなブルーグリーンをメインに、オレンジとネイビーをアクセントカラーにした色使いが鮮やかでパッと目を...
フラットなホームページのデザイン
-
「FabCafe」のホームページデザイン解説世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...
-
「近江ちゃんぽん亭」のホームページデザイン解説ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
