WORKS

Peach Cafe

HTML/CSS LP レスポンシブ対応 架空サイト 自主制作
Peach Cafe
サイトを見る →

案件概要

クライアント：Peach Cafe（架空） 制作範囲：デザイン・コーディング HTML/CSS ページ数 ：1ページ レスポンシブ対応

コンセプト

・白桃をイメージした配色や装飾で季節限定商品の特別感を表現しました。
・商品の魅力が伝わるよう「果肉・ミルク・季節限定」の3つの特徴を分かりやすく構成しました。
・スマートフォンでの閲覧を想定し、追従ボタンやレスポンシブ対応により操作しやすい導線を意識しました。

・フォントや余白、ボタンデザインを統一し、カフェらしいやさしく上品な世界観に仕上げました。

使用ツール

  • Figma
  • Photoshop
  • Visual Studio Code

制作時間

約30時間

担当範囲

デザイン
HTML/CSS
レスポンシブ対応