ファーストビューで、商品であるハムの写真を大胆に使い目に留まりやすい効果を生んでいます。またスライドショーの切り替え表示で、オンラインショップへのリンク画像も用意されていてすぐに購入ページへ移行出来るところがユーザ目線を考えられています。スクロールすると、すぐ下に店舗紹介ページやブランドヒストリーなどのコンテンツへのリンクがサムネイル表示でローテーションしていく設計となっていて、ユーザの興味のある記事が見つけやすい表示になっています。「ブランドヒストリー」のページでは、創業からの歴史を1枚の大きな画像にまとめていて、年代ごとに読み進めていける仕組みになっていて、読みやすい構成で作られています。さらに「お客様ひろば」のページでは、ハムを使ったレシピなども紹介されていて、閲覧していて楽しくなるようなサイトに仕上がっています。
カテゴリ
基本情報
製造業に関連するデザイン
- 「河合電器製作所」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、河合電器製作所の周辺環境のイラストが描かれています。グローバルナビにて河合電器製作所の会社情報、サービスコンセプトや解決事例などを案内しています。トップページの中央...
- 「Zinacor」のホームページデザイン解説
ファーストビューは画面全体を上下に分割し、画面上部はホワイトの空間にコピーをシンプルに表示し、下半分に製造工程のムービーを再生するレイアウトです。ネイビーを中心にした落ち着いた色使いとフラットにきりっと分けられた色使いが信頼感と技術力の高さ...
- 「株式会社アリシア」のホームページデザイン解説
鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...
サービスサイトに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...