作品を見る

【使用ツール】

HTML / CSS / ChatGPT

【使用技術】

HTML / CSS / レスポンシブ対応 / レイアウト調整 / 画像配置

【作品概要】

参考画像をもとに、猫カフェ「猫屋」のWebサイトを制作しました。
見本のデザインやレイアウトを確認しながら、HTMLとCSSで再現しています。

【工夫した点】

・参考画像の雰囲気に近づけるため、ベージュやブラウンを中心とした配色にしました。
・写真、文字、余白のバランスを調整し、見本のレイアウトをできるだけ再現しました。
・ABOUT、MENU、CATS、INFOの各コンテンツが見やすくなるように配置を調整しました。
・猫カフェらしい、やさしく温かみのある雰囲気を意識しました。

【作業時間】

約2時間