既存のサイトに、WebGL の演出を 1 か所追加いたします。たとえば、トップの大きな背景で指に反応する水面、墨のようににじんで現れる見出し、スクロールで流れる紙の質感などです。ライブラリに頼らず GLSL を自分で書きますので、ファイルは軽く(演出 1 種で 30 KB 前後)、既存のスクリプトとぶつかりません。
実際に動く見本(墨流し)は、プロフィールのポートフォリオの動画でご覧いただけます。手ざわりを確かめてから、ご判断ください。
■ 向いているお仕事
・サイトの第一印象を変えたいものの、写真や動画を撮り直す予算はないとき
・テンプレートの動きではなく、自社の色や質感に合わせた演出が欲しいとき
・重くなるのは困るので、軽さを最優先にしたいとき
■ 含まれるもの
・演出 1 種の設計と実装(ご要望をうかがう打ち合わせ 1 回、方向性のご確認 1 回、仕上げの調整 2 回まで)
・既存サイトへの組み込み(HTML/React/Next.js/WordPress のいずれか)
・スマートフォンと省電力モードでの動作確認
・動きを控える設定(reduced-motion)への対応と、古い端末で WebGL が使えないときの代替表示
・組み込み手順書と、色・速さ・濃さをご自身で調整する方法のご説明
・お渡しから 14 日間の不具合対応
■ 含まれないもの
・サイト全体のデザイン変更、2 ページ目以降への展開(別途お見積もりいたします)
・写真や動画の素材の制作
■ 進め方
1. ご購入後、サイトの場所と入れたい位置、参考になさりたい雰囲気をうかがいます
2. 3 日ほどで動く試作をお見せし、方向性をご確認いただきます
3. 調整のうえ、ソースコードと手順書をお渡しいたします。組み込みまで代行する場合は、公開まで見届けます
無料修正は 2 回です。納品物はソースコード一式(TypeScript と GLSL)と、組み込み手順書です。急ぎのご対応は演出 1 種のときのみお受けしております。演出を追加する場合は通常の 14 日をいただきます。
ご購入の前に、次の 3 点をお知らせください。
1. 演出を入れたいサイトと、その場所(ページと位置)
2. 参考になさりたい雰囲気(画像や、似た動きのあるサイトの名称)
3. 既存サイトのソースコードを zip ファイルでトークルームにお送りいただけるかどうか(難しい場合は、貼るだけで動く形でお渡しいたします)
動きの好みは言葉にしにくいものですので、試作をご覧いただいてから詰めてまいります。試作の段階で思っていたものと違うとお感じになった場合は、方向性の変更を 1 回まで無償で行います。
WebGL は端末の描画性能を使いますので、ごく古い端末では動きを止めた静かな表示に切り替わります。その切り替えの条件も、ご希望に合わせて調整いたします。
お渡しから 14 日以内の不具合は無償でお直しいたします。無料修正は 2 回です。ご質問には 3 営業日以内、多くの場合は当日か翌日にご返信いたします。