![チーズスイーツのホームページリニューアルと動画制作](https://wreath-ent.co.jp/wp-content/uploads/2024/05/umeda-pc-main.jpg)
チーズスイーツのホームページリニューアルと動画制作
WORKS INFORMATION
PROJECT | チーズスイーツのホームページリニューアルと動画制作 |
---|---|
URL | https://umeda-cheeselab.com/ |
CATEGORY | ブランドサイト・サービスサイト |
GENRE | カフェ・レストラン・飲食・食品関連 |
CREDIT |
|
MEMBER | 小林、川井、八木、藤原 |
DESKTOP DESIGN
![](https://wreath-ent.co.jp/wp-content/uploads/2024/05/umeda-pc-img01.png)
![](https://wreath-ent.co.jp/wp-content/uploads/2024/05/umeda-pc-img02.jpg)
MOBILE DESIGN
![](https://wreath-ent.co.jp/wp-content/uploads/2024/05/iPhone-12-PRO-umeda-cheeselab.com-2.png)
![](https://wreath-ent.co.jp/wp-content/uploads/2024/05/iPhone-12-PRO-umeda-cheeselab.com-3.png)
![](https://wreath-ent.co.jp/wp-content/uploads/2024/05/iPhone-12-PRO-umeda-cheeselab.com-5.png)
![](https://wreath-ent.co.jp/wp-content/uploads/2024/05/iPhone-12-PRO-umeda-cheeselab.com-7.png)
PICK UP POINT
スイーツ雑誌のようなファーストビュー
![スイーツ雑誌のようなファーストビュー](https://wreath-ent.co.jp/wp-content/uploads/2024/05/umeda-point01.png)
今回カメラマンさんに撮影いただいたシズル感たっぷりの写真を活かすため、画像を大きく使って雑誌のような見せ方にしました。
多様なスイーツがあることも見せたかったので、PCでは画像が切り替わり、モバイルでは画像が横に流れる仕掛けです。
ふわふわ出現する楽しげなスイーツとパンダたち
![ふわふわ出現する楽しげなスイーツとパンダたち](https://wreath-ent.co.jp/wp-content/uploads/2024/05/umeda-point02.png)
スイーツのコンセプトを紹介する箇所では、流れるチーズからスイーツとパンダをふわふわ出現するアニメーションで楽しさを演出しました。
絶妙なタイミングのアニメーションは、コーダーの川井さんに頑張っていただきました!
各スイーツの詳細ページ
![各スイーツの詳細ページ](https://wreath-ent.co.jp/wp-content/uploads/2024/05/umeda-point03.png)
スイーツの詳細ページでは、写真や美味しいポイントのテキストだけでなく、アレルギー表、栄養成分表なども管理画面から全て投稿できる仕様にしていただきました。
どんどん新しいスイーツが出てきても更新が簡単にできるため、商品の入れ替わりが多いホームページではおすすめの機能です。
少し難易度が高い部分があったかと思うのですが、こちらは八木さんがしっかり実装してくださいました。
MESSAGES FROM WREATH
この度は、ホームページのリニューアルをご依頼いただき、誠にありがとうございました。
また、サイネージ動画の制作もご依頼いただき、こちらはAfter Effectsを使ったアニメーション動画として制作いたしました。
写真が非常に美味しそうで、常にお腹を鳴らしながらデザインしておりました(笑)。
ホームページをご覧になるユーザーの皆様にも、この美味しさが伝わるように、特に見せ方にこだわって制作いたしました。
スイーツに多種多様なチーズを使用していることを強調するため、要所でクリームチーズの動画や固形チーズのテクスチャを使用しました。
また、遊び心のあるアニメーションや便利な投稿機能を取り入れ、見た目も楽しく、使い勝手の良いサイトになるよう心掛けました。
今後とも、御社のますますのご健勝とご発展をお祈り申し上げます。