なつき様　ハンドメイドクリエイター用ホームページ制作

対応概要

ハンドメイド作家・なつき様の公式サイトを制作。水彩調の世界観を活かしつつ、閲覧体験の軽さと更新効率を両立させることを目的に、背景アニメーション・モバイル最適化・SEO基盤・運用設計まで一貫して構築しました。

課題

• 背景表現を活かしながらも、読みやすさとパフォーマンスを担保したい
• 作品を素早く追加・更新できる、専門知識に依らない運用が必要
• 作品をカテゴリで整理し、はじめての訪問者にも伝わる導線が欲しい
• 公開直後から着実にインデックスされ、検索で見つけやすい状態にしたい

方針と取り組み

• 背景アニメーションは猫をモチーフにしたアニメーションを自作。彩度とコントラストを調整し、手前テキストに干渉しないトーンで採用。モバイル時の見え方や、動きの軽減設定にも配慮
• 運用性はMarkdownベースで設計。作品の追加・編集・分類（カテゴリ/タグ）を簡便化し、公開までのリードタイムを短縮
• SEO基盤として、OGP・サイトマップ・構造化データ・canonical・robots・各種アイコン/manifestを整備し、検索エンジンに親和的な初期設定を実施
• 配信基盤はCloudflare Pagesで高速・安定配信。キャッシュ運用とビルド最適化により、体感速度と安定性を両立

成果

• サイトデザインと可読性のバランスを実現し、ブランディングと情報伝達の双方を両立
• 作品公開をMarkdown追加で行える構成に整理
• Search Consoleや表示品質を継続確認できる検索流入改善の土台を整備
• 今後の分析・改善（Search Console／Core Web Vitals／Lighthouse）にスムーズに移行可能な状態を確立

こだわりポイント

• 背景アニメーション：世界観を損なわず、読みやすさを優先するトーン設計
• 自走運用：Markdownで作品追加→カテゴリ/タグで整理→一覧表示に反映
• モバイル最適化：小画面での視認性・操作性を重視し、演出と可読性の両立を追求

使用環境

• 制作：静的サイト構成
• ホスティング：Cloudflare Pages
• 解析・改善：Search Consoleほか（継続運用を想定）