食肉製造・加工会社_デザイン

■なんのためのWebサイト？課題は？

・大手グループの傘下としてブランドの魅力や商品のこだわりの伝わるサイトを作りたい

・若い人を積極的に採用したいため、採用ページを特に印象的に見せたい

■ターゲットのペルソナは？

佐々木優美花 20代前半女性

高校卒業後、北海道の食料品製造業に勤務。

結婚を考える恋人を持ち、将来の安定を考えて大手企業への転職を検討している。

アウトドア派で体を動かすことが得意。ドライブや自然が好き。

▼佐々木優美花さんのジャーニーマップ

■どんなデザイン？

トンマナ

上富良野町の観光地や広大な自然から着想

→「ラベンダーのまち」としての魅力を持つため、カラーはパープルを採用。

→広大な丘が印象的な街のため、情報量がかたまらないように余白をたっぷりと使用。

→かみふらの地養豚が売りだが、畜産は後ろ向きな印象を持たれがちなので、ブランドに対して明るく誇りある印象を持たせるために随所にリッチなスタンプ調の豚のあしらいを使用。

→フォントはクライアント希望で万人に読みやすくなじみのあるメイリオ/ヒラギノ角ゴシックを採用し、

キャッチフレーズ的部分は柔らかく余裕のある字間のはれのそら明朝を使用。

→日本語の字体がベーシックなので、全体的に資料のような印象を与えないよう、

英字体は小文字にデフォルメの効いたUbuntuを使用しメリハリ付け。

・大手グループの傘下としてブランドの魅力や商品のこだわりの伝わるサイトを作りたい

→各写真が暗く写らないよう、お肉のツヤがより伝わるように彩度や光度を自然に調整して使用。

→製品へのこだわりページでは一般家庭で美味しい豚肉が使えることを伝えるため、盛り付け写真の背景にファブリックの素材を合成。

→また、安全性の伝わるよう製造工程を順を追って解説するレイアウトで表現。

→暗い印象を持たれがちなので、写真を明るめに加工し、グロテスクな部分を極力カットして使用。人の手で一つ一つ管理されていることや、チームワークが伝わるよう、人の顔が見える写真や複数人で働いている写真を優先的に使用。

・若い人を積極的に取り入れたいため、採用ページを特に印象的に見せたい

→周りの人に育ててもらえるような印象や、大自然の中で働ける魅力を推すためにラベンダーの丘と大木の写真をメインビジュアルに使用。

→初めて製造業に携わる人にも不安が解消されるよう、1日の流れがわかるフローやインタビューも掲載。

→インタビューは情報量があるため、文字にメリハリをつけ、読みたいセクションを選んで読めるようにアコーディオン内に文を格納。

→長期キャリア形成を目指せるように入社〜一人前になるまでのキャリアプラン例を掲載。夢のある将来像を描いてもらえるように鮮やかな色彩や青空の写真を使用。