鎌倉ねこ庵【Webサイト】

課題

1. 1.グループで1つのサイトを作る
2. 2.レスポンシブ対応をする
3. 3.併せて印刷物も作成する

目的

• ・お店の落ち着いた雰囲気を伝え、集客につなげたい。
• ・猫が主役で、色はナチュラルカラー（暗い灰みの青緑・ブラック・アイボリー）を希望。
• ・予算20万円以内、納期2ヶ月以内。

ターゲット

• 37歳女性（会社員）。夫と二人暮らし。
• ・「猫に癒されたい」「静かな場所でゆっくり過ごしたい」というニーズがある。
• ・実家で猫を飼っていた経験から猫好きだが、 現在はペットを飼えないため、動物とふれあえる場所を求めている。

情報設計

• ・手書き風イラストをFlexboxでレイアウトし、細かな位置調整を実施。
• ・パララックス効果を用いて、奥行き感を演出。

デザイン

• ・フォントに『Zen Maru Gothic』を採用し、女性が好む柔らかい配色にした。
• ・「大人可愛い」シンプルかつ印象に残る、UI/UXデザインを意識した。

制作範囲

企画、コーディング

担当制作期間

• ・企画：

  7.5時間

• ・コーディング：

  18時間

使用ツール

• ・コーディング：

  HTML/CSS/JavaScript/jQuery

使用色