17. パン屋 月うさぎ
https://sweet-amami-0885.nikita.jp/code/index.html
作品概要 #
名古屋市南区にあるパン屋さんのWebサイトを制作しました。より多種類のパンを提供したい。より多くのお客様に来ていただきたい。その目的で、このWebサイトをデザインし、コーディングをしました。僕の一年間に習得した技術をどこまで発揮できるかを試したくてWeb制作に手を出してみました。
https://sweet-amami-0885.nikita.jp/code/index.html
制作者 #
- K.Horii
- Web デザイナー・フロントエンドエンジニア志望
- HTML+CSS、JavaScript、jQuery、Sass
- Adobe Illustrator、Adobe Photoshop、Adobe XD、Visual Studio Code、Adobe Animate
- 株式会社アビリブ賞、株式会社アルタ賞、株式会社アンティー・ファクトリー賞、エスケイワード賞、カーナベル株式会社賞
SNS など #
プレゼンテーション動画 #
アピールポイント #
一つ目は、メニューページです。月うさぎのには、各種類ごとのパンに個性豊かな説明とキャッチコピーが書かれたカードが置かれています。「より多くの種類のパンを提供したい」という願いもあったので、そのカードを再現しました。また、たくさんあるメニューをまとめるために、JavaScript を利用して、静的ページのページネーションを作りました。
二つ目は、サービスデーの強調です。より多くのお客様に来ていただくためには、サービス内容を認知してもらうことが必要です。そこで、月うさぎのサービスの一部である、「満月サービスデー」のコンテンツに動きをつけて、見る人に認知されやすくなるように工夫しました。
制作者感想 #
作品制作を進めていくときに、様々なサイトを見ることによってデザインの幅が広がり、その広がったデザインもコーディングの知識を広げることによって表現することができるようになりました。
今回の進級制作で、「知る」という行為をすることで技術向上のスパイラルを起こせることがわかりました。今後もこの業界に興味を持ち続け、まだ持っていない技術を「知る」ことによって身につけていきたいです。
完成に至るまでに、決まらない・気に入らない・動かないなどの困難なことが連続していてもなお、ここまでやって来れたのは、楽しさや面白さを忘れない心があったこそだと思いました。私はこの業界が好きだということがわかりました。
- 次の作品: 奏カフェ
- 前の作品: RAI TAKAYAMA handcraft
コメント #
作品ならびにプレゼン動画の閲覧ありがとうございました！
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。