イラストレーターのポートフォリオサイト
概要
イラストレーターのポートフォリオサイトを、企画から運用まで一貫して制作。作品集を中心に据えた静的サイト。
課題・背景
作品が主役の構成で、ブログや他のページへの動線が目立つことを避けたかった。画像が多くなることも前提だったため、表示パフォーマンスとSEOの両立が必要だった。
アプローチ
WebフレームワークにAstro、CSSフレームワークにTailwind CSSを採用。フレームワーク選定から実装まで一貫して担当し、既存知見を活かして短期で立ち上げた。
トップページから他ページへの動線は意図的に控えめにし、展覧会のように作品が主役になる導線設計にした。
成果
Astroの静的ビルドとCloudflare Pagesの配信で、画像中心の構成でもパフォーマンス・SEOともにベスト水準で稼働。
担当範囲
企画立案／要件定義／コーディング／テスト／保守・運用
技術スタック
Astro／Tailwind CSS／WordPress (WP REST API)／Cloudflare Pages／TypeScript／React