WORKS

喫茶とまり木 愚痴カフェ紹介ページ制作

手作りクラフトコーラと「愚痴カフェ」という少し変わったサービスを、やさしいトーンで伝えるランディングページ。

オンラインサービス2026

プロジェクト概要

クライアント

喫茶とまり木 さま

業種

オンラインサービス

主なサービス

「愚痴カフェ」としてのオンライン傾聴サービス

サイト種別

ランディングページ(サービス紹介+問い合わせ導線)

制作期間

約2週間

課題とご要望

課題

  • 「クラフトコーラ」と「愚痴カフェ」という少し珍しい組み合わせを、 初めて聞く人にも分かりやすく伝える必要があった。
  • 店主の人柄や、大切にしている「ジャッジしない・無理に前向きにさせない姿勢」を、 文章とレイアウトの両方で表現したかった。

ご要望

  • クラフトコーラのやさしいおいしさと、愚痴カフェの安心感が、 1ページの中で自然につながって感じられるようにしたい。
  • 出張出店・オンライン愚痴カフェ・今後のサービス追加など、 変化にも対応しやすいシンプルな構成にしたい。
  • メールとInstagramのDMを、問い合わせの窓口として分かりやすくまとめたい。

提案したサイトの方向性

「やさしいおいしさ」と「愚痴をこぼせる時間」を一つの物語に

キャッチコピー「やさしいおいしさのクラフトコーラと、愚痴をこぼせる喫茶時間。」を軸に、 商品紹介とサービス紹介がばらばらにならず、ひとつの世界観として伝わる構成にしています。

たくさん話さなくても伝わる、余白多めのレイアウト

テキスト量はしっかりありつつも、行間と段落の間隔をゆったり取り、 「急かされない・詰め込まれない」印象を大切にしました。

店主の人柄が伝わるプロフィールと料金案内

プロフィールと愚痴カフェの料金・流れをセットで掲載し、 どんな人がどんなスタンスで話を聞いてくれるのか、 利用前に具体的にイメージできるようにしています。

使用技術/担当範囲

使用技術

HTMLCSSJavaScript

担当範囲

構成 / コピー整理 / デザイン / コーディング

特にテキストのトーンと言葉選びに時間をかけ、「専門家ではない」「必要に応じて専門機関を案内する」といった大切な前提も、読む人に伝わりやすい位置に配置しました。

小さなブランドやサービスの物語を、Webでていねいに伝えたいときに

クラフトコーラや喫茶ブランド、オンラインでの相談サービスなど、 規模は小さくても思いのこもった活動のWebサイトづくりもお手伝いしています。 「まずは相談だけ」でも大丈夫ですので、どうぞお気軽にお問い合わせください。