KAI — 円の中に青い波を描いたブランドロゴKAI
WEBブライダル / 衣装レンタル

ブライダル衣装レンタル サービスサイト

全国7店舗を展開するブライダル衣装レンタルの、予約導線重視サービスサイト。

ブライダル衣装レンタル サービスサイトの画面イメージ
INDUSTRY
ブライダル / 衣装レンタル
ROLE
要件整理 / サイト設計 / デザイン / コーディング / CMS構築
STACK
  • Astro
  • microCMS
  • HTML / CSS
  • JavaScript
  • レスポンシブデザイン
OVERVIEW

プロジェクト概要

ウェディングドレスと和装のレンタル、および撮影サービスを提供する企業のサービスサイトを制作しました。試着予約から返却までの一連の流れを、来店前に理解できる状態にすることを目的としています。

01 — サイト設計

DRESS / KIMONO のギャラリーを軸に、プランと利用フローを並列配置しました。

予約から返却までを6〜8ステップの図で示し、初めての利用者でも全体像を把握できるようにしています。

  • 洋装・和装のギャラリー表示
  • レンタルプランと撮影セットプランの提示
  • 予約〜返却の利用フロー図
  • 全国7店舗の情報掲載
02 — 制作ポイント

静的サイトジェネレーターとヘッドレスCMSの組み合わせにより、画像点数の多いギャラリーを高速に表示しつつ、衣装情報を運営側で更新できる構成としました。

  • Astroによる静的生成で表示速度を確保
  • ヘッドレスCMSによる衣装情報の運用
  • 画像最適化とレイアウト設計
  • NEWS・FAQによる問い合わせ削減
SCREENSHOT

ページ全体。

FULL PAGE — スクロールしてページ全体を確認できます

ブライダル衣装レンタル サービスサイトのページ全体キャプチャ(PC)
RESULTS

成果。

画像点数の多いギャラリーサイトを、静的生成とヘッドレスCMSの組み合わせで高速性と更新性の両立を図りました。