詳細デザインはこちらからご覧ください。
https://www.figma.com/file/EK8ABhZta2Ch2dLcb6DOV4/%E7%84%A1%E9%A1%8C?node-id=0%3A1
コンセプト
・メガネを通じて地球環境の維持に貢献する。
イメージ
・シンプル、環境に優しい、サステナビリティー
ターゲット
・SDGs、サステナビリティー、社会貢献、ソーシャルグッド等に興味関心がある人たち。
・20代~30代の若年層がメインターゲットだが、老若男女どの世代でも購入してほしい。
・おしゃれでデザイン性もあるため、ファッションの一部としてLunettesのメガネを取り入れる人も増えている。
デザイン
・全体的にシンプルで見やすくなるよう余白、行間、文字間隔を広くデザインしました。
・環境に優しいイメージから緑をメインカラーに。その中でも高級感がでる緑(#2A5738)を選びました。
・CTAでは、目立つようカラー、土を思わせるようなカラーで茶色(#B6983E)を選びました。
・メインのフォントをHiragino Mincho ProN使用し誠実さを表現しました。
TOPページ
FV
・Visionsの文字は、ロゴと同じフォントを使用しました。
・人物と被らないよう左寄せに文字を配置し、緑の背景と重ねて見やすくしました。
・画像はキャッチコピーとコンセプトと合うような画像を選びました。
NEWS
・内容が一目で入ってくるようカード形式でデザインしました。
BRAND
・背景はブランドイメージと合うよう自然を思わせるような木の影を配置。
・ブランド名が目立つようフォントサイズを大きくしています。
ABOUT US、JOIN US
・文字を中央寄せに配置し、視線からズレすげないようにデザインしました。
・薄い丸の背景を文字後ろに配置して画像と文字が被っても見やすくなるようにしました。
ニュースページ
・タグ、ページネーションは、今見ている箇所を緑の背景色をつけユーザーに分かりやすくなるようにデザインしました。
事業紹介ページ
・TOPと同様。
会社紹介ページ
MISSON
・行間を広く設け読みやすくなるようシンプルにデザインしました。
メッセージ
・背景には、環境に優しく、メッセージと思われるよう和紙の画像を選びました。
COMPANY
・情報を見やすくなるようシンプルにデザインしました。
採用情報ページ
MESSAGE
・行間を広く設け読みやすくなるようシンプルにデザインしました。
採用
・画像内の文字を中央寄せに配置し見やすくなるようにしました。
・新卒採用の中途採用をぱっと見で分かるような画像を選びました。
INTERVIEW
・カード形式で情報をシンプルで見やすくなるよデザインしました。
お問い合わせページ
・フォーム内に例をつけ記述しやすくなるようにしました。