アパレル製品の販売を主な事業としている会社のWEBサイトということで、商品のPRがメインに展開されたサイトになっています。ファーストビューではコーディネートの写真が切り替わる仕様でシンプルな構成です。商品紹介はカタログ写真のようになっていて、サムネイル写真にカーソルを合わせると情報が表示される仕組みになっていて見やすい表示が考えられています。クリックすると詳細ページに遷移し、ショッピングサイトに飛べるリンクも設置されているため、商品購入への導線がスムーズに設計されています。会社情報も簡潔にまとめられていて全体的にシンプルで見やすいデザインです。
執筆者
カテゴリ
基本情報
ショップに関連するデザイン
-
「KALPA」のホームページデザイン解説ファーストビューでは画面中央に正方形のスライドショーが配置され、ゆったりとした速度で店内の様子を写真で紹介しています。モノトーンの色使いと文字を小さめにしてマージンを大きく取ったレイアウトが透明感と空間の広さを感じさせるデザインです。太く丸...
-
「井口庖丁本店」のホームページデザイン解説ファーストビューではモスグリーン1色の画面中央にぽつんと店舗ロゴが表示された後、画面が切り替わって包丁が作られていく様子がスライドショーで紹介されます。画面をスクロールするとテキストがふわっと浮かびあがった後に写真が左からスライドインする、...
-
「畑の食堂 コパン」のホームページデザイン解説屋根型にトリミングされたスライドショーに、手書き風のフォントでキャッチコピーが重ねられたユニークなファーストビューです。スライドショーでは新鮮な野菜の写真がリズミカルに入れ替わり、食欲をそそります。淡いベージュの背景と濃いブラウンのテキスト...
ECサイトに関連するデザイン
-
「有限会社石丸製作所_オリバ楽天市場店」のホームページデザイン解説楽天市場内の生活雑貨の通販サイトで、ページのタイトルは太いグリーンのラインで大かっこ状に囲まれています。メインビジュアルは写真の余白を生かしてキャッチコピーや囲み写真を配置し、製品を白のラインで協調したデザインです。色使いは製品ごとに見出し...
-
「アーネスト株式会社_apod SHOP」のホームページデザイン解説サイトを開くとおすすめ商品を紹介するスライドショーが画面幅いっぱいに表示されます。シンプルな1カラムのレイアウトで色使いもモノトーンでまとめられ、マージンを多めに取ってすっきりと見せたデザインです。アイテム一覧は正方形の写真にキャッチコピー...
-
「ていねい通販」のホームページデザイン解説ファーストビューは可愛らしいイラストを使ったナビゲーションメニューの下に角丸の扇形のスライドショーが配置され、スライドショーのモーションに緩急をつけることで柔らかさだけでなく元気なイメージも感じさせます。淡いオレンジをメインとしたパステルカ...
ホワイトを使ったデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
ナチュラル・清潔感なホームページのデザイン
-
「ベリーベリーファーム上田」のホームページデザイン解説画面幅いっぱいに表示された農園の全体写真の鮮やかさがまず目を引き、その上に筆記体の英語フォントでキャッチコピーが重ねられています。サイトの導入部分はフルーツの切り抜き写真で囲んでポップで親しみやすい印象を与え、コンテンツは色味を統一した写真...
-
「株式会社山田興業」のホームページデザイン解説サイトを開くと画面幅いっぱいに表示されるメインビジュアルは、4枚の写真を組み合わせた中央にキャッチコピーを重ねた、事業内容のイメージが一目で掴める構成です。サービス紹介の一覧は写真をタイル状に並べ、ブラックのオーバーレイを重ねることで重厚感...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
