AI ANDOU

PORTFOLIO

WORKS.

- 架空サイト -

GALETTE CAFE Garden

https://cafe.ai-web-design.com/

使用ツール:HTML / CSS / Javascript / Figma / Fhotoshop / VS code

制作期間:2ヶ月

制作ポイント:

スクールの課題としてカフェサイトを制作しました。
1枚のシングルページで、軽井沢の自然豊かな場所にあるガレット専門のカフェをコンセプトにしました。日々の疲れをリフレッシュしたい20〜40代の女性をターゲットに制作しました。
・スクロールした際に部分的に動きをつける
・横幅いっぱいの画像は固定にし、区切りとして意味を持たせた
・スマホサイズにした際のNews部分はゆっくり流れるスライドの構成にした
・ぺージが長いので上に戻るボタンを置いた
など、細かいところにこだわりました。

OTHER.

@ ai-web-design.