WebGLの依頼・発注・代行

御社のウェブサイトに革新的な3D体験を！WebGLの技術で、ユーザーを魅了するインタラクティブなウェブサイトを制作します。

このようなお悩みはありませんか？

ウェブサイトの集客力不足、ユーザーエンゲージメントの低下、競合他社との差別化の難しさを感じていませんか？テンプレートを使った定型的なサイトに限界を感じている方は、ぜひご検討ください。
STUDIOで作成、運用しているサイトでも、iframeで読み込むことで実装できます。

発注の流れ

お問い合わせ
ランサーズの「メッセージ」にて、ご希望のイメージ、予算、納期などをお知らせください。参考となる資料があれば共有していただけるとスムーズです。

ヒアリング
ランサーズの「メッセージ」、「ビデオ通話」、「ワークスペース」などで、詳細なご要望をヒアリングします。3Dモデルの有無、必要な機能、デザインの方向性などを確認します。

企画提案・お見積もり
ヒアリング内容に基づき、最適なプランとお見積もりをご提案します。3Dモデルの作成が必要な場合は、別途お見積もりいたします。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金としてお見積もり金額の50%をお支払いいただきます。

対応範囲・価格

3Dモデル表示 Basicプラン：10万円〜
3Dモデルの表示と簡単な操作機能の実装。既存のウェブサイトへの組み込みも可能です。
自分で作った3Dモデルをweb上で公開できます。
複数のモデルを切り替える場合は、10点ぐらいまでならプラス数万円で実装可能です。

インタラクティブコンテンツ Standardプラン：30万円〜
Basicプランに加え、マウス操作やスクロールでのインタラクティブな操作。ブラウザ上の3Dモデルにクリックなどのイベントを追加して、その位置でプルダウンする説明文や写真を表示させられます。
また、立体的なスクリーンにビデオ映像を貼り付けることもできます。

フルオーダーメイド Premiumプラン：60万円〜
Standardプランの内容に加え、3Dデータの作成からウェブサイトへの実装まで一貫して対応。フルオーダーメイドの3Dウェブサイトを構築します。物理エンジンを使った簡単なゲームコンテンツの作成もできます。サイト構成、デザインなど、過去の実例が多数ありますので、お気軽にご相談ください。

納期

プランにより1週間〜1ヶ月

制作の流れ

設計・企画立案
ヒアリング内容とご提供いただいた資料をもとに、サイトの設計を行います。3Dモデルの配置、操作方法、デザインなどを具体的に決定します。仕様を詳しく決めておくことが納期短縮、コスト削減の近道です。

開発・実装
必要な場合はまず3Dモデルの製作から行います。
次に、簡単なモックアップを作成して、確認してもらいます。
単純に3Dモデルをウェブサイトに設置することから、さまざまなエフェクトの実装、インタラクション機能の追加など、上に積み重ねるような工程で、少しづつ完成に近づけていきます。
なお、ご希望の場合は物理エンジンの実装、開発も行います。比較的シンプルな形状のものの衝突、反射、チェーン状に連結した物体の運動などのシミュレーションができます。

テスト・修正
開発環境にて、動作確認を行います。
実装段階で、ステップごとにお客様にもテストサイトをご確認いただき、フィードバックをいただきながら進めるのが通例です。

納品・公開
最終確認後、本番環境にウェブサイトを公開します。必要に応じて、公開後の運用・保守も承ります。

サービス内容

WebGL技術を駆使し、3Dモデルをウェブサイト上でインタラクティブに表示・操作できる革新的なウェブサイトを制作します。製品紹介、企業PR、教育コンテンツなど、様々な用途で活用いただけます。

ウェブサイトに3Dを取り入れたいけれど、技術的なハードルが高いとお感じではありませんか？当社のWebGL技術で、あなたのウェブサイトを革新的な3D体験へと変えませんか？製品を360度見渡せるインタラクティブな展示、バーチャルショールーム、没入感のあるゲームコンテンツなど、WebGLはあなたのウェブサイトに無限の可能性をもたらします。まずは、お気軽にご相談ください。あなたのアイデアを形にするお手伝いをさせていただきます。

また、比較的シンプルなものでしたら、WordPressの実装やSTUDIOへ、iframeでの組み込みも可能です。複雑なものでしたら、外部スタッフと連携して対応します。簡単な動画作成なども承ります。

弊社のサービスページをご覧頂きありがとうございます。
Unityで、スマホアプリ開発・修正・改修をさせていただきます。

会社の所在地はインドですが、
弊社の取引先は全て日本企業で、
常に日本語で業務を行っております。

