株式会社宮川商店様
type: website
tool: Figma / Photoshop
design
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つの情報にしっかり目が向くよう工夫にしました。