グレーをベースにブラックをアクセントにした、シンプルな1ページで構成されたサイトです。テキストにはブラックの明朝体のフォント、見出しには白抜き文字を使っています。見出しの文字にカーソルをあてると、背景色がブラックからレッドに変化します。トップページは2カラム構成で、左サイドには見出し、右サイドには食器を紹介した記事の内容を掲載しています。左サイドの見出しをクリックすると、右サイドに書かれた記事の内容が変わります。トップページの背景には、テーブルの上に食器を並べた画像が使われています。おしゃれな食器や子供用の食器の選び方、食器の消毒の仕方から食器を収納する際の注意点まで幅広い情報を紹介しています。
執筆者
カテゴリ
基本情報
生活用品に関連するデザイン
-
「株式会社りぶはあと」のホームページデザイン解説ぬいぐるみを多く取り入れたインテリアの写真と、メニューの下に配置されたぬいぐるみの寝そべる姿が可愛らしい印象をまず与えます。淡いベージュとブラウンを中心としたナチュラルな色使いで、スタンプ風のタイトルやサムネイルの手書き風のフォント、淡い水...
-
「有限会社石丸製作所_オリバ楽天市場店」のホームページデザイン解説楽天市場内の生活雑貨の通販サイトで、ページのタイトルは太いグリーンのラインで大かっこ状に囲まれています。メインビジュアルは写真の余白を生かしてキャッチコピーや囲み写真を配置し、製品を白のラインで協調したデザインです。色使いは製品ごとに見出し...
-
「アーネスト株式会社_apod SHOP」のホームページデザイン解説サイトを開くとおすすめ商品を紹介するスライドショーが画面幅いっぱいに表示されます。シンプルな1カラムのレイアウトで色使いもモノトーンでまとめられ、マージンを多めに取ってすっきりと見せたデザインです。アイテム一覧は正方形の写真にキャッチコピー...
LPに関連するデザイン
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
-
「株式会社みんなのコンサルティング」のホームページデザイン解説画面幅いっぱいに配置した写真の上に太目のフォントでキャッチコピーを配置し、半透明のベタの上に企業の強みを並べた、インパクトのあるファーストビューです。ネイビーとくすんだグリーンをメインに、イエローをアクセントカラーにしたコントラストの強い配...
-
「ガブリ！モスチャレンジ」のホームページデザイン解説グリーンの太いラインとレッドのベタで描かれたタイトルロゴのアニメーションのインパクトが大きく、訪れた人の目を惹きつけます。コンテンツのサムネイルはハーフトーン加工が施され、再生ボタンが重ねられており思わずクリックしたくなる仕掛けが施されてい...
ブラックを使ったデザイン
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
-
「サンファーネス株式会社」のホームページデザイン解説サイトを開くと重厚感のある工業炉の写真が画面いっぱいに広がり、その上にキャッチコピーと資料請求ボタンが重ねられています。ブラックを背景とホワイトのテキストの組み合わせに暗いレッドがアクセントになっており、下層ページは一転してホワイトと淡いグ...
-
「KALPA」のホームページデザイン解説ファーストビューでは画面中央に正方形のスライドショーが配置され、ゆったりとした速度で店内の様子を写真で紹介しています。モノトーンの色使いと文字を小さめにしてマージンを大きく取ったレイアウトが透明感と空間の広さを感じさせるデザインです。太く丸...
フラットなホームページのデザイン
-
「FabCafe」のホームページデザイン解説世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...
-
「近江ちゃんぽん亭」のホームページデザイン解説ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