その為、弊社の従業員はインド人ですが、
全員、日本語能力があり、
毎日、日本企業と日本語でコミュニケーションしております。

現在、日本では、
DX、すなわち、デジタル・トランスフォーメーションが、急速に進んでおりますので、
是非、日本における DX 推進に貢献したい、と考えております

＊＊サービス内容＊＊
・設計書作成
・既存のアプリの不具合修正・機能追加をしたい
・API統合
・Push通知（Firebase）
・リアルタイムのチャット機能（Firebase）
・決済埋め込み（Appleストア・サブスク）
・位置情報マップ機能
・納品後のアフターサポート

【 対応言語・FW 】
◯ Unity　
◯ Ｃ＃ , Xcode

お役に立てることがあれば、お気軽にご連絡くださいませ。
宜しくお願い致します

Web制作会社の方、個人の方、オーダーメイドのWeb演出が欲しい方の、

• ちょっと賑やかしやオカズがほしい
• このデザインを動かしてほしい
• あのWebサイトみたいな感じにしたい
• もっと他と差別化したい

をWebGL/SVG/Canvas/JSで解決します。

▼サンプルはこちら▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658914
https://www.lancers.jp/profile/marusoft/portfolio_popup/658915
https://www.lancers.jp/profile/marusoft/portfolio_popup/658913

▼デモはこちら▼
https://akira-hayasaka.github.io/demo_loading_opening_01_stroke/
https://akira-hayasaka.github.io/demo_loading_opening_02_pop/
https://akira-hayasaka.github.io/demo_loading_opening_03_rush/

▼納品物の形式について▼
静的サイト・動的サイト・ECパッケージなど、様々なインストール環境を想定しています。ソースコードそのままのお渡しや、トランスパイル・ミニファイ済みの設置するだけのバンドルなど、柔軟に対応いたします。

Web制作会社の方、デザイナーの方、個人の方、オーダーメイドのWeb演出が欲しい方の、

• ちょっと賑やかしやオカズがほしい
• このデザインを動かしてほしい
• あのWebサイトみたいな感じにしたい
• もっと他と差別化したい

をWebGL/SVG/Canvas/JSで解決します。

▼サンプルはこちら▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658918

▼デモはこちら▼
https://akira-hayasaka.github.io/demo_transition_01_stroke/page1.html

▼他にもこんなこともできます。ご相談ください▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658914
https://www.lancers.jp/profile/marusoft/portfolio_popup/658915
https://www.lancers.jp/profile/marusoft/portfolio_popup/658913
https://www.lancers.jp/profile/marusoft/portfolio_popup/658919
https://www.lancers.jp/profile/marusoft/portfolio_popup/658919
https://akira-hayasaka.github.io/demo_loading_opening_01_stroke/
https://akira-hayasaka.github.io/demo_loading_opening_02_pop/
https://akira-hayasaka.github.io/demo_loading_opening_03_rush/
https://akira-hayasaka.github.io/demo_bg_01_noise/
https://akira-hayasaka.github.io/demo_bg_02_scroll/

▼納品物の形式について▼
静的サイト・動的サイト・ECパッケージなど、様々なインストール環境を想定しています。ソースコードそのままのお渡しや、トランスパイル・ミニファイ済みの設置するだけのバンドルなど、柔軟に対応いたします。

導入支援
お客様プロジェクト（例：Shopifyテンプレートなど）へのコードインテグレーション支援
10days, 100000

Web制作会社の方、デザイナーの方、個人の方、オーダーメイドのWeb演出が欲しい方の、

• ちょっと賑やかしやオカズがほしい
• このデザインを動かしてほしい
• あのWebサイトみたいな感じにしたい
• もっと他と差別化したい

をWebGL/SVG/Canvas/JSで解決します。

▼サンプルはこちら▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658988

▼デモはこちら▼
https://www.ssccee.com/

▼他にもこんなこともできます。ご相談ください▼
https://www.lancers.jp/profile/marusoft/portfolio_popup/658914
https://www.lancers.jp/profile/marusoft/portfolio_popup/658915
https://www.lancers.jp/profile/marusoft/portfolio_popup/658913
https://www.lancers.jp/profile/marusoft/portfolio_popup/658919
https://www.lancers.jp/profile/marusoft/portfolio_popup/658919
https://akira-hayasaka.github.io/demo_loading_opening_01_stroke/
https://akira-hayasaka.github.io/demo_loading_opening_02_pop/
https://akira-hayasaka.github.io/demo_loading_opening_03_rush/
https://akira-hayasaka.github.io/demo_bg_01_noise/
https://akira-hayasaka.github.io/demo_bg_02_scroll/

▼納品物の形式について▼
静的サイト・動的サイト・ECパッケージなど、様々なインストール環境を想定しています。ソースコードそのままのお渡しや、トランスパイル・ミニファイ済みの設置するだけのバンドルなど、柔軟に対応いたします。

年間1000万人が利用するスロットゲームシステムを構築した実績を活かし、貴社のゲームをより魅力的に、より収益性の高いものへと導きます。

このようなお悩みはありませんか？

ゲームのエンゲージメントが低い、収益性が伸び悩んでいる、システムが古くメンテナンスに手間がかかる、新規ゲーム開発のリソースが不足している。

発注の流れ

お問い合わせ
メッセージにて、貴社のゲームの現状、課題、ご要望をお聞かせください。

ヒアリング・現状分析
オンラインまたは対面にて、詳細なヒアリングと現状分析を行います。

企画提案
ヒアリング内容に基づき、最適な改善案または開発プランをご提案します。

契約・プロジェクト開始
ご提案内容にご納得いただけましたら、契約を締結し、プロジェクトを開始します。

対応範囲・価格

スロットゲーム Unity移植・WebGL対応：50万円〜
既存スロットゲームのUnity移植、WebGL対応を行います。スマホ、PCで軽快に動作するスロットゲームに生まれ変わります。

スロットゲーム ユーザー体験改善コンサルティング：30万円〜
既存のスロットゲームシステムを分析し、ユーザー体験を向上させるための改善提案を行います。ABテストによる効果測定もサポート。

オリジナルスロットゲーム 企画・開発：100万円〜
貴社のオリジナルスロットゲームを企画・開発します。RTP、演出、UI/UX設計など、全てお任せください。

納期

要件定義からリリースまで、規模に応じて1ヶ月～6ヶ月

制作の流れ

ゲーム設計
要件定義、仕様策定、RTP設計など、ゲームの根幹部分を設計します。

開発
Unity、C#を用いて、ゲームロジック、UI、演出などを実装します。

テスト・デバッグ
徹底的なテストプレイを行い、バグの修正、バランス調整を行います。

納品・リリース
WebGL形式で書き出し、サーバーにアップロードします。動作確認後、納品となります。

サービス内容

年間1000万人がベッティングするスロットゲームシステムを構築した経験を活かし、貴社のスロットゲームをUnityで移植・WebGL対応、ユーザー体験改善、新規ゲーム開発を支援します。要件定義からリリースまで、全工程をサポートいたします。

貴社のスロットゲーム、もっと面白く、もっと稼げるようにしませんか？

「今のゲーム、何か物足りない…」「競合に埋もれてしまっている…」そんなお悩み、ありませんか？

年間1000万人が熱狂するスロットゲームシステムを開発した私が、その経験と技術で、貴社のゲームを生まれ変わらせます！

Unity移植によるスマホ対応、WebGL対応によるブラウザ対応、ユーザー体験改善コンサルティング、完全オリジナルゲーム開発まで、全てお任せください。

まずは、無料相談で貴社の課題をお聞かせください。きっと、お役に立てると信じています。

このプレハブ建築用3Dコンフィギュレーターは、あらかじめ用意されたテンプレート（階数の異なる住宅や、車庫の場合はシェルターの種類など）をベースに、ユーザー自身が住宅やガレージのプランを作成できるツールです。外観や間取りなど、ほぼすべての項目を自由にカスタマイズでき、完成したプランは一人称視点で内部を歩き回りながら確認することが可能です。

また、一部のビジネスユーザーは、マーケティング用途として専用に作成した住宅プランをテンプレートとして保存し、製品バリエーションや施工例として活用しています。

システムのバックエンドでは、建築に必要な資材の数量を自動で算出したり、施工図を生成する機能も備えており、設計から提案・施工までを効率的にサポートします。

[技術スタック]
本プレハブ建築用3Dコンフィギュレーターは、4Experienceが主に使用するUnityを中心に開発されたマルチプラットフォーム対応アプリです。スタンドアロンPCやAndroid・iOSのモバイルデバイスに加え、Meta Quest 2にも対応しており、ユーザーはプロジェクトをVRで自由に体験できます。また、WebGLを使用することで、Webブラウザ上でも動作します。

開発には以下の技術とツールを使用しています：

• Unityエンジン、C#、Drupal、LUA
• アートチームは、Blender、Photoshop、Illustratorを用いて専用の3Dモデルを制作
• UIデザインはFigmaで設計

これらのツールと技術により、高品質かつ柔軟性のある3D体験を実現しています。

１．展示会などの多くの企業やお客さんが集まるシーンの中で
デジタルサイネージを用いた、インパクトがあり目立つ演出が可能。
通りかかりの人々が、タップしながら製品を詳しく見る事ができ、紙などではなく
興味を引き立てることができます。

２．Webサイトなどに埋め込むことで、
不特定多数のPVが見込める。
Webページの場合は、アプリのWebGLなどを利用すると外部システムなので
SEOポイントが下がりますが、生コードで埋め込み可能ですので、SEOポイントは
御社のHPに誘導できます。

3D表現やアニメーションで、ハイクオリティなウェブサイトを作りませんか？ アワードサイト受賞歴のあるフロントエンドエンジニアが、革新的な体験を提供します。

このようなお悩みはありませんか？

ウェブサイトの差別化、ユーザーエンゲージメントの向上、ブランドイメージの刷新、最新技術の導入

発注の流れ

お問い合わせ
メッセージにて、ウェブサイトの目的、ターゲット層、希望デザイン、納期などをお知らせください。

ヒアリング
オンラインまたは対面で、詳細なご要望やイメージを共有いただきます。参考サイトやデザインの好みなどをお伝えください。

企画提案・お見積もり
ヒアリング内容に基づき、最適なプランとお見積もりをご提案します。Three.jsの実装内容やデザイン案をご確認ください。

ご契約・制作開始
ご提案内容にご納得いただけましたら、契約を締結し、制作を開始します。

対応範囲・価格

ベーシックLP制作：10万円〜
基本構成のLP制作。デザイン、コーディング、レスポンシブ対応、インタラクティブアニメーションを含みます。

スタンダードコーポレートサイト制作：20万円〜
標準的なコーポレートサイト制作。5〜10ページの構成で、デザイン、コーディング、レスポンシブ対応、SEO基本設定を含みます。

プレミアム3Dインタラクティブサイト制作：60万円〜
Three.jsを使用したインタラクティブな3D表現を含むウェブサイト制作。デザイン、コーディング、レスポンシブ対応、SEO基本設定、サーバー設定を含みます。

納期

LP：1～2週間、コーポレートサイト（5～10P）：2～3週間、Three.js実装込み：8週間

制作の流れ

要件定義・設計
詳細な要件定義を行い、サイト全体の構成、デザイン、機能などを具体的に決定します。

デザイン制作
Figmaなどを使用し、ウェブサイトのデザインを作成します。お客様にデザイン案をご確認いただき、フィードバックを反映します。

コーディング
HTML、CSS、JavaScript、Three.jsなどを使用し、デザインを元にコーディングを行います。アニメーションやインタラクションを実装します。

テスト・品質チェック
動作確認、表示確認、SEO対策など、品質チェックを行います。

納品・公開
お客様に最終確認いただき、問題がなければ納品となります。

サービス内容

Three.js、React、Next.jsを駆使し、革新的なウェブ体験を創造します。受賞歴のある技術力で、御社のウェブサイトを未来型にアップデート。インタラクティブな3Dサイト、アニメーション豊富なLP、モダンなWebアプリなど、最先端の技術でブランドイメージを向上させ、ユーザーエンゲージメントを高めます。

ウェブサイトは企業の顔。しかし、デザインが古かったり、動きが少なかったりすると、ユーザーの印象に残りません。Three.jsを使った3Dインタラクティブサイトで、訪問者を魅了しませんか？

CSSWinner受賞歴のある私が、あなたのウェブサイトを最先端の技術でアップデートします。React/Next.jsでのモダンな開発、目を引くアニメーション、そしてThree.jsによる革新的な3D表現で、他社との差別化を図り、集客・売上アップに貢献します。

今すぐご相談ください。御社のウェブサイトを、未来へ導きます。

▼ WebGLのメリット
・リアルタイムレンダリング
・クロスプラットフォームの互換性
・ハードウェアアクセラレーション
・インタラクティブで没入感のある体験
・Webテクノロジーとの統合
・豊富な視覚効果
・広範なコミュニティとリソース
・パフォーマンスの最適化
・スケーラビリティ
・Webベースの展開

▼ ご提供内容
・カスタムのウェブサイトデザインと開発
・three.js、Gsap、WebGLを使用した高パフォーマンスのアニメーション
・使いやすくナビゲーションしやすいレスポンシブなインターフェース
・シームレスなユーザーエクスペリエンスのための高速な読み込み時間
・完璧なタイポグラフィ、モーション、高パフォーマンスのアニメーション
・クロスブラウザの互換性とSEO最適化されたコード

サービス内容

大手企業サイトを中心にウェブでの3D表現を見かけるようになってきました。
しかし、一般での利用はまだまだと思っていませんか？

弊社システム【WEB-XR.studio】を利用すれば、あなたのウェブページへYouTube動画のように埋め込むだけです。

ただ３Dが表示され回転するだけというようなものではなく、イベントシーケンスに従っての動作制御やインタラクティブでクリッカブルな３Dコンテンツ。
弊社ではこのサービスを軸に３Dコンテンツ制作を低価格でお引き受けします。

「WEB-XR.studio」で検索をお願いします！

ウェブ制作会社様でしたら顧客様に新提案となります。
製品をお持ちの企業様は自社製品のアピールにご検討ください。

様々な用途で使える３Dコンテンツ

◆ 製品ページを3D化
　スライドショーなどで見せていた
　製品イメージをより具体的でインパクトのある３Dで表現！

◆ テーマパークやフィットネスジムなどの施設
　360°パノラマ画像を使った擬似的な3Dで内覧するようなコンテンツでは
　エンターテイメント性の高い施設で魅せたい動きを見せられません。
　完全な３Dコンテンツならば動きは自由自在です。

用意していただくもの

企業製品を３D化する場合は製品の写真をご提供ください。
正面、真横などイメージが分かれば制作可能です。

CADデータなどをお持ちの場合、そのままではウェブで表示できませんが、
非常に参考になります。編集はCADソフトではなく３Dツールを使用しますので
CADソフトでobj形式など３Dツールで読める形式でご提供ください。

料金・納期目安

・￥50,000～

• ３D制作は造形の複雑さなどにより難易度が変わります。
  　また、複数受注いただいた場合や類似製品の３D化（色違いであるとか部分的な違い）
  　であればお見積額が上下致します。

• 公開費用
  　弊社のサーバーからの公開では10MBまでは無料。
  　ストレージ増やす場合、追加10MBにつき月々$10（約1,300円）の費用がかかります。
  　お客様のサーバーで動くファイル一式の納品をご用命の場合、別途ご相談ください。

何かご不明点やご質問がございましたら
まずはお気軽にお問い合わせください！

サービス内容

大手企業サイトを中心にウェブでの3D表現を見かけるようになってきました。
しかし、一般での利用はまだまだと思っていませんか？

弊社システム【WEB-XR.studio】を利用すれば、あなたのウェブページへYouTube動画のように埋め込むだけです。

ただ３Dが表示され回転するだけというようなものではなく、イベントシーケンスに従っての動作制御やインタラクティブでクリッカブルな３Dコンテンツ。
弊社ではこのサービスを軸に３Dコンテンツ制作を低価格でお引き受けします。

「WEB-XR.studio」で検索をお願いします！

ウェブ制作会社様でしたら顧客様に新提案となります。
製品をお持ちの企業様は自社製品のアピールにご検討ください。

様々な用途で使える３Dコンテンツ

◆ 製品ページを3D化
　スライドショーなどで見せていた
　製品イメージをより具体的でインパクトのある３Dで表現！

◆ テーマパークやフィットネスジムなどの施設
　360°パノラマ画像を使った擬似的な3Dで内覧するようなコンテンツでは
　エンターテイメント性の高い施設で魅せたい動きを見せられません。
　完全な３Dコンテンツならば動きは自由自在です。

用意していただくもの

企業製品を３D化する場合は製品の写真をご提供ください。
正面、真横などイメージが分かれば制作可能です。

CADデータなどをお持ちの場合、そのままではウェブで表示できませんが、
非常に参考になります。編集はCADソフトではなく３Dツールを使用しますので
CADソフトでobj形式など３Dツールで読める形式でご提供ください。

料金・納期目安

・￥50,000～

• ３D制作は造形の複雑さなどにより難易度が変わります。
  　また、複数受注いただいた場合や類似製品の３D化（色違いであるとか部分的な違い）
  　であればお見積額が上下致します。

• 公開費用
  　弊社のサーバーからの公開では10MBまでは無料。
  　ストレージ増やす場合、追加10MBにつき月々$10（約1,300円）の費用がかかります。
  　お客様のサーバーで動くファイル一式の納品をご用命の場合、別途ご相談ください。

何かご不明点やご質問がございましたら
まずはお気軽にお問い合わせください！