カフェのウェブサイト制作

背景

目黒区にあるカフェ AO COFFEE様のWebサイト制作を担当しました。
本案件では、小規模店舗における合理的なWeb構成を前提に設計しました。
小規模サイトでは、制作時よりも「公開後の安定運用」や「管理負担の少なさ」が重要になると考えています。

設計方針

小規模案件では以下のような課題が起こりやすいと想定しています。

• 更新頻度が低いにも関わらずCMSを導入してしまう
• プラグイン依存による保守負担の増大
• フォーム不達などのトラブル
• 表示速度の低下

そこで本案件では、必要最小限・軽量・壊れにくい構成を設計の軸としました。

技術構成と意図

Astro（静的生成）

動的CMSを使用せず静的構成で実装。
表示速度を安定させ、セキュリティリスクを抑えています。

Vercel（ホスティング）

Git連携による自動デプロイ環境を構築。
環境依存のトラブルを減らし、更新作業を簡潔にしています。

Resend（フォーム送信）

サーバー内メール機能に依存せず外部APIで送信管理。
フォーム不達リスクを抑えた設計としています。

協業視点でのポイント

• 案件規模に応じた最適構成の提案が可能
• CMS以外の選択肢も含めた技術設計ができる
• 公開後の運用フェーズまで見据えた実装

小規模案件においても、「何を使うか」ではなく「なぜそれを使うか」を重視しています。

■ 担当範囲

• ディレクション
• デザイン
• フロントエンド実装
• フォーム構築
• 公開環境構築