/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Jul 11 2025 | 07:12:45 */ const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); let w, h; let stars = [], bubbles = []; function resize() { w = canvas.width = window.innerWidth; h = canvas.height = window.innerHeight; } window.addEventListener("resize", resize); resize(); class Star { constructor() { this.reset(); } reset() { this.x = Math.random() * w; this.y = Math.random() * h; this.radius = Math.random() * 1.5 + 0.2; this.alpha = Math.random() * 0.5 + 0.3; this.speed = Math.random() * 0.2 + 0.05; } update() { this.y -= this.speed; if (this.y < -5) this.y = h + 5; } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fillStyle = `rgba(255,255,255,${this.alpha})`; ctx.fill(); } } class Bubble { constructor() { this.reset(); } reset() { this.x = Math.random() * w; this.y = h + Math.random() * 200; this.radius = Math.random() * 30 + 10; this.alpha = Math.random() * 0.2 + 0.1; this.speed = Math.random() * 0.5 + 0.2; this.dx = (Math.random() - 0.5) * 0.5; } update() { this.y -= this.speed; this.x += this.dx; if (this.y < -50 || this.x < -50 || this.x > w + 50) this.reset(); } draw() { const gradient = ctx.createRadialGradient(this.x, this.y, 0, this.x, this.y, this.radius); gradient.addColorStop(0, `rgba(255,255,255,${this.alpha + 0.1})`); gradient.addColorStop(1, `rgba(255,255,255,0)`); ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fillStyle = gradient; ctx.fill(); } } for (let i = 0; i < 150; i++) stars.push(new Star()); for (let i = 0; i < 20; i++) bubbles.push(new Bubble()); function animate() { ctx.clearRect(0, 0, w, h); stars.forEach(star => { star.update(); star.draw(); }); bubbles.forEach(bubble => { bubble.update(); bubble.draw(); }); requestAnimationFrame(animate); } animate();

Your Colorful Life

あなたの街に、ぬくもりを届けるデザインを。

webデザイン

見た目の美しさだけでなく、使いやすさや目的に合った構成で、訪問者に伝わりやすくするためのサイト設計を指します。当事務所では、お客様のブランドイメージやターゲットに合わせたデザインをご提案。スマホ対応やアクセシビリティにも配慮し、地域の店舗・企業に寄り添ったデザインを丁寧に作り上げます。魅力を引き出し、成果につながるWebデザインをご提供します。

web制作

Web制作では、デザインを形にし、実際にWebサイトとして公開・運用できるよう構築していきます。HTML/CSS、JavaScriptなどの最新技術を使い、スマホ・タブレットでも快適に閲覧できるレスポンシブ対応を基本としています。また、WordPressなどのCMS導入にも対応し、お客様ご自身で簡単に更新できる仕組みも構築可能です。見た目だけでなく、機能性・表示速度・SEOも意識した制作を心がけています。

webサイト保守

サイト保守では、Webサイト公開後の安定運用をサポートします。更新作業、バックアップ、セキュリティ対策、表示崩れの修正、WordPressやプラグインの定期的なアップデートなどを代行し、トラブルを未然に防ぎます。お客様が安心して本業に集中できるよう、迅速かつ丁寧に対応いたします。定期的な点検と改善提案も行い、常に最新の状態を維持できるようお手伝いします。

About us

私たちは、地域に根ざしたWebデザイン事務所です。地元企業や個人事業主の皆さまが、想いをカタチにし、伝えたい情報を分かりやすく、魅力的に届けられるようお手伝いしています。

デザインから制作、公開後の保守まで、すべてワンストップで対応。相談しやすく、丁寧な対応を心がけ、長く信頼いただけるパートナーでありたいと願っています。

あなたのビジネスの魅力を、もっと多くの人へ。私たちにお任せください。

幻想テック背景

星とシャボン玉が舞う未来感

SERVICES

1. Webデザイン
あなたのブランドイメージを大切にした、見やすく親しみやすいデザインをご提案します。初めての方も安心の丁寧なヒアリングが特徴です。

2. Web制作
最新の技術を使い、スマホ対応もバッチリ。使いやすさと見た目の美しさを両立したサイトを制作します。

3. サイト保守・運用
公開後も安心。定期的な更新やトラブル対応、SEO対策までしっかりサポートし、長く快適にサイトを運用できるようお手伝いします。

制作の流れ

お問い合わせ・ヒアリング
まずはお気軽にご相談ください。お客様のご要望や目的、ターゲットを丁寧にお伺いします。

ご提案・お見積り
ヒアリング内容をもとに、デザイン案や機能、スケジュール、費用のご提案をいたします。

デザイン制作
ご提案にご納得いただいたら、デザインを作成します。修正もお気軽にどうぞ。

コーディング・開発
デザインが決まったら、実際にサイトを作り上げていきます。スマホ対応もばっちりです。

ご確認・調整
完成したサイトをご確認いただき、ご要望に合わせて最終調整を行います。

公開・運用サポート
問題がなければサイトを公開。公開後の保守や更新もお任せください。

無料お見積のご相談

ご質問やご相談はいつでもお気軽にお寄せください。私たちは、お客様のご要望に丁寧にお応えし、最適なご提案をいたします。料金やサービス内容の詳細についてもわかりやすくご説明いたしますので、初めての方も安心してお問い合わせいただけます。無料でご相談を承っておりますので、まずはお気軽にご連絡ください。皆さまからのお問い合わせを心よりお待ちしております。

Our Blog

2023年 SEO(検索エンジン最適化)

SEO(検索エンジン最適化)は、Webサイトの検索エンジンランキングを向上させるためのプロセスです。2023年においても、SEOはビジネスにとって重要な役割を果たしています。SEOの目的は、Webサイトの検索エンジンラン […]

Adobe Premiere Pro  動画編集代行

Adobe Premiere Proの動画編集代行サービスは、映像制作や編集の専門家が、クライアントのニーズに合わせて動画コンテンツを制作するサービスです。 昨今、動画コンテンツは情報伝達やストーリーテリングの重要な手段 […]

hp(ホームページ) server 見積もり 設置代行

HPサーバー見積もりと設置代行: シームレスなウェブプレゼンスの構築 インターネットは、現代のビジネスや個人にとって重要な存在となっており、ホームページ(HP)はその顔と言えるものです。高速かつ安定したウェブサーバーの存 […]

contact information

write us or contact us on our social media