学校の「web応用」の授業で制作したLPです。
架空本屋「いざない書店」としてロゴとLP（ランディングページ）デザインを考案しました。
コーディングも行いwebサイトとして立ち上げられるようにしました。
制作時間
約35時間
使用アプリ
Photoshop・Illustrator・Xd・Doreameweaver・HTML5/CSS3
サイトURL
http://izanaibook-fictitious.net/
ターゲット
20~50代 文学書好き
デザインについて
文学小説を取り扱っている本屋だという印象を与えるため、懐古的で落ち着いたイメージをもたらすデザインにしました。
懐古的な印象を与えるために、和風な装飾を配置しフォントも明朝体に統一しました。
日本の伝統色から配色をしデザインと一貫性をもたらせました。
カラースチーム
ロゴ
ロゴのデザインは、サイトの雰囲気に合わせ和風なデザインに仕上げました。
いざない書店は「文学の世界に誘う」という意味で付けた書店名なので、文学の世界に迷い込むような雰囲気を出せるよう、ロゴに雲のような形や切り抜きを用いて朧げなイメージをもたらせました。
FV
最初のデザインでは上部の画像のように文章の装飾が無いデザインでした。
ですが、FVでインパクトをもたらすことによって興味を引く引き金になると思い、有名文学書にある文章の一部をデザインとして組み込み最初のデザインより派手に仕上げました。
コンセプト&ロケーション
ロゴのデザインにも用いた雲を装飾としても使い、単調になりすぎないようコンテンツごとに雲の装飾デザインも変えて配置しました。
和風な雰囲気もより出すために、松の装飾を配置してより雰囲気を固めていくよう仕上げました。
おすすめ
サイト全体のデザインに盛り上がりをつけるため、このコンテンツでは前コンテンツとは背景色や装飾なども違いをつけました。
このコンテンツ部分のコーディングは、ブラウザの拡大縮小でのデザインの崩れが酷かったのでコーディングがとても大変でした。