Portfolio

Lunchette

GitHub Pagesで公開している Lunchette デモサイト。小規模なLPとして、情報設計とレスポンシブを重視して整えています。

Works
Lunchette
Open site

概要#

カラーセラピーサロン「Lunchette」 のデモサイトです。

リンク#

目的#

  • 小規模サイト（LP相当）を、実運用を想定した構成で整える
  • レスポンシブ・読みやすさ・情報の流れを崩さずに改善していく
  • 公開後も手直ししながら、制作プロセスを作品として残す

工夫した点#

  • 情報設計：最初に「何のサイトか」が伝わる導線を意識
  • レスポンシブ：画面幅が変わっても読みやすい余白・並びを優先
  • セマンティックなHTML：見た目だけでなく、意味のあるマークアップを意識
  • 運用前提：将来差し替え・更新がしやすいように、構造をシンプルに維持

使用技術#

  • HTML / CSS（スタイル設計）
  • レスポンシブ対応
  • BootStrap 5
  • GitHub Pages（静的ホスティング）

今後の改善予定#

  • コンテンツの追加・整理（見出し構造／文章の磨き込み）
  • アクセシビリティの追加改善（フォーカス、コントラスト、代替テキストなど）
  • 表示パフォーマンスの確認と微調整
Works