
自主制作
架空のカフェサイト
制作期間:1か月
使用ツール:Figma, WordPress, HTML, CSS, JavaScript
担当範囲:企画、構成、デザイン、コーディング
WORKS
概要
架空のカフェ「和スイーツカフェKOTO」のホームページを想定して制作しました。
落ち着いた和の雰囲気を意識し、色味やフォント、余白のバランスを整えることで、ゆったりとしたカフェの空気感が伝わるデザインを目指しました。

デザインのポイント
メインビジュアルにはスライダーを使用し、写真とキャッチコピーで世界観を表現しました。
メニューやお知らせはカード型レイアウトにして視認性を高めています。
全体のフォントには Google Fonts を使用し、見出しと本文で書体を分けて読みやすさを意識しました。

レスポンシブ対応
スマートフォン表示では余白や文字サイズを調整し、店舗情報セクションはアイコンを非表示にしてテキスト中心のレイアウトに変更することで、情報が読みやすい構成にしています。