WEB — SYSTEM — LINE — AUTOMATION

サイトも、システムも、
LINEも。

ホームページから業務システム、
LINE公式アカウントまで。
作って終わりにせず、
動かし続けるところまで一人でやります。

かっこいい提案書より、毎日ちゃんと動く仕組み。要件がまとまっていなくても大丈夫です。話を聞いて、整理して、作って、動かし続ける。そこまでやるのが自分の仕事だと思っています。

WORKS 01 — 燈 TOMOSHIBI

闇に、一灯。

DEMO — 架空ブランド

高級日本酒ブランド「燈」ブランドサイト

架空の酒蔵を世界観からゼロで立ち上げたショーケース。入口の年齢確認から、銘柄に触れるとページの光の色が変わる演出まで、実際に触って確かめられます。

  • 世界観設計
  • 光の演出
  • Vanilla JS
サイトを見る →
漆黒の背景に琥珀の光で浮かび上がる日本酒ボトルと縦書きの「燈」。架空ブランドデモのトップページ

WORKS 02 — うつろい UTSUROI

一日を、色で旅する。

夜明けの空の写真と縦書きの「東雲」、珊瑚色の万年筆インクのボトル。架空インクブランド うつろい の画面

DEMO — 架空ブランド

万年筆インク「うつろい」横スクロールブランドサイト

スクロールが一日の時間軸になる横スクロール型のショーケース。夜明けから月の出まで、進むほどページ全体の光の色が移ろいます。5色のインクの名前と物語、ボトルの商品写真まで、世界観ごとゼロから設計しました。

  • 横スクロール
  • 色の連続補間
  • Vanilla JS
サイトを見る →

WORKS 03 — 墨流 SUMINAGASHI

墨は、流れる。

INTERACTIVE — 遊べる作品

墨流 SUMINAGASHI — リアルタイム生成アート

伝統技法「墨流し」の物理をブラウザで計算する一枚もの。クリックで墨を落とし、櫛でながして、できあがった世界に一枚の模様をPNGで持ち帰れます。画像素材は0枚、すべてコードによる生成です。

  • Canvas 2D
  • 生成アート
  • 画像素材0枚
サイトを見る →
墨流 SUMINAGASHI。墨と藍と朱の年輪模様がリアルタイムに広がる生成アートの画面

WORKS 04 — カルテア KARTEA

業務の道具は、静かで、速い。

  • 01顧客台帳の検索・絞り込み
  • 02カルテ追記
  • 03週間カレンダー予約
  • 04月次レポート
  • 05⌘K 横断検索
治療院向け顧客管理SaaS カルテアのダッシュボード。KPIカードと月別グラフ、今日の予約リスト

DEMO — 実際に操作できます

カルテア — 治療院向け顧客管理SaaS

業務システムの品質を見てもらうために、架空のSaaSとしてゼロから作った操作デモ。顧客台帳の検索・絞り込み、カルテ追記、週間カレンダーでの予約作成、月次レポートまで、4画面すべて実際に動きます。⌘Kの横断検索つき。

  • Vanilla JS
  • SPA・4画面
  • ⌘K検索
デモを開く →

WORKS 05 — LINE公式アカウント

LINE公式アカウントを、働く窓口に

開設したまま放置されがちなLINE公式アカウントを、予約や問い合わせがちゃんと入ってくる窓口に育てます。リッチメニューの設計、自動応答、予約・通知のシステム連携まで。横のデモは実際に動くので、メニューを押してみてください。

  • MENUリッチメニューの設計・デザイン
  • BOT自動応答・予約導線・リマインド配信
  • APIMessaging API連携(本番アカウントの構築・運用経験あり)
うえだ整体院 DEMO

デモです。実際のLINEには接続していません。

WORKS 06 — そのほかの実績

公開できないものにも、日々の仕事があります。

CLIENT WORK — 守秘案件

顧客管理CRMの開発・運用

数十名が毎日使う本番システム。企画もDB設計も実装も運用も、一人で内製しています。顧客台帳と対応履歴の一元管理に加え、申請メールの自動取り込み、月次レポートの自動集計、通知アラート、日次バックアップ、死活監視までを運用に組み込んでいます。

