制作概要
制作期間：約3ヶ月間
制作範囲：店舗設計からコーディング実装まで行いました。
使用ソフト：Photoshop/Atom
――――――――――――――――――――――
1.要件概要
2.制作物
3.工夫したところ
4.制作を通して学んだこと
――――――――――――――――――――――
１.要件概要
■クライアント名
repos café（ルポ カフェ）
■目的
認知拡大、世界観に共感して来店してもらいたい。
■ターゲット
紅茶が好きな20～40代女性、非日常の空間で一息つきたい方
■トンマナ
清潔感のある白を基調としながらも、ヘルシーな女性らしさを感じられる雰囲気
■その他
セクション数は5つ以下におさめる。PC/SP対応にする。
情報設計（ペルソナ設定）
２.制作物
スタイルガイド
明度の高いピンクだとカフェのイメージより化粧品のサイトのようなイメージに近いと思ったため、明度を抑えたピンク色をアクセントとし、色数を抑えシンプルなイメージにしました。
柔らかい印象を与える為にB丸ゴシックを使用しました。
メインのサイト名は筆記体を使用し、あしらいの波線と合わせて女性らしさを引き出しました。
３.工夫した点
世界観に引き込めるようにメインビジュアル下の画像は不規則な位置に配置しながらも目線の流れを意識し自然な流れで画像が出てくるようアニメーションをつけました。雑誌を読んでいるようなイメージで設計しました。
女性らしさを表現する為に波線のあしらいをところどころに散りばめた。
ペルソナを意識し、世界観を引き出すサイト作りを意識して終始制作しました。
４.制作を通して学んだこと
初めて最初から一人でサイト制作をして、フォントや配色等どれをとってもサイトの要件定義に欠かせない要素だと学んだ。
また、ひと通りのサイト制作のフローを学び、より実践に近い流れで取り組むことが出来た。
次回からは実装のしやすさや等も考えサイト設計やマークアップをしていきたいと思いました。