ABOUT
コーディングは、単なる「作業」や「最終工程」ではありません。
デザインの背景や意図を汲み取り、対話の続きを、
画面上でコードを組み、形にしていく仕事だと私たちは考えています。
BAAANのコーディングチームが向き合っているのは、見た目を再現することではなく、
「なぜ、このデザインなのか」という問いそのものです。
だからこそ、デザイナーやディレクター、時にはクライアントと並走しながら、
完成形まで一緒に考えるチームメイトでありたいと考えています。
We understand the design intent and translate it
into a
form that
conveys it correctly.
Coding is not merely a "task" or "final step." We
believe it is the work of understanding the
background
and intent behind the design,
continuing the dialogue,
and assembling code on
the screen to give it
form.
The BAAAN coding team doesn't just focus on
recreating appearances. We confront the core
question: "Why this design?" That's why we strive
to
be teammates who work alongside designers,
directors, and sometimes clients,
thinking together all
the way to the finished product.
WHAT WE DO
WEBサイトの構築・運用を軸に、
実装そのものをサービスとして提供しています。
単に「組む」だけではなく、対話・翻訳・並走を前提にしたコーディングです。
We provide our approach in the form of
implementation.
We provide implementation itself as a service,
centered around website
construction and operation.
Our coding isn't just about "building" — it's
based on
dialogue, translation, and working alongside you.
WEBサイト構築・コーディング
オンラインショップ構築・運用
コーポレートサイト・採用サイト
サービス・プロモーションLP
ブランドサイト
オンラインショップ(ECサイト)
デザインデータを受け取り、
その背景や意図をくみ取ったうえで、
HTML / CSS / JavaScript に落とし込みます。
Web Development / Coding
• Corporate & Recruitment Sites
• Service / Campaign Landing Pages
• Brand Websites
• Online Stores (E-commerce)
Coding that respects design intent.
特定のASPに限定せず、
事業内容や運用体制に合わせて
柔軟に対応しています。
各種ASP・ECプラットフォームの
特性を理解したうえで、
構築から運用フェーズまでを見据えた実装を行います。
E-commerce Development & Operations
We do not limit ourselves to specific ASPs,
but flexibly adapt to suit your business operations and
management structure.
We implement solutions with a comprehensive
understanding of the characteristics of various ASP and
e-commerce platforms,with a view toward the entire lifecycle
from development to operation.
WEBサイト構築
コーディング
コーポレートサイト・採用サイト
サービス・プロモーションLP
ブランドサイト
オンラインショップ(ECサイト)
デザインデータを受け取り、
その背景や意図をくみ取ったうえで、
HTML / CSS / JavaScript に落とし込みます。
Web Development / Coding
• Corporate & Recruitment Sites
• Service / Campaign Landing Pages
• Brand Websites
• Online Stores (E-commerce)
Coding that respects design intent.
オンラインショップ
構築・運用
特定のASPに限定せず、
事業内容や運用体制に合わせて
柔軟に対応しています。
各種ASP・ECプラットフォームの
特性を理解したうえで、
構築から運用フェーズまでを見据えた実装を行います。
E-commerce Development & Operations
We do not limit ourselves to specific ASPs,
but flexibly adapt to suit your business operations and
management structure.
We implement solutions with a comprehensive
understanding of the characteristics of various ASP and
e-commerce platforms,with a view toward the entire lifecycle
from development to
operation.
まずはお話をお聞かせください。
ご相談はこちらからSERVICE
デザインを“そのまま形にする”ことを目的にしていません。
対話の中で共有された意図や背景を受け取り 「どうすれば、正しく伝わるか」を
考えながら実装します。
mplementation arises from dialogue.
We don't aim to simply "turn designs into
reality." We receive the shared intent and
context from our conversations, and
implement
while considering "how to convey it correctly."
デザインの意図を読み取った実装
余白や動きに込められた意味、
見せたい温度感やリズムまで読み取ります。
見た目をなぞるのではなく、
デザインの狙いを理解したうえで実装します。
デザイナーと並走できる体制
コーディングは、
受け取って終わる作業ではありません。
実装フェーズでも対話を止めず、
完成形まで一緒に考え続けます。
AIで効率化、人で仕上げる
AIを活用し、
定型的な工数はできるだけ短縮します。
その分、判断と調整が必要な部分に
時間を使います。
HTML/CSS
PC / スマートフォンに対応した
レスポンシブなHTMLコーディングを行います。
¥50,000~ / 1ページ
HTML/CSS+CMS
HTMLコーディングに加え、WordPressとの連携を行います。
更新や運用のしやすさを考慮した設計。
¥300,000~ / サイト
E-Commerce
プラットフォームの特性や運用方法を踏まえ、
無理のない導線や構成でサイトを構築します。
¥300,000~ / サイト
Refactoring
既存サイトの構造やコードを確認し、
改善が必要な点を整理したうえで対応します。
¥200,000~ / サイト
Maintenance
サイト公開後もパフォーマンス最適化。
運用・保守をサポートします。
¥20,000~ / 月
AI-Generated
AIを活用して作業を効率化し、
短期間での構築・公開に対応します。
¥- お問い合わせください
WORKS
私たちが大切にしているのは、
「どれだけの数をつくったか」よりも、
誰と、どんな対話を重ねてきたかです。
デザイナーやディレクター、クライアント
と向き合いながら、ひとつずつ完成形を
探ってきた。
その積み重ねが、ここにあります。
The accumulation of what we've built together.
What we value most is not how many we've produced,
but with whom and what conversations we've had.
Working closely with designers, directors, and clients,
we've explored each piece's final form one by one. This
accumulation is what we have here.
Q&A
デザインデータはどの形式に対応していますか?
Figma、Adobe XD、Photoshop、Illustrator に対応しています。
その他の形式についても内容を確認のうえ対応可否をご案内いたします。
レスポンシブ対応は含まれていますか?
はい、基本料金内でスマートフォン・タブレット・PCのレスポンシブ対応を行います。
※特定のブレークポイント指定がある場合は事前にお知らせください。
WordPress(CMS)への組み込みも対応可能ですか?
はい、WordPressへの組み込みや既存テーマへの反映にも対応可能です。
カスタム投稿・カスタムフィールドの実装についてもご相談ください。
デザイン通りに完全再現してもらえますか?
可能な限りデザイン再現を行いますが、
Web仕様上再現が難しい表現については、事前に代替案をご提案いたします。
JavaScriptの実装やアニメーション対応は可能ですか?
はい、スクロールアニメーションや簡易的なインタラクションには対応可能です。
複雑な挙動や外部ライブラリ使用の場合は、内容により追加工数となる場合があります。
納品形式はどのようになりますか?
HTML / CSS / JS 一式での納品、
またはサーバーアップロード・WordPress反映まで対応可能です。
ご希望の納品形式を事前にお知らせください。
SEOを意識したコーディングは可能ですか?
はい、セマンティックHTMLや表示速度を意識したコーディングを行います。
ただし、キーワード設計やコンテンツSEOは対象外となります。
お見積り後に追加料金が発生することはありますか?
ご提示した仕様内であれば追加料金は発生しません。
複雑な挙動や外部ライブラリ使用の場合は、内容により追加工数となる場合があります。
デザインが未完成でも依頼できますか?
可能です。
構成案やワイヤーフレームの段階からご相談いただくこともできますが、
確定デザイン後に再調整が必要となる場合があります。
CONTACT
要件が固まっていなくても構いません。
まずは状況や背景を教えてください。
そこから一緒に、
どう進めるかを
考えていければと思っています。
First, please tell me your story.
It's okay if the requirements aren't finalized yet. First, please tell me
about the situation and background. From there, I'd like us to work
together to figure out how to proceed.