メガネブランド
コーポレートサイトデザイン

制作の目的

メガネをファッションとして楽しみながら、環境にも配慮した選択をしたいユーザーを想定しました。洗練された印象と自然へのやさしさを両立させ、ブランドの考え方が直感的に伝わるサイトを目指しています。

デザインコンセプト

メガネのフレームを中心に配置し、レンズの向こうに景色が広がっているような構図を採用しました。「レンズを通して世界と未来を見る」という企業方針を、視覚的に表現しています。

キャッチコピーには「サステナブル」という言葉を取り入れ、環境への配慮を企業の特徴として明確に伝えました。

工夫したポイント

シンプルさと印象の強さを両立

情報を絞ったシンプルなレイアウトを基本にしながら、要所に背景画像を配置し、見出しにアクセントカラーを加えました。余白を生かしつつ、寂しく単調な印象にならないように設計しています。

ブランドイメージを支える配色

使用する色を3色に絞り、ページ全体の統一感を高めました。スタイリッシュな印象を保ちながら、自然や環境への配慮も感じられる配色にしています。

一貫性のあるUI設計

ボタンの形や色、見出しと本文の文字サイズ、行間のルールを統一しました。ページが変わっても操作方法や情報の優先順位が伝わりやすいデザインを意識しています。

フィードバックを生かした改善

制作後に受けたアドバイスをもとに、ファーストビューから一般的なバナー表現を外し、ブランドのメッセージが最初に伝わる構成へ修正しました。

また、お知らせ欄はトップページと一覧ページで体裁を揃え、配色、ボタン、文字サイズ、行間に共通ルールを設定しました。細部を見直したことで、サイト全体に一貫性が生まれ、情報を追いやすいデザインに仕上がりました。

制作を通して得たこと

見た目を整えるだけでなく、ブランドの方針を構図や言葉に落とし込み、サイト全体で同じルールを保つことの重要性を学びました。コンセプトとUIの両面から設計することで、企業の姿勢が伝わるコーポレートサイトになりました。