Type - Website
CreationDate - 2024. 05

PETIT BONHEUR

PETIT BONHEUR mockup

学校課題として、隠れ家カフェをテーマに、架空のWebサイトを制作しました。
店名の「PETIT BONHEUR」は、フランス語で「小さな幸せ」という意味があり、色とりどりのケーキからお客様の日常に小さな幸せを届けたいという意味を込めてこの店名にしました。

PC / TOP
PETIT BONHEUR TOP
PC / MENU
PETIT BONHEUR MENU
ターゲット

日頃からカフェ利用をしている、隠れ家的カフェが好きな20~30代女性

目的

お店の存在を知ってもらい、実際に来店してもらうため。

レイアウト

写真を多く取り入れ、お店の情報が伝わるように意識しました。

デザイン
colorcode

ふんわりとした優しいイメージのお店にしたかったので、パステルな色味でまとめました。
トップページについているボタンは、ホバーすると色が変わるようにしており、色味のアクセントにしています。
また、お店を知ってもらい、実際に来店してもらうことが目的なので、すべてのページにフッターを付けて常に情報がわかるよう工夫しました。

制作時間
30時間
使用ツール
Visual Studio Code
使用言語
HTML / css
URL
https://shokomaeda.github.io/stady/
CONTACT CONTACT CONTACT CONTACT mail

CONTACT