カフェ公式サイト
課題・背景
メニュー写真やニュース記事など画像・コンテンツが多く、1ページに詰め込むと表示速度が低下するリスクがあった。サイト全体のパフォーマンスを保ちながら情報を整理する構成が求められた。
設計・実装のポイント
コンテンツ量に応じてページを複数に分割し、各ページの読み込み負荷を分散する構成で制作。HTML/CSSのみのシンプルな実装で、SNS投稿へのリンクも掲載した。
振り返り・学び
コーディング学習初期の作品。HTMLとCSSだけでの制作を通じて、マークアップの基礎とページ設計の考え方を習得した。パフォーマンスを意識したページ構成の判断が、後の案件に活きている。
Basic認証 ID: matsutake2929 / PW: matsutake2929