サイトを開くとまず、ロゴと作業風景や製品の写真が次々に現れ、その美しい写真に目を奪われます。その後トップページに遷移し、大豆や豆腐の優しいイメージにマッチしたベージュ系のナチュラルなカラーと、文字や写真のおしゃれな構成がユーザーの期待感を高めます。見出しとなる文字には欧文和文ともにゴシック体が使われ、特に欧文はロゴのフォントに近いものが使われていてまとまりを感じられます。こだわりのポイントを明記する「大豆を楽しむキーワード」では反対に明朝体が使われていて緩急をつけることで他の項目との差異が表現されています。商品のラインナップ紹介やブログなどはサムネイル写真が並べられていて鮮やかで見やすくなっています。下層ページの写真にも下部から現れるような細かな動きが付与されていたりと、おしゃれなこだわりを感じるサイトになっています。
カテゴリ
基本情報
メーカーに関連するデザイン
- 「Официальный сайт Группы ЧТПЗ」のホームページデザイン解説
ロシアの大口径パイプ製造メーカーのコーポレートサイトです。ファーストビューは製図を思わせるグレーの細いラインで書かれたグリッドと、製造現場のムービーが流れて迫力を感じさせます。コンテンツのタイトル、グラフィックの差し色にバーミリオンレッドを...
- 「Amino mason」のホームページデザイン解説
ファーストビュー画像は左右に切り替わるデザインです。製品が写るポップで楽しいイメージの画像を用いています。ニュースは太文字ゴシック体のタイトルに目を引くおしゃれなデザインの画像を表示させておりアイキャッチに優れています。ページ下部にはインス...
- 「Vermicular」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、キッチンが写っています。グローバルナビにて料理のレシピ、愛知ドビー製品のラインナップなどを案内しています。買い物カゴのイラスト付きのレッドアイコンから、メーカー直販...
ECサイトに関連するデザイン
- 「Caffè Mokarico Firenze」のホームページデザイン解説
イタリアのコーヒーブランドのECサイトです。ファーストビューではコーヒー農園の写真と商品のスライドショーを組み合わせてメインビジュアルとしており、スライドショーにはカートボタンが設置されていてそのまま購入も可能です。リンク部分のラインにオレ...
- 「Oakshop」のホームページデザイン解説
スポーツウェアブランドのオークリーのECサイトです。メインビジュアルの鮮やかな女性アスリートの写真から画面をスクロールすると、一転してブラック基調のクールな写真に切り替わり、クールなイメージを感じさせます。商品ページのテキストもブラックとグ...
- 「BEAMS」のホームページデザイン解説
グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューには、BEAMSのファッション情報を掲載しています。タイムセールのポップアップ広告が貼ってあります。グローバルナビにてビームスのショップ、ブランドやアイテムなどを案内して...
ベージュを使ったデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「並木町の整骨院」のホームページデザイン解説
トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...
- 「福岡 薬院の美容室|&Loosen(アンドルーセン)」のホームページデザイン解説
トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...