見出し画像

有田焼 深川製磁 #1日1サイトレビュー



【概要】

佐賀・有田で明治期から続いている陶磁器の製作工房のコーポレートサイト


【ターゲット】

・陶磁器に興味がある人


【印象】

・落ち着いていて上品さがある印象

・製作様子を画像やムービーで見ることでより魅力が伝わりやすい


【構成】

・トップページ

・TOPICS:お知らせ

・The spirit of FUKAGAWA SEIJI:深川製磁について

・PRODUCTS:電子カタログで製品を閲覧

・STORE:各実店舗の案内

・フッター:ONLINE STORE、CONTACT


【メインビジュアル】

・フルスクリーン

・背景が全面画像

・中央に会社ロゴと会社名が配置

・右下にスクロールを促すアイコンが配置


【コンテンツ】

・各カテゴリページでも背景全面に画像→全面配置にすることで画像の様子、世界観が伝わりやすい。美しさが出る

・各カテゴリページごとに背景の画像が変わっていく

・背景画像の邪魔になるためあしらいはなく、画像の様子をしっかり見せることができ、シンプルな印象に

・背景画像を暗くしているため白い文字でも映える

・コンテンツの左右にほぼ均等の余白がついている

・右下にページトップボタンが配置

・ボタンやオブジェクトの枠線が細く、上品さがある

・ボタンやオブジェクト内が透過しているため背景画像の邪魔にならない。マウスオーバーすると黒色になる


【フォント】

・基本、DNP秀英明朝を使用→明朝体で上品さが出る

・ボタンや地名、コピーライトはサンセリフのlatoを使用→メリハリになる

・説明文は16、18px

・大見出しは80、100px→大きくすることでカテゴリが切り替わっていることをわかりやすくする

・中見出しは24px

・ジャンプ率は少し高い


【カラー】

・メインカラーは白(#ffffff)

・アクセントカラーは黒(#000000)

・背景が全面画像のため無彩色でシンプルな配色に


【レスポンシブ】

SP表示では、

・MVのロゴと会社名が中央より少し上部に配置

・横並びのコンテンツ→縦並びに


【サイトを通じてどのような目的を達成しているか】

目的:深川製磁の認知、製品の購入

・画像やムービーで製品や製作過程の様子を見せ、興味を持たせる

・様々な地域の実店舗やオンラインで購入できることを認知

→サイトを見ることで認知、購入に繋がる

➡︎結果:目的達成


スクリーンショット 2020-04-29 11.29.14

スクリーンショット 2020-04-29 11.29.00

スクリーンショット 2020-04-29 11.29.31

スクリーンショット 2020-04-29 11.29.41

スクリーンショット 2020-04-29 11.29.49

スクリーンショット 2020-04-29 11.29.55

スクリーンショット 2020-04-29 11.30.03

スクリーンショット 2020-04-29 11.30.13

スクリーンショット 2020-04-29 11.30.24


この記事が気に入ったらサポートをしてみませんか?