チーズスイーツのホームページリニューアルと動画制作

チーズスイーツのホームページリニューアルと動画制作

https://umeda-cheeselab.com/

WORKS INFORMATION

PROJECT チーズスイーツのホームページリニューアルと動画制作
URL https://umeda-cheeselab.com/
CATEGORY ブランドサイト・サービスサイト
GENRE カフェ・レストラン・飲食・食品関連
CREDIT
  • ディレクション
  • デザイン
  • コーディング
  • javascript実装
  • 写真撮影
  • レスポンシブ対応
  • アニメーション制作
  • 動画制作
  • SSL化対応
MEMBER 小林、川井、八木、藤原

DESKTOP DESIGN

デスクトップ デザイン

MOBILE DESIGN

モバイル デザイン

PICK UP POINT

ピックアップポイント

スイーツ雑誌のようなファーストビュー

スイーツ雑誌のようなファーストビュー

今回カメラマンさんに撮影いただいたシズル感たっぷりの写真を活かすため、画像を大きく使って雑誌のような見せ方にしました。
多様なスイーツがあることも見せたかったので、PCでは画像が切り替わり、モバイルでは画像が横に流れる仕掛けです。

ふわふわ出現する楽しげなスイーツとパンダたち

ふわふわ出現する楽しげなスイーツとパンダたち

スイーツのコンセプトを紹介する箇所では、流れるチーズからスイーツとパンダをふわふわ出現するアニメーションで楽しさを演出しました。
絶妙なタイミングのアニメーションは、コーダーの川井さんに頑張っていただきました!

各スイーツの詳細ページ

各スイーツの詳細ページ

スイーツの詳細ページでは、写真や美味しいポイントのテキストだけでなく、アレルギー表、栄養成分表なども管理画面から全て投稿できる仕様にしていただきました。
どんどん新しいスイーツが出てきても更新が簡単にできるため、商品の入れ替わりが多いホームページではおすすめの機能です。
少し難易度が高い部分があったかと思うのですが、こちらは八木さんがしっかり実装してくださいました。

MESSAGES FROM WREATH

制作担当からのメッセージ

この度は、ホームページのリニューアルをご依頼いただき、誠にありがとうございました。
また、サイネージ動画の制作もご依頼いただき、こちらはAfter Effectsを使ったアニメーション動画として制作いたしました。
写真が非常に美味しそうで、常にお腹を鳴らしながらデザインしておりました(笑)。

ホームページをご覧になるユーザーの皆様にも、この美味しさが伝わるように、特に見せ方にこだわって制作いたしました。
スイーツに多種多様なチーズを使用していることを強調するため、要所でクリームチーズの動画や固形チーズのテクスチャを使用しました。
また、遊び心のあるアニメーションや便利な投稿機能を取り入れ、見た目も楽しく、使い勝手の良いサイトになるよう心掛けました。

今後とも、御社のますますのご健勝とご発展をお祈り申し上げます。

CONTACT US

制作のご相談・お見積り

制作についてのご相談・お問い合わせはこちら

制作の内容が具体的に固まっていない方も、まずは相談したい方も気軽にお問い合わせください