17. Bills Cafe Webサイト
https://naru-hipu0901.sub.jp/bills-cafe/
作品概要 #
愛知県稲沢市に2店舗あるふわトロオムライスが人気なお店、BillsCafe様のWebサイトを制作させていただきました。新しい技術を組み込み、BillsCafeの豊富なメニュー数やお店独自のこだわりなどお店の魅力が見ていただいた方に伝わるように考え、制作しました。
https://naru-hipu0901.sub.jp/bills-cafe/
制作者 #
- N.Yokokura
- フロントエンドエンジニア志望
- HTML, CSS, JavaScript, microCMS
- Adobe Illustrator, Adobe Photoshop, Adobe Xd, Visual studio Code
- ミライク賞, アビリブ賞, ONiWA 賞, リーピー賞, キューコーポレーション賞, Clap 賞, GrowGroup 賞, アイ・セプト賞, ワンダーズ賞, アクアリング賞, ラージックウェーブ賞, メイクリー賞
SNS など #
アピールポイント #
1 つ目は、トップページのメニューの項目です。画像の表示に動きを持たせて、PC サイズでは画像のポイントにくると左側の文字の内容が変化しスライドに面白みを持たせ、飽きさせないデザインになるように考え、動きを実装しました。
2 つ目は、最近の web サイトは高速化を目指すことが多いので、それを考慮し、jQuery は使用せずに全て JavaScript の形式で記述し、サイトに動きを実現しました。
また CMS は最近増えてきているヘッドレス CMS に目をつけ、記載したいコンテンツ量も少なく、読み込みスピードの向上とページの一部分のみを変更したいだけでしたので、挑戦の意味も込めて microCMS を使用しました。
制作者感想 #
今回の進級制作を通して、0 から web サイトを制作する大変さと楽しさを感じることができました。
自分は特にデザインを考えるのがあまり得意ではなく、この進級制作の間本当に数多くの web サイトを拝見しました。
ただそれを見ているうちに色々とアイデアが湧いてきたので、見る目を鍛えるというのは本当に大切なことなんだなと思いました。
また、この作品を作るまで知らなかった技術なども独自に調べ、当初からやりたかった動きを全て実現できたので、完成した今とても良かったです。今ではコーディングするのが楽しく、さらに好きになりました。
これからも新しい技術を取り入れ、知識をさらに深め、今後につなげていきたいと思います。
- 次の作品: 文字主体SNS「Afim」
- 前の作品: アヒル家 Webサイト
コメント #
作品ならびにプレゼン動画の閲覧ありがとうございました！
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。