メインビジュアルは左右を黒のベタで囲み、ブラックのナビゲーションメニューとフッターで全体を引き締め、さらにページを移動するとページ全体がゆっくりとフェードインしてくる演出で、ブランド豚の高級感を演出しています。コンテンツはタイル状に整然と配置し、メインページと下層ページでボックスの大きさをすべて統一しているため、写真を多用したりコンテンツの内容が変わってもサイトイメージが大きく変わりません。自然の風景の写真からグリーンピックアップし、下層ページのタイトルなどのアクセントにしています。
カテゴリ
基本情報
農業に関連するデザイン
- 「はつかいちご」のホームページデザイン解説
左右反転した写真を2枚並べた写真が印象的なファーストビューです。ナビゲーションメニューはメインビジュアルの左下に控えめに配置し、マスキングテープ風の半透明のベタを重ねて素朴な雰囲気を感じさせます。手書き風のサイトタイトルと、ベージュを中心と...
- 「JAあさか野」のホームページデザイン解説
トップページのスライドショーは、右側にサムネイルのカルーセルを配置して任意で切り替えることができます。ナビゲーションバーはマウスオーバーするだけでリンクとともに詳細情報も併記されているため、基本的な情報のみ知りたい場合は下層ページを探し回る...
- 「苺ファーム森本」のホームページデザイン解説
ホワイトをベースに、イチゴをイメージするレッドを使ったホームページです。ファーストビューには、まっ赤なイチゴの画像が使われています。グローバルナビは、苺ファーム森本について案内しています。トップページは、苺ファーム森本が運営するオンラインシ...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ブラックを使ったデザイン
- 「cube.」のホームページデザイン解説
オランダのソフトウェア会社のコーポレートサイトです。サイトにアクセスするとダークグレーの背景の画面中央で回転する透明なキューブのCGが再生され、キューブがゆっくりとテーブルに着地する流れまで思わず見入ってしまいます。暗い背景の中でホワイトの...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「Legal Japan」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、笑顔のリーガルジャパンのスタッフが写っています。グローバルナビにて事務所の取扱業務、弁護士費用などを案内しています。グリーンのバナーから、無料相談を予約できます。ト...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...