WEBsite /

megane corp

担当範囲

要件整理、ワイヤーフレーム、デザイン

使用ツール/言語

Figma、Photoshop、Illustrator

製作時期/制作時間

2025.7/ 12日間

要件整理、ワイヤーフレーム:4日間

デザイン:8日間

サイズ

Webサイト(レスポンシブデザイン対応)

ターゲット

採用ご担当者様

目的

「株式会社Visions」のコーポレートサイト制作
・SDGs・サステナビリティ・社会貢献・ソーシャルグッドに関心がある人
・若年層(20〜30代)を主なターゲットとしつつ、男女問わず幅広い世代が対象
・メガネをファッションの一部として楽しむ人(制作課題)

レイアウト

採用ご担当の方の視線動きを考え、見やすさと操作性を意識し、レイアウトを構築しました。
操作性を意識し、フッター部分にコンタクトフォームを設け、
どのページからも1クリック(もしくは1タップ)でコンタクトできるように一貫性を持たせました。

Lunettesを支える企業・Visionsの理念や姿勢を発信する場として、オンラインショップとは役割を分けたコーポレートサイトを設計しました。

配色について

キーワードである「サステナビリティ」「シンプル」「ファッション性」を軸に、慎重にカラーを選定しました。

全体基調: 落ち着きと清潔感を感じさせる「ソフトセージ」

オンラインショップ: 温かみのある「テラコッタダスト」

採用関連: 洗練された印象の「ミューテッドゴールド」

それぞれのセクションが視覚的に識別しやすくなるよう配慮しています。

採用ページの工夫

採用ページでは、ターゲットとなる若年層に企業の雰囲気が伝わるよう、アニメーションや装飾を用いて印象的な導線を設計しました。

設計プロセス

デザイン設計にあたっては、約50社のコーポレートサイトをリサーチ。構成、配色、理念の見せ方などを分析し、Visionsらしい「誠実さ」と「感度の高さ」を表現できるよう、情報設計から丁寧に組み立てています。

メガネ会社トップページの画像

メガネ会社下層の画像1

メガネ会社下層の画像2

メガネ会社スマホ下層の画像1

メガネ会社スマホ下層の画像2