株式会社宮川商店様

type: website

tool: Figma / Photoshop

design

モックアップ画像

オリジナル陶器の製作ができる陶器製作・卸販売会社様。サイトリニューアルのコンペ提出作品です。(クラウドソーシング)

クライアントさま紹介

  • 「陶磁器生産量日本一のまち」として知られる土岐市に構える、陶器製作・卸販売会社様。
  • さまざまな素材で商品を製作可能、多種多様なニーズに対応できる点が強み。

目的

  • 日々お客様から寄せられるご要望にお答えできるようなサイトにしたい
  • 土岐市に来訪せずとも会社の良さやメリットを感じていただき、営業のお客さまの心を掴みたい
  • ロゴの作成もお願いしたい

課題

  • 営業マンが忙しい業務の合間に見ていただいてもわかりやすく使いやすいサイトにしたい
  • 会社としての信頼感を感じてもらう
  • クリエイティブな会社らしさがなく、会社の魅力を伝えられていない

解決策

  • ほしい情報にアクセスしやすいレイアウト
  • すっきりしたフラットデザインと、頼れると感じる文章内容で信頼感を
  • シンプルながら図形を多用して製作会社らしさを表現する

ペルソナ

都内の広告代理店に勤める20代から40代の営業マンの方々

テーマ

ナチュラル・すっきり

情報設計

当サイトは営業マンがカタログのように使用されるそうで、 「陶器を作りたいが何から始めたらいいのか?」 「着色できる色の種類をすぐに見たい」 「商品画像やサイズ、テンプレートなどの情報が欲しい」、などのご要望が寄せられるため、 忙しい営業マンのために欲しい情報を手に取るように配置することを心がけました。 「カラーチャート・納入までの流れ・テンプレートDL」をMVに置きスクロールせずとも、contact・フッターに置き各所に、見たい情報へアクセスできるようにしました。 また信頼感も大切に、「ここなら安心して任せられる」と感じてもらえるような文章内容を考え、すっきりと見やすいフラットデザインを採用しました。 サブカラーのダークブルーで誠実な印象を表現しています。

デザイン

松井酒造ホームページ

「多様なものづくり」「忙しい営業マン」をキーワードに、 「図形を散りばめる」「すっきりとしたフラットデザインでわかりやすさの追求」を図りました。

MV

多様なものづくりが得意な点を、ランダムな図形で自由さとして表現しました。 サイトをカタログ代わりに利用される営業マンが多いため忙しい営業マンに向けて、頻繁に見られる「カラーチャート〜」へのアクセスボタンをmvに設けて煩わしさを軽減しました。

logo

クライアントさまの大切にされている、 「陶磁器生産量の日本一の土地で誇り高く製作されていること」 「周りとの信頼関係があるからこそできる連携」これらを、皿を模した4枚の正円を漢字の「器」の形にして1枚1枚少しずつ重ねて繫がりと連携を表現。

News

よく訪問してくださるユーザーさまのため、MV直下にお知らせを置いてスクロールする煩わしさを無くしました。

about

aboutタイトルのオレンジの丸は、フラットなデザインの中で目線がいくように狙いました。 またタイトルと本文まわりに余白をつくり、どちらにも目線がいくように意識しました。

工場写真

aboutの本文を読んだら、当然実際どのように製造しているか気になるはずです。工場の立派な雰囲気の写真を配置して信頼感や安心感を与えます。

product

すっきりとした合理的なデザインで企業の信頼感を表現しました。 「頼もしい!」と思ってもらえるような安心感あるコピーにしたのもポイントです。 当然、具体的にどんな製品や雰囲気なのか気になるので、下に写真をレイアウトし、 なるべく写真のベースカラーがホワイト寄りのものを選んで統一感を意識しました。 多様なものづくりが得意であることをアピールするため、なるべくさまざまな雰囲気の写真を選びました。

強み

旧サイトでは強みを3つにまとめていましたが、内容が少し複雑になっていたため4つに細分化して分かりやすく再構成してみました。 アナログのファイルのようなデザインで、簡潔なわかりやすさを目指しました。

contact

上下のセクション、強みとフッターを無彩色にした分、ここは大きくメインカラーで存在感を出して色と大きさでリズムをつけました。

footer

会社情報、メニュー、カラーチャート等、それぞれを3つのスクエア内に余白を設けながらレイアウトすることで 1つ1つの情報にしっかり目が向くよう工夫にしました。

ホームページ
スマートフォン

next

つぎの制作物をみる

Get in touch

お問い合わせは、
SNSまたはメールにてお願いいたします。