title.
メガネ会社
コーポレートサイト
メガネ会社コーポレートサイト
(date)
(role)
design, writing
(tool)
Figma
overview
メガネブランド「Lunettes」を展開する株式会社VISIONSのコーポレートサイトです。TOP＋下層5ページでPC・SPの両方に対応しています。採用窓口とオンラインストアへの導線を兼ねた設計です。
#01 ターゲット
20代〜30代の男女。当該企業やSDGsへの関心が高く、将来的な転職も視野に入れている層。店頭・SNS・ECサイトなど複数の接点でブランドを知り、VISIONSを深く知りたい層を想定。
#02 課題
「メガネブランドのサイト」という情報だけでは、サステナブル素材へのこだわりや理念が伝わりにくく、オンラインストアでの購入までの動機づけとして弱い。ブランドの世界観を先に伝え、共感を購入への後押しにつなげる必要があった。
#03 目的
ブランドの理念・世界観を理解した状態を作り、オンラインストアへ自然に進める状態にする。購入数の最大化ではなく、理解した上で行動を選べることを優先した。
#04 情報設計
企業のコンセプトをターゲットが自然に受け取れるよう、世界観を伝えるセクション（BEYOND YOUR SIGHT）を新設しました。ブランドへの共感を入口に、購入や採用への関心へつなげる狙いがあります。 ニュースセクションには写真を添えました。新商品の発売や海外での活動など、動きの多い企業だからこそ、文字だけでは伝わりにくいと考えたためです。写真があることで、ターゲットが「今どんな活動をしているブランドなのか」をイメージしやすくなります。 また、「100%環境に配慮したサステナブル素材」という言葉も、文字だけではなかなか実感が持てません。そこで実際の原料や職人の手元、部品そのものの写真を使い、目で見て分かる形で伝えることで、情報の透明性を担保しました。
#05 ポイント
写真はFigmaで色調整し、メガネブランドらしいクリアな視界を演出しています。差し色に使ったボタンの濃いイエローは、「Lunettes」という名前が月（lune）に由来していることから着想を得ました。全体の配色になじむよう、少しオレンジ寄りに調整しています。フォントは手書き風の英字フォントをアクセントに使用し、環境やターゲットへの寄り添いを感じる温かみをプラスしました。モックアップの背景にコンクリート調の素材を選んだのは、メガネそのもののモダンでスタイリッシュな印象を残すためです。また、緑の少ない都会だからこそ、「あなたの行動ひとつで、世界は変わっていく」という願いも込められています。
contact コンタクト
「具体的な依頼ではない」「ちょっと話だけ聞いてみたい」そんな段階でも大歓迎です。
まずは気軽にご連絡ください。当日中にお返しします。
送信が完了しました
お問い合わせいただきありがとうございます。
今しばらくお待ちください。