6. cafe.de.暖 Webサイト
https://sub-tsukiharaz.ssl-lolipop.jp/cafe_dan/
作品概要 #
この作品は地元の人たちが通う喫茶店のサイトを作りました。喫茶店にはご年配の年齢層がメインなのでサイトも全体的にコンテンツを簡潔に表示し少し大きめにしてあります。飛ぶページもあまり増やさずにホームページ全体の操作もシンプルで簡単な操作ができるようにしています。
https://sub-tsukiharaz.ssl-lolipop.jp/cafe_dan/
制作者 #
- K.Tsukihara
- フロントエンドエンジニア志望
- HTML, CSS, JavaScript, jQuery
- Adobe Illustrator, Adobe Xd, Visual studio Code
SNS など #
アピールポイント #
ページをローディングした時にサイトのロゴが浮かび出てくるようにしました。
ページを少しスクロールした時にページトップに戻るたのスムールスクロールのボタンが出てくるようにしました。
トップページのメニューのとこのスライドを均一に表示するのではなく中央だけを大きく表示させるとこも工夫しました。
またメニューページの各メニューの画像をホバーした時に浮かび上がるようにしました。
サイト自体をご年配のの層に向けて作成したのでホバーした時にわかりやすいようにしました。
制作者感想 #
今回のお店のサイトを作成をさせていただいて、クライアントの要望に応えその通りにデザインする事がなかったので良い経験になりました。
将来 web 業界に入った時に今回で経験したことを少しでも発揮できたと思います。
計画通りデザインやコーディングが進むと思っていたら全然進まなくつまづくことだらけだったので今後何か制作で計画する時に早めに行動することが大事だと思いました。
今からの教訓にしたいと思いました。また思い通りにスムーズにコーディングを進めれるように勉強に努めたいです。
- 次の作品: ひつじや Webサイト
- 前の作品: BASE内アクセサリーショップ『そよそよ』
コメント #
作品ならびにプレゼン動画の閲覧ありがとうございました！
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。