相談する

Works制作実績

公開したサイトと、その裏側でしたこと。

BABOCHKA FRAGRANCE

フレグランスブランドの公式サイト

公開
2026年10月7日
業種
フレグランス（香水）ブランド
ページ
6ページ（TOP、CONCEPT、ITEMS、INFORMATION、GUIDE、CONTACT）
担当
設計、デザイン、制作、ショップとの連携、ドメインとメールの移行、公開後の保守
期間
2026年9月〜10月

BABOCHKA FRAGRANCE は、IDIDIT STUDIO を運営する株式会社IDIDIT のブランドです。売る側として毎日使うサイトなので、使い勝手まで確かめながらつくっています。

BABOCHKA FRAGRANCE のトップページ（PC）
BABOCHKA FRAGRANCE のトップページ（スマホ）

やりたかったこと

  • 「Not for everyone.」というブランドの姿勢を、黒を基調にした映画のようなトーンで伝える。
  • ネットショップ（BASE）とサイトの見た目をそろえる。
  • 売り切れの表示を、手作業なしで正しく出す。
  • 古いサイトから、メールを止めずに引っ越す。

デザイン

参考サイトの分析から、デザインの仕様書と原稿をつくり、それに沿って6ページを設計しました。明るい面と暗い面を交互に置くリズムで、商品の写真が引き立つようにしています。

見えない部分

サイトの裏側では、いくつものサービスがつながっています。

babochkafragrance.com

  • ネットショップ（BASE）の在庫サイトに自動で反映し、売り切れを表示
  • お問い合わせフォーム受付確認のメールを自動で送信
  • メール（Google Workspace）迷惑メール対策（SPF・DKIM・DMARC）を設定
  • 旧サイトのURL 30件新しいページへ転送
  • 検索エンジンサイトマップと Search Console への登録

babochkafragrance.com

  • ネットショップ（BASE）の在庫サイトに自動で反映し、売り切れを表示
  • お問い合わせフォーム受付確認のメールを自動で送信
  • メール（Google Workspace）迷惑メール対策（SPF・DKIM・DMARC）を設定
  • 旧サイトのURL 30件新しいページへ転送
  • 検索エンジンサイトマップと Search Console への登録

全ページ

PCとスマホ、それぞれの画面。

BABOCHKA FRAGRANCE のトップページ（PC）
TOP
BABOCHKA FRAGRANCE のCONCEPTページ（PC）
CONCEPT
BABOCHKA FRAGRANCE のITEMSページ（PC）
ITEMS
BABOCHKA FRAGRANCE のINFORMATIONページ（PC）
INFORMATION
BABOCHKA FRAGRANCE のGUIDEページ（PC）
GUIDE
BABOCHKA FRAGRANCE のCONTACTページ（PC）
CONTACT
BABOCHKA FRAGRANCE のトップページ（スマホ）
TOP
BABOCHKA FRAGRANCE のCONCEPTページ（スマホ）
CONCEPT
BABOCHKA FRAGRANCE のITEMSページ（スマホ）
ITEMS
BABOCHKA FRAGRANCE のINFORMATIONページ（スマホ）
INFORMATION
BABOCHKA FRAGRANCE のGUIDEページ（スマホ）
GUIDE
BABOCHKA FRAGRANCE のCONTACTページ（スマホ）
CONTACT

公開のあと

公開の翌日に始めた自動の点検で、スマホ表示のはみ出しが見つかり、その日のうちに直しました。

サイトを開く（新しいタブで開きます）

Your site, next.

2026年12月31日までのご契約は、モニター価格で承ります。制作実績としての掲載と、公開後のご感想をいただくことが条件です。

モニター価格で相談する

Launch it.

まずは、お店やブランドのことを聞かせてください。ヒアリングは無料、オンラインでも承ります。

無料で相談する