（引用元：メロー茅ヶ崎の公式サイト）
担当した箇所
・プロジェクト要件定義
・情報設計（ワイヤーフレーム）
・Webデザイン
・システム要件定義（Astro × microCMS）
・コーディング
・microCMSの設計・記事の移行
・旧URLからの転送（301リダイレクト）
・DNS設定
ご依頼内容について
茅ヶ崎でオーダーのウェットスーツを採寸・販売している「メロー茅ヶ崎」のサイトリニューアルです。2024年10月のオープン時に弊社でWordPressのサイトを制作し、今回はその作り直しをお任せいただきました。
オープンから400人以上のお客様が採寸に来られ、お店も大きくなってきました。一方で、もとのサイトは1ページにすべてを詰めた作りで、作れるウェットスーツの種類やオーダーの流れ、よくある質問を載せる場所がありませんでした。また営業日が決まっていないお店のため、「今週はいつ開いているのか」をサイトだけでは確かめにくいことも課題でした。
デザイン・サイト制作時のポイント
1ページだったサイトを、トップ・オーダーの流れ・ご来店のお客様・アクセス・よくある質問・お知らせに分け、来店前に知りたいことを順に読めるようにしました。どのページの「無料採寸を予約」ボタンも、Googleカレンダーの予約ページへそのままつながります。女性のお客様が安心して来られるよう、トップの最初に「女性スタッフも在中しています」と入れています。
中身の管理には、ヘッドレスCMSの「microCMS」を使っています。お店が自分で更新するお知らせとよくある質問はmicroCMSの画面から書き換えられ、公開すると1分ほどでサイトに反映されます。表示はAstroで静的に書き出し、Cloudflare Pagesに置いているので、表示が速く、サーバーの保守もいりません。
営業日は、Googleカレンダーの予約ページの空き枠を毎朝読み取り、トップの月の表に自動で出しています。Instagramの最新の投稿も1日1回取り込み、トップと「ご来店のお客様」のページに並べています。お店の人は予約の枠とInstagramを今までどおり動かすだけで、サイトの情報も新しいまま保たれます。
もとのサイトのお知らせ11本は、すべてmicroCMSに移しました。URLが変わったページには古いURLからの転送（301リダイレクト）を入れ、検索からの流入を落とさないようにしています。