画面は守秘のため非公開。かわりに、実際のシステム構成をそのまま図にしています。

  • SCALE数十名規模で日常運用中
  • STACKSupabase (PostgreSQL) + Vanilla JS + Cloudflare
  • ROLE企画・設計・実装・保守のすべて
  1. 利用者 数十名 / 毎日
  2. 管理画面 UI Cloudflare Pages / Vanilla JS
  3. Supabase PostgreSQL / 認証 / Edge Functions
  4. 自動化ジョブ pg_cron / GAS / メール取込
    レポート / 通知 月次集計 / アラート配信
    監視 死活チェック / バックアップ
株式会社Opus.net コーポレートサイトのトップページ

CLIENT WORK — 公開中

株式会社Opus.net コーポレートサイト

ITサービス企業のコーポレートサイト。情報設計からデザイン・実装までを担当し、問い合わせフォームの自動通知も含めて公開後も運用が続いています。

  • HTML / CSS / JS
  • GAS連携フォーム
匠和建設(架空企業デモ)コーポレートサイトのトップページ

DEMO — 架空企業

建設会社コーポレートサイト(デモ)

架空の建設会社を題材にしたデモサイト。施工事例も採用情報も備えた、実案件と同じ構成で制作。

  • HTML / CSS / JS
  • GitHub Pages

できること

  1. 01

    業務効率化・業務システム開発

    毎日の手作業の棚卸しから、顧客管理・案件管理システムの内製まで。スプレッドシート+GASの小さな自動化も、データベース設計を伴う本格的なシステムも、規模に合わせてつくります。

    例: CRM構築 / 申請メールの自動取込 / 月次レポート自動化 / 通知・アラート連携

  2. 02

    Webサイト・LP制作

    コーポレートサイト、店舗サイト、集客用のLP。情報設計、コピー、実装、公開、効果測定。一気通貫でも、デザインだけ・実装だけの部分的なご依頼でも対応します。

    例: コーポレートサイト / サービスLP / 採用ページ / フォーム・予約導線

  3. 03

    LINE公式アカウントの構築・運用

    リッチメニューの設計から、自動応答、予約・通知のシステム連携まで。「とりあえず作ったけど使えていない」LINE公式アカウントを、お客さまとの窓口として機能する状態にします。

    例: リッチメニュー設計 / 自動応答・チャットボット / 予約・リマインド連携 / 配信設計

  4. 04

    納品後の運用・改善

    納品して終わりにせず、公開後の改修・機能追加・数字を見ての改善提案を続けます。バックアップや監視など「止めない仕組み」も設計に含めます。

    例: 月次の運用サポート / 機能追加 / 効果測定と改善提案 / 保守・監視の設計

進め方

  1. 01

    ご相談

    メールで気軽に。
    24時間以内に一次返信します

  2. 02

    ヒアリング

    業務の流れと課題を整理。
    要件が曖昧なままでOK

  3. 03

    提案・見積

    範囲・期間・費用を明示。
    相談・見積もりは無料です

  4. 04

    制作

    動くものを早く見せて、
    確認しながら進めます

  5. 05

    納品・運用

    公開・引き継ぎ後も、
    改修と改善を続けられます

曖昧な状態からで大丈夫です。相談してみる

Ryu UedaWEB & SYSTEM

IT企業で営業と事業開発を本業にしながら、社内のCRM開発・業務自動化・Webサイト制作・LINE公式アカウント運用に従事してきました。要件の整理から実装・運用まで、早く・無駄なく・止まらないものを作るのが得意です。

事業の言葉で話せる

本業は営業と事業開発。「売上にどう効くか」「誰の手間が減るか」から要件を整理するので、技術の話が分からなくても大丈夫です。

速さも、品質のうち

動くものを早く出すと、認識のズレが早く見つかります。まず形にして、確認しながら仕上げる。浮いた時間は設計と検証の丁寧さに使います。

運用までが仕事

バックアップ・監視・引き継ぎまで設計に含めるのが標準です。納品した日が終わりではなく、使われ続けてからが本番だと考えています。

TYPESCRIPT / SUPABASE / POSTGRESQL / CLOUDFLARE / GAS / LINE MESSAGING API

まずはご相談だけでも、
お気軽にご連絡ください。

「何を作ればいいか分からない」「規模感だけ知りたい」という段階のご相談を歓迎しています。
ご相談・お見積もりは無料です。課題の整理からお手伝いします。24時間以内に一次返信します。

メールで直接も歓迎です[email protected]