澁澤 圭佑omotenashi dx / paradAIsm

works index — 2026

01 — concept studies

制作見本

いずれも架空ブランド・架空企業を題材にしたコンセプトスタディです。

  1. AURELIUS Calibre 01 のファーストビュー
    01 / 06 product lp架空ブランドのコンセプトスタディ

    AURELIUS — Calibre 01機械式時計の分解図LP

    架空の機械式時計ブランドのランディングページ。ヒーローはスクロールに連動して時計が17の部品に分解・再組立される構成で、3D部品はダウンロード素材を使わず手続き的に生成しています。

    • Next.js 16
    • TypeScript
    • Tailwind CSS v4
    • GSAP ScrollTrigger
    • Lenis
    • React Three Fiber
    サイトを見る aurelius.paradaism.com
  2. SOLÈNE Sérum Botanique No. 07 のファーストビュー
    02 / 06 product lp架空ブランドのコンセプトスタディ

    SOLÈNE — Sérum Botanique No. 07ボタニカル美容液のプロダクトLP

    架空のボタニカルスキンケアブランドのプロダクトページ。ピン留めしたヒーローにスクロール連動のタイムラインを重ね、3Dの化粧箱にはキャンバス描画のラベルを貼っています。葉の写真は Wikimedia Commons(CC BY-SA 3.0)の素材を加工して使用。

    • React 19
    • TypeScript
    • Vite
    • Tailwind CSS v4
    • GSAP ScrollTrigger
    • Lenis
    • React Three Fiber
    サイトを見る solene.paradaism.com
  3. Logistics Concept のファーストビュー
    03 / 06 corporate concept架空ブランドのコンセプトスタディ

    Logistics Concept — every leg of the journeyスクロール連動の物流コンセプトサイト

    架空の物流事業者を題材に、スクロールに合わせて貨物の旅程が進む3D表現を試作したコンセプトサイト。サイト内の数字や声は仮置きで、その旨をページ内に明記しています。

    • Next.js 16
    • React 19
    • TypeScript
    • GSAP ScrollTrigger
    • three.js
    • React Three Fiber
    サイトを見る logistics.paradaism.com
  4. Aurora GT のファーストビュー
    04 / 06 product lp架空ブランドのコンセプトスタディ

    Aurora GTEVクーペの分解図つきプロダクトLP

    架空のEVクーペ「Aurora GT」の製品サイト。動画のヒーローに続き、スクロールで車体が23の部品に分解し、再び組み上がる章を置いています。車体形状は手続き生成で、仕様表の数値は架空である旨を明記。

    • React
    • TypeScript
    • Vite
    • Tailwind CSS
    • GSAP ScrollTrigger
    • React Three Fiber
    サイトを見る aurora.paradaism.com
  5. Forward Corporate Template のファーストビュー
    05 / 06 site template架空企業のテンプレート見本

    Forward Corporate Templateコーポレートサイトの雛形

    広告・マーケティング・クリエイティブ・コンサル系企業向けのコーポレートサイトテンプレート。会社案内・事業・実績・採用などの定番構成を一式そろえた見本で、社名や文言は架空です。

    • HTML
    • CSS
    • JavaScript
    サイトを見る deployforwardtemplate.vercel.app
  6. Café Hirondelle テンプレートのファーストビュー
    06 / 06 site template架空店舗のテンプレート見本

    Café Hirondelleカフェ&ワインバーのサイト雛形

    昼はコーヒーと小皿料理、夜はグラスワインという設定の、明るく上品なカフェ&ワインバー向けWebサイトテンプレート。メニュー・ギャラリー・予約・アクセスの構成を持つ見本で、店名や住所は架空です。

    • Next.js
    • React
    • CSS
    サイトを見る bar-02.vercel.app/templates/hinata-bar-02

02 — business sites

事業サイト

自分の事業のために作り、実際に運用しているサイトと、ホテル・旅館向けWeb制作(OMOTENASHI DX)の提案に使うデモサイトです。

  1. paradAIsm 公式サイトのファーストビュー
    01 / 05 official site運用中の事業サイト

    paradAIsm澁澤圭佑の屋号・公式サイト

    「AIで、仕事の前提を変える。」を掲げる屋号 paradAIsm の公式サイト。外部CAIO・AI顧問、AI活用診断、生成AI研修、AI社員・チャットボット・社内RAG・業務自動化の構築、ホテル・旅館向けWeb制作、AI動画・SNS、営業代行までのサービスとプロフィールを掲載。

    • HTML
    • CSS
    • JavaScript
    • Vercel
    サイトを見る paradaism.com
  2. OMOTENASHI HOTEL デモサイトのファーストビュー
    02 / 05 demo site架空施設のデモサイト

    OMOTENASHI HOTEL — おもてなしの宿山あいの宿を題材にした旅館サイトのデモ

    OMOTENASHI DX の提案用に作った高級旅館サイトのデモ。信州・霧ヶ峰の麓にある十二室の宿という架空の設定で、章立ての縦長構成に、日付・部屋タイプ・クーポンを選ぶ擬似予約UIを追加しています。予約確定や決済は行いません。

    • HTML
    • JavaScript
    • React(CDN)
    • Vercel
    サイトを見る demo-hotel.paradaism.com
  3. OMOTENASHI ISLAND VILLA デモサイトのファーストビュー
    03 / 05 demo site架空施設のデモサイト

    OMOTENASHI ISLAND VILLA一島一組、貸切の島

    瀬戸内・水ノ島(架空)。港から船で10分、一島一組の貸切ヴィラという設定のデモサイトです。

    • HTML
    • CSS
    • JavaScript
    • Vercel
    サイトを見る demo-island.paradaism.com
  4. OMOTENASHI VILLAS デモサイトのファーストビュー
    04 / 05 demo site架空施設のデモサイト

    OMOTENASHI VILLAS瀬戸内・汐路島 一日三組の一棟貸しヴィラ

    瀬戸内の小島にたたずむ、一日三組だけの一棟貸しヴィラ。全棟プライベートプール付きという設定のデザインデモです。

    • HTML
    • CSS
    • JavaScript
    • Vercel
    サイトを見る demo-villas.paradaism.com
  5. OMOTENASHI VILLA デモサイトのファーストビュー
    05 / 05 demo site架空施設のデモサイト

    OMOTENASHI VILLA一日一組、一棟貸切のヴィラ

    八ヶ岳山麓、一日一組の一棟貸切ヴィラという設定のデモサイトです。

    • HTML
    • CSS
    • JavaScript
    • Vercel
    サイトを見る demo-villa.paradaism.com

03 — client work

実案件

実在する店舗のために制作し、公開されているサイトです。

  1. Bar LAHAINA 公式サイトのファーストビュー
    01 / 01 official site実案件 — シンプルプラン 9,980円

    Bar LAHAINA横浜・阪東橋のカラオケ&ルーフトップBAR

    横浜・阪東橋駅から徒歩圏内のカラオケバー LAHAINA の公式サイト。店主にヒアリングしながら制作しました。営業時間・メニュー・アクセス・予約導線(DM・電話)をまとめ、二次会・貸切・イベント利用の案内も掲載しています。

    • HTML
    • CSS
    • JavaScript
    • 独自ドメイン
    サイトを見る lahaina-karaokebar.com

04 — tools & products

ツール・プロダクト

自分の用途や身近な場面のために作り、公開している道具とプロダクトです。

  1. Concon 公式サイトのファーストビュー
    01 / 02 app & site公開中のプロダクト

    Concon久しぶりの再会を、偶然に。

    友人や同期が近くにいることをそっと知らせるアプリと、その公式サイト。位置情報はいつでもOFFにでき、お互いが「話してもいい」と思ったときだけ会話が始まる承認制チャットを備えています。アプリ本体は App Store で公開。

    • Expo / React Native
    • Firebase
    • 公式サイト: HTML / CSS / JavaScript
    サイトを見る concon-kskh.com
  2. 席次抽選ページのファーストビュー
    02 / 02 web tool自作ツール

    席次抽選結婚式二次会の席割りを決めて発表する

    男女の名簿とテーブル数を入れると、人数と男女比が各卓で均された席割りを生成し、ドラムロールに続けて一人ずつ発表する二次会用のページ。結果一覧の伏せ字表示、印刷・PDF出力に対応。静的HTML1枚で、外部依存はありません。

    • HTML
    • CSS
    • JavaScript
    • Web Audio
    • Web Speech
    サイトを見る seating.paradaism.com

掲載について

fiction
「架空ブランド」「架空施設」「架空企業」と記したものは、実在しない題材で設計と実装を試したコンセプトスタディです。価格・数値・人物はすべて創作です。
client
「実案件」は実在する依頼者のために制作し、掲載の許諾を得たものだけを載せています。
contact
制作のご相談は shibusawa.keisuke.tohoku@gmail.com まで。サービスの詳細は paradAIsm 公式サイト にあります。