Facebook カフェホームページ
Logo

カフェホームページ

クレジット
Avatar
デザイナー
カフェホームページ-1
シェア

カフェホームページ

店舗の認知拡大と商品販売を目的に、 カフェのLP型ホームページを制作しました(架空)。 ターゲットは30〜40代、 落ち着いたカフェやコーヒーが好きな方。 安心感・上品さ・落ち着きを大切にしながら、 コーヒーそのものの魅力もしっかり伝わるデザインを目指しました。 構成は、店舗紹介からお店の強み、商品ラインナップ、店舗情報へと自然に読み進めてもらい、最終的に「オンラインショップ」ボタンから購入へとつなげる導線を意識して設計しています。訪れた人が店舗の世界観に惹き込まれながらも、迷わず購入行動に移れるよう、ボタンの見せ方や配置にもこだわりました。配色は青とベージュを基調にし、フォントには明朝体を採用することで、落ち着きと上品さを表現しています。写真は、コーヒーの香りが漂ってきそうな、ゆったりとした時間を連想させるカットを選定しました。 デザインだけでなく、HTML・CSSによるコーディングまで自身で手掛けています。 実際に動作するサイトはこちらからご覧いただけます。 https://c-chan-service.com/PIENI%20CAFE/ ※オンラインショップボタンはデザインのみのため、実際のリンク遷移は行われません。
クレジット
Avatar
デザイナー
シェア
しおの他の作品
画像
作品を見る
訪問看護ステーションホームページ
画像
作品を見る
お正月バナー
画像
作品を見る
ブライダルフェアバナー
foriio

あなたのforiioを無料で作成

fori.io/
カフェホームページ-1

カフェホームページ

店舗の認知拡大と商品販売を目的に、 カフェのLP型ホームページを制作しました(架空)。 ターゲットは30〜40代、 落ち着いたカフェやコーヒーが好きな方。 安心感・上品さ・落ち着きを大切にしながら、 コーヒーそのものの魅力もしっかり伝わるデザインを目指しました。 構成は、店舗紹介からお店の強み、商品ラインナップ、店舗情報へと自然に読み進めてもらい、最終的に「オンラインショップ」ボタンから購入へとつなげる導線を意識して設計しています。訪れた人が店舗の世界観に惹き込まれながらも、迷わず購入行動に移れるよう、ボタンの見せ方や配置にもこだわりました。配色は青とベージュを基調にし、フォントには明朝体を採用することで、落ち着きと上品さを表現しています。写真は、コーヒーの香りが漂ってきそうな、ゆったりとした時間を連想させるカットを選定しました。 デザインだけでなく、HTML・CSSによるコーディングまで自身で手掛けています。 実際に動作するサイトはこちらからご覧いただけます。 https://c-chan-service.com/PIENI%20CAFE/ ※オンラインショップボタンはデザインのみのため、実際のリンク遷移は行われません。
クレジット
Avatar
デザイナー
シェア
しおの他の作品
画像
作品を見る
訪問看護ステーションホームページ
画像
作品を見る
お正月バナー
画像
作品を見る
ブライダルフェアバナー
foriio

あなたのforiioを無料で作成

fori.io/