gyuworks相談する →

Works

業種別ケーススタディ

受注済み案件は守秘義務のため非公開。ここで公開しているのは、
実際の依頼を想定して同じ工程・同じ品質で制作したケーススタディです。

クライアント像 → 課題 → 取った手法 → 設計意図 の順で読めます。
「自分の業種に近いか」で判断してください。

CASE 01

美容室デモ Lumina(仙台一番町)

HP制作(ミニマル系)ケーススタディ

Client

想定:仙台市内・髪質改善と透明感カラーで20〜40代女性にリーチしたい個人サロン。Apple/Aesopのような落ち着いた世界観で差別化したい

Problem — 抱えていた課題

  • ホットペッパーやInstagramでは他店と差別化できない
  • WordPressのテンプレートだと「高級感」「静けさ」が出ない
  • 撮影した写真はあるが、LPに落とし込む設計力がない

Solution — 取った手法

  • モノトーン+ペールブルー、3色固定の徹底ミニマル設計(流行り装飾を排除)
  • 写真を主役にした余白多めのレイアウト(Hero/Concept/Stylist/Galleryの7セクション構成)
  • ロゴ・装飾は全てSVG/CSSで実装(外部素材依存ゼロ・読み込み高速)

Design Intent — 設計意図

美容室の世界観は配色とフォントで決まる。流行りに乗らない設計こそ、5年残るブランドになる。

制作期間:2日
HTMLTailwind CSSCloudflare Pages
デモを見る →
CASE 02

美容室デモ(Salon Éclat)

HP制作 + 管理アプリケーススタディ

Client

想定:スタッフ2〜4名の個人美容室。ホットペッパーに月5万円払い続けているが、自社HPがないかWordPressで放置

Problem — 抱えていた課題

  • メニュー変更のたびに外注に依頼して、1週間かかる
  • スタッフ紹介・ギャラリーが古いまま更新できていない
  • 予約はホットペッパー頼みで、手数料が固定費化している

Solution — 取った手法

  • スマホで完結する管理アプリ(スタッフ・メニュー・ギャラリーを店主が直接更新)
  • LINE公式アカウント連携で、ホッペパ卒業後の再来店を自社で受ける導線
  • Supabase + Next.js で月額サーバー代ゼロ運用

Design Intent — 設計意図

「制作会社に毎回連絡」の構造を断つ。店主が自分で更新できれば、外注費も意思決定の遅延も消える。

制作期間:7日
Next.jsSupabaseCloudflare Pages
デモを見る →
CASE 03

整体院デモ S(最小構成)

HP制作ケーススタディ

Client

想定:一人整体師。駅から少し離れた場所で、Googleマップ経由の新規が月5〜10件

Problem — 抱えていた課題

  • WordPressで作ったHPが5年前のまま、スマホ表示が崩れている
  • 更新を外注するほど案件数がない
  • LINEもInstagramも手が回らない

Solution — 取った手法

  • 最小構成HP(TOP+メニュー+アクセス+問い合わせの4ページ)
  • スマホから写真・テキストを差し替えられる管理画面(ログインPIN方式)
  • Googleビジネスプロフィールとの情報整合を最優先に設計

Design Intent — 設計意図

「一人でやる人」に多機能は毒。使わない機能ほど、気疲れの原因になる。必要最小限で運用を回す。

制作期間:5日
Next.jsSupabaseCloudflare Pages
デモを見る →
CASE 04

整体院デモ M(LINE連携)

HP制作 + LINE連携ケーススタディ

Client

想定:月50件以上の予約がある整体院。電話予約が営業時間を圧迫している

Problem — 抱えていた課題

  • 営業中に電話が鳴り、施術を中断している
  • 予約表とGoogleカレンダーが二重管理で、ダブルブッキングが起きている
  • 「また来週お願いします」が記憶頼みで、リピート漏れがある

Solution — 取った手法

  • HP上の予約フォーム → LINE自動通知 → Googleカレンダー自動登録の3連動
  • 既存顧客には LINE公式アカウントから再予約リマインダー送信
  • 月額ゼロ(Supabase無料枠 + Cloudflare Pages無料枠で運用)

Design Intent — 設計意図

「電話を取らなくていい体制」を作る。営業中の集中力を守ることが、施術の質を守る。

制作期間:10日
Next.jsSupabaseLINE APICloudflare Pages
デモを見る →
CASE 05

整体院デモ L(フル管理)

HP制作 + 業務アプリケーススタディ

Client

想定:スタッフ3〜5名、月200件以上の整体院。紙カルテをExcel転記で運用している

Problem — 抱えていた課題

  • 紙カルテの検索に時間がかかり、リピーターの前回メニューがすぐ出ない
  • 売上・客単価の集計が月末にExcel手入力で3時間
  • スタッフごとの担当顧客が把握できていない

Solution — 取った手法

  • 顧客カルテ・来店履歴・売上集計・スタッフ複数対応のフル管理アプリ
  • 過去3回の施術内容をカルテ画面に自動表示(リピーター対応の迷いを消す)
  • 月次売上レポートは自動生成(手入力ゼロ)

Design Intent — 設計意図

既製予約システム(月1万円〜)を導入する前に、自分の業務に合わせた最小カスタムを作る選択肢。長期的にはランニングで差が出る。

制作期間:21日
Next.jsSupabaseCloudflare Pages
デモを見る →
CASE 06

おむかえ当番

iOSアプリリリース済み

Client

共働き家族(保育園のお迎え分担で揉めたくない人向け)

Problem — 抱えていた課題

  • 「今日誰がお迎え?」の確認LINEが毎日飛ぶ
  • 祖父母に頼むとき、共有のカレンダーがない
  • 家族全員がアプリをインストールするのは面倒

Solution — 取った手法

  • 6文字の招待コードだけで家族参加(アカウント登録不要)
  • 当番表を全員で同時編集、変更は即通知
  • AppStore審査を通した実運用アプリ

Design Intent — 設計意図

「家族ITリテラシーの最小公倍数」で設計する。祖父母でも迷わない画面にすることが最優先。

制作期間:30日(審査込み)
SwiftSwiftUISupabase
デモを見る →

あなたの業種のサンプルがない場合

まずご相談ください。業種に合わせたご提案をします。

まず話を聞いてみる →