- 必須項目
- Cafeのリニューアル提案。
コンセプト、リード文をすべて使うこと。
写真は指定されているもの以外を使わない事。
- ターゲット
- 近隣住民、ご老人、カフェ巡りが好きな方など
- 自己テーマ
- シンプルで値段はチープなのに高級感漂うサイトにすること。
授業では教わっていないが個人で調べて試してみたことをしっかりと実装させること。
- 制作過程
- 今回新規リニューアルオープンのカフェサイトの構築依頼と言う事でしたので、シンプルかつ高級感漂うイメージを付けれるようにデザインを行いました。なんでも最初の一歩が大事だと思ったので「GRAND OPEN」がしっかりと目に入るようにメインカラムの次に大きくGRAND OPEN告知を載せました。コンセプトページ、 メニューページも観てもらえるように各自興味付けとしてコンテンツを配置しました。
今回自己テーマで授業では教わっていない事を自分の力で実装すると決めていたのでJSを導入してみました。
フェードイン関連やサイドボタンを設置してTOP画面へスクロールで登っていくなどはとても簡単に実装できましたが、コンセプトページの画像をワンスクロールで切り替えていくjs設置がとても難しく、サイト構築の中で一番時間がかかりました。最終的にはしっかりと実装できとても楽しかったです。その他見えないところにも今回は力を注ぎました。
まず最初にOGPの設置を行いました。その後他にもSEOに役立つと思った、レスポンシブデザインの構築meta robotsの設置ファビコンの設定を行いました。
レスポンシブデザインもやはり、conceptページのjsをカスタムするのが一番苦戦し時間がかかりましたが、とても楽しく作品を作ることができました。
WEB SITE
