メガネ会社コーポレートサイト / スクール課題

メガネ会社コーポレートサイトのモックアップ画像
  • 概要

    メガネ会社コーポレートサイト

  • ターゲット

    サスティナブルな取り組みに興味がある方

  • 制作期間

    2週間

  • 制作領域

    要件定義~デザイン

  • 制作ツール

    Figma

  • デモサイト

デザインのポイント

  • メインビジュアルには動画を用いることで、実際に商品を使っている人の暮らしが生き生きとわかり、企業のサスティナビリティのイメージを持ちやすくしています。また、動画が読み込めなかった場合を想定し、静止画バージョンも作成しました。
  • 自然と流れる風や水の雰囲気を出しながら視線誘導するために、各セクションのタイトルを薄いカラーの筆記体にして左右交互に配置し、あしらいとして使っています。
  • セクションタイトルは画像にはせず、テキストの状態を残すことでスクリーンリーダーユーザーにも今どの場所が読まれはじめたのかわかるようにしています。

PC

PCライトモードの全体画像 PCダークモードの全体画像

Mobile

SPライトモードの全体画像 SPダークモードの全体画像