GOOD EAT CLUB Cafe&Lounge LP

ECサイトであるGOOD EAT CLUBで販売している商品を購入できたり、実際に食べれる体験のできる店舗『GOOD EAT CLUB Cafe&Lounge』のサイトデザインを担当いたしました。

Client

GOOD EAT COMPANY

My role

LPデザイン

The team

1 × マーケター 1 × デザイナー 1 × フロントエンドエンジニア

Period

2023.02

見てほしいイメージを一番最初に入れる

GOOD EAT CLUB Cafe&Loungeは昼間にカフェとして利用する方が多く、夜の売り上げをもっと上げていきたいと考えていました。そこでファーストビューのローディング画面では夜の店舗の様子を見せることで、お客様が利用するイメージを作れるようにしました。

見てほしいイメージを一番最初に入れる

GOOD EAT CLUB Cafe&Loungeは昼間にカフェとして利用する方が多く、夜の売り上げをもっと上げていきたいと考えていました。そこでファーストビューのローディング画面では夜の店舗の様子を見せることで、お客様が利用するイメージを作れるようにしました。

見てほしいイメージを一番最初に入れる

GOOD EAT CLUB Cafe&Loungeは昼間にカフェとして利用する方が多く、夜の売り上げをもっと上げていきたいと考えていました。そこでファーストビューのローディング画面では夜の店舗の様子を見せることで、お客様が利用するイメージを作れるようにしました。

GOOD EAT CLUB ECサイトとの差別化を図る

ECサイトがメインとなって店舗が存在するので、最初にそのことを紹介する必要がありました。ECサイトの方はサイト自体に楽しげな雰囲気を持っているので、吹き出しをつけてみる、背景のGOOD EAT CLUBのロゴを自動スクロールさせるなどの挙動を入れております。対して店舗の方は色合いで落ち着きを持たせながら、写真と文字を交互に並べメリハリのあるデザイン構成にして見せるようにしています。

GOOD EAT CLUB ECサイトとの差別化を図る

ECサイトがメインとなって店舗が存在するので、最初にそのことを紹介する必要がありました。ECサイトの方はサイト自体に楽しげな雰囲気を持っているので、吹き出しをつけてみる、背景のGOOD EAT CLUBのロゴを自動スクロールさせるなどの挙動を入れております。対して店舗の方は色合いで落ち着きを持たせながら、写真と文字を交互に並べメリハリのあるデザイン構成にして見せるようにしています。

GOOD EAT CLUB ECサイトとの差別化を図る

ECサイトがメインとなって店舗が存在するので、最初にそのことを紹介する必要がありました。ECサイトの方はサイト自体に楽しげな雰囲気を持っているので、吹き出しをつけてみる、背景のGOOD EAT CLUBのロゴを自動スクロールさせるなどの挙動を入れております。対して店舗の方は色合いで落ち着きを持たせながら、写真と文字を交互に並べメリハリのあるデザイン構成にして見せるようにしています。

活用事例の見せ方について

活用事例箇所は一般のお客様へよりto B向けの内容となっており、スクロールが多くなってしまうことを避けるために開閉する挙動を採用しました。

活用事例の見せ方について

活用事例箇所は一般のお客様へよりto B向けの内容となっており、スクロールが多くなってしまうことを避けるために開閉する挙動を採用しました。

活用事例の見せ方について

活用事例箇所は一般のお客様へよりto B向けの内容となっており、スクロールが多くなってしまうことを避けるために開閉する挙動を採用しました。

全体ページデザイン

全体ページデザイン

全体ページデザイン

©️ Yuri Yamada 2024