Webサイト模擬制作01 – オーディオブランド

コーティングサイトPCのみhttps://ty610318.stars.ne.jp/lstnur/index.html

  • 制作日:2025年5月
  • 使用ツール:VSCode(コーティング)、Adobe Illustrator(ロゴ制作)、Adobe Photoshop(画像編集)
  • 制作時間:9日(企画〜コーティングまで)
  • 制作意図:国内発の架空オーディオブランドのウェブサイト(訓練校卒業作品)
  • サイト概要:国内で新たに発足したオーディオブランド「LSTNUR(リスナー)」のオンラインストアも併設した公式サイト。ブランドの新製品や人気製品の紹介を行い、サイト内での商品販促につなげるようにもする。
  • サイト目的:LSTNUR製品を初めての人にも認知してもらう。さらに、兼ねてからのブランドユーザーには別製品も購入してもらえるように促す。
  • コンセプト:製品画像をメインとした配置にし、サイトを訪れた人にLSTNURのイメージをすぐに理解してもらえるような作りにする。
  • ターゲット:オンラインショッピングを常日頃から楽しむ人物像を軸に、大きく分けて下記の2つに分類する。
    ①音楽やアート、ファッションなどの流行に敏感で、ヘッドホンやイヤホンもファッションコーデの一部として見る10〜20代の男女。
    ②年齢や性別を問わず、音質にこだわりを持つ音楽好きの人。
  • デザインテーマ:ストリート
  • カラー配色;#0098b9(メイン)、#222222(サブ)、#eeeeee(背景)

訓練校でのカリキュラム課題として模擬制作した架空ブランドのWebサイトになります。
ブランドそのものを一から創り上げることに対し、カジュアルユーザー向けのヘッドホンやイヤホン、スピーカーなどの実在ブランド製品を、過去に私が勤務していた楽器店でも多く取り扱う機会があったことから着想しやすいという理由で、「オーディオブランド」のサイトにすることを決定しました。

このWebサイトは模擬であり、サイト内リンクは下記の一部ページのみが機能します。

  • HOME(index.html)
  • LSTNURについて
  • 製品を見る
  • 製品詳細(一種類のみ)
  • ユーザーサポート(送信ボタン使用不可)

コメント