WORKFLOW 01
窓口と実作業を分けない、直接の制作体制
営業、ディレクター、デザイナー、エンジニアと役割が分かれる体制では、どうしても伝達の手間や進行コストが増えやすくなります。antidotでは、最初の要件整理からデザイン、実装、公開後の調整まで直接担当するため、打ち合わせで話した内容がそのまま画面や紙面に反映されます。
01Profile
About.
札幌を拠点に、Webの設計・実装からグラフィック・印刷物までを一貫して手がける。
井山 和哉Kazuya Iyama
Frontend Engineer / Designer
テクノロジーを目的ではなく、暮らしとコミュニティを豊かにするための手段として捉え、デザインと実装の両面から現代的な体験をつくる。
公共性のあるプロジェクトからブランド表現まで、ビジュアルデザインを手がける一方、Webサイトやオンラインアプリケーション、AIファッションモデル、Web3プロダクトなどの構築・実装にも携わり、デザインとフロントエンド開発を横断して活動している。
プロジェクトの上流から「どうあるべきか」を整理し、ユーザーとどう出会い、どう伝わり、どう関係を築くかというコミュニケーション設計の視点から、ブランド、UI、Web体験を構築する。
- 01BASE
- Sapporo, Hokkaido
- 02EXPERIENCE
- 20+ years
- 03SCOPE
- Web / Logo / Print
- 04CONTACT
- Direct
When to reach out.
日々の制作では、次のようなタイミングや課題でご相談いただくことが多くあります。
- CASE 01
事業の立ち上げやリニューアルで、Web・ロゴ・印刷物をまとめて揃えたいとき
Web制作会社、ロゴデザイナー、印刷会社と発注先が分かれると、媒体ごとにトーンがずれたり、連絡や進行の手間が増えがちです。ひとつの窓口で揃えることで、全体の印象と進行をシンプルに保てます。
- CASE 02
社内に専任の担当者がおらず、何を作るべきかの整理から相談したいとき
仕様や構成が固まっていない段階からご相談いただけます。事業の目的や届けたい相手を伺いながら、Webサイトだけでなくチラシや案内物も含めて、必要なものと優先順位を一緒に整理します。
- CASE 03
運用中のサイトの表示速度やセキュリティ、更新のしやすさを見直したいとき
年月が経って重くなったサイトの高速化や、WordPress・PHPのバージョンアップに伴う不具合改修・脆弱性対策から、日々の更新がしやすい設計への見直しまで対応します。今後の保守負担を根本から減らしたい場合は、AstroやNext.jsなどを用いた構成への移行もご提案します。
- CASE 04
つくる本人と直接話しながら、認識のずれなく制作を進めたいとき
最初のヒアリングからデザイン、実装まで同じ担当者が直接やり取りします。事業会社のご担当者様との直接進行はもちろん、制作会社・デザイン事務所様の実装パートナーとしてのご依頼にも対応しています。
Direct, end to end.
最初の打ち合わせからデザイン、コード実装、印刷物の入稿データ作成まで、分業を挟まず一貫して担当しています。
WORKFLOW 02
Webの実装と印刷物のデザインを同じ目線で設計
デザインと実装、あるいはWebと紙媒体で担当者が分かれると、画面にしたときの細かな再現性や、媒体をまたいだときのトーンにずれが生じることがあります。ブラウザ上の挙動やコードの構造と、紙面ならではの文字組み・入稿仕様の両方を踏まえて設計することで、媒体が変わっても違和感のない仕上がりを目指しています。
CONTINUOUS PRODUCTION LINEOne continuous line from first structure to post-launch operation.
STAGE 01
Web
情報設計・UI・実装
STAGE 02
Logo
CI・ブランド規定
STAGE 03
DTP・入稿データ
STAGE 04
Operation
更新設計・改善導線
Work by the numbers.
制作領域・地域・業種の構成比を集計したデータです。
METRIC 01
76%
Web・アプリ制作の比率
Web・実装案件が約76%、ロゴ・グラフィック単体の制作が約24%
METRIC 02
42%
Web＋ロゴ・印刷物の同時制作率
Web制作案件のうち約4割で、ロゴやパンフレット等の印刷物もあわせて担当
METRIC 03
90%
Web設計・実装に関わる稼働比率
全プロジェクト記録のうち約9割がWeb設計・フロントエンド実装に関連
METRIC 04
83%
北海道内クライアントの比率
札幌市内が約47%、道内各地が約36%、東京・首都圏ほか道外が約17%
What I build with.
デザインと実装を同じ人間が手がけるため、デザインデータの細かなニュアンスを損なわずにブラウザ上へ落とし込めます。サイトの規模や公開後の更新体制に合わせて技術を選定します。
DOMAIN 01
CMS & EC
- WordPress
- カスタムテーマ実装、プラグイン選定、PHPバージョンアップ・脆弱性対策に伴うテーマ改修
- Shopify
- Liquidを用いた独自テーマ開発、会員制EC等の出し分け拡張
- microCMS
- ヘッドレスCMS設計、Next.js / Astro と連携したAPI型コンテンツ運用
- WooCommerce / Welcart
- WordPressベースのEC構築・カスタマイズ
DOMAIN 02
Modern Frontend & Edge
- React / Next.js / Astro / Vite
- ヘッドレス構成への移行、静的サイト生成（SSG）による高速化、セキュリティ設計（CSP等）
- TypeScript / Tailwind CSS
- 型安全なコンポーネント設計と、デザイントークンに連動したUI・レスポンシブ実装
- JavaScript
- Vanilla / jQuery / Swiper / GSAP / Framer Motion
- Cloudflare / Vercel
- エッジ配信・ホスティング設計、CI/CDによる自動デプロイと高速・安定した公開基盤の構築
DOMAIN 03
Graphic, Print & AI
- OpenAI / Claude / Gemini
- 生成AIを組み込んだWeb機能・コンテンツ構築、AIファッションモデル生成、制作・開発ワークフローの高度化
- Figma / Adobe Illustrator / Photoshop
- UIデザイン、ロゴ・アートディレクション、印刷入稿データ設計
- Print outputs
- CI・ブランドロゴ、名刺、ショップカード、リーフレット、折込チラシ、パンフレット、ポスター、大型タペストリー、会場サイン
Across screen and print.
画面の中だけで完結させず、顧客が触れる接点全体を整える。
01
Webサイト、ロゴ、店頭の案内物、SNSや広告など、顧客が事業に触れる入り口はひとつではありません。それぞれの媒体が別々に作られていると、せっかく良いサービスや商品があっても、魅力が十分に伝わりきらないことがあります。
02
事業の立ち上げや見直しの段階で、「誰に、何を、どの順番で伝えるか」という軸を揃えておくと、Webサイトから名刺・パンフレットまで自然とトーンが統一され、受け手にとってわかりやすく記憶に残る体験になります。
03
これまで手がけたWeb制作のうち、4割以上の案件でロゴや印刷物もあわせて担当してきました。媒体ごとに発注先を分けずに済むため、ご担当者様の説明や確認の負担を減らし、限られたご予算を実際の制作物そのものに充てることができます。
04
「まだ何を作るべきか決まっていない」「社内に詳しい人間がいない」という段階でも問題ありません。現状の課題をお聞きするところから、必要な媒体や進め方を一緒に整理していきます。
Selected projects.
守秘義務（NDA）の関係上、固有名詞を伏せた形で掲載している制作事例の一部です。
アパレルECのブランド分離とNext.js移行（札幌）
- 制作範囲
- 複数ブランドのECサイト（Next.js）＋ブランドロゴ＋店舗販促物・印刷物一式
- 使用技術
課題とアプローチ
複数のブランドそれぞれの個性を出しながら、店舗情報・採用・ECは同じ運用フローで更新したいというご要望でした。既存のWordPress環境からNext.jsへ移行し、ブランドごとにデザインルールを分離。Leafletを用いた店舗マップや細かなアニメーションを組み込み、実店舗とオンラインストアを行き来しやすい導線を整えました。ロゴや店頭の販促物もあわせて制作しています。
公共動物園のシンボル・ロゴデザイン（札幌・絵本作家との共同制作）
- 制作範囲
- シンボルマーク・ロゴデザイン制作
- 使用技術
課題とアプローチ
地域の自然を象徴するイニシャルラインと、園で愛されるホッキョクグマの丸みを帯びた背中を重ね合わせたロゴデザインを、絵本作家との共同制作で手がけました。絵本作家ならではのシンプルでぬくもりあふれるタッチを活かしながら、優しく佇む後ろ姿と自然の調和を表現し、見る人の心がほっと和む親しみやすさと公共シンボルとしての視認性・展開性を両立させています。
写真スタジオのポートフォリオ高速化とセキュリティ対応（札幌）
- 制作範囲
- ポートフォリオサイト（Astro）＋作品案内・名刺等印刷物
- 使用技術
課題とアプローチ
高解像度の作品写真を数多く掲載しながら、軽快な表示速度とセキュリティを両立させるため、Astroによる静的サイト生成（SSG）とCSP（コンテンツセキュリティポリシー）のハッシュ検証を導入しました。作品の追加や並び替え作業を効率化し、Webサイトと作品案内・名刺などの印刷物で余白や文字組みの基準を揃えています。
美容医療の会員制ECサイト構築（首都圏・代理店経由）
- 制作範囲
- Shopifyテーマ実装・フロントエンド開発
- 使用技術
課題とアプローチ
デザイン会社のアートディレクションのもと、Shopifyのテーマ実装とフロントエンド開発を担当しました。会員ステータスに応じた商品や価格の出し分けをLiquidで実装し、公開後も運用ご担当者様が管理画面からバナーや商品情報を迷わず更新できる設計にしています。
海外向け観光ランディングページ制作（中部・代理店経由）
- 制作範囲
- ランディングページ制作
- 使用技術
課題とアプローチ
海外からの旅行者に地域の自然や滞在体験を紹介する長尺のランディングページで、フロントエンド実装を担当しました。React + Viteで各セクションをコンポーネント化し、写真を多用した構成でもスムーズに読み進められるよう表示パフォーマンスとレスポンシブ設計を整えています。
美容サロンのブランドサイトと店頭販促物（札幌）
- 制作範囲
- コーポレートサイト（WordPress）＋ロゴ周辺グラフィック＋店頭メニュー・採用ツール一式
- 使用技術
課題とアプローチ
メニューやスタッフ紹介、採用情報など頻繁に変わる項目を、日々の更新でレイアウトが崩れないようWordPressのカスタムテンプレートとして設計しました。Webサイトだけでなく、ロゴ周りのグラフィックや店頭メニュー、採用ツールも同じトーンで制作し、オンラインと店頭の印象を統一しています。
Common questions.
Q01Webサイトとロゴやチラシなどの印刷物をまとめて依頼できますか？
はい、まとめてご依頼いただけます。これまで手がけたWeb制作のうち約4割（約42%）で、ロゴやパンフレット・チラシなどの印刷物もあわせて制作してきました。窓口をひとつにまとめることで、媒体ごとのデザインのばらつきややり取りの手間を減らし、ご予算の配分も含めて柔軟にご提案できます。
Q02札幌以外のエリア（東京や北海道内の各地域）からも依頼できますか？
はい、地域を問わず対応しています。これまでの実績では、北海道内が約8割（札幌市内が約半数、旭川・釧路・白老・美唄など道内各地が約3割強）、東京・首都圏をはじめとする道外が約2割となっています。札幌市内での対面打ち合わせのほか、道内各地や首都圏をはじめ全国からオンラインミーティングやチャットで進行しています。
Q03どのような技術・CMSに対応していますか？
WordPress、Shopify、microCMSを用いたCMS・EC構築から、React、Next.js、Astroによるフロントエンド開発、CloudflareやVercelを用いたホスティング・配信設計、OpenAI・Claude・Geminiなどの生成AI活用まで対応しています。誰がどのように更新するか、どの程度の表示速度やセキュリティが求められるかに合わせて、無理のない技術構成をご提案します。
Q04どんな業種の実績が多いですか？
特定の業種に限定せず、幅広くお手伝いしています。これまでの構成比では、アパレル・EC（約22%）、クリエイティブ・メディア・教育（約15%）、公共・観光（約9%）、飲食（約9%）、小売・製造・建設（約9%）、美容・医療（約8%）、士業・IT（約7%）など、多様な領域に携わっています。民間企業のストア構築から自治体・公共系の広報物まで、目的に応じた情報整理とデザインを行います。
Q05公開後の更新や保守運用も相談できますか？
はい、公開後の継続的な更新や改善もご相談いただけます。社内の運用体制や更新頻度に合わせて管理画面を使いやすく整えるほか、公開後のテキスト・画像差し替え、機能追加、保守サポートにも対応しています。
Q06PHPの脆弱性対策やバージョンアップに伴う、古いWordPressサイトの改修も相談できますか？
はい、ご相談いただけます。サーバーのPHPバージョンアップ（PHP 8.2〜8.4系など）に伴って発生する独自テーマのエラー修正や、保守が止まった古いプラグインの整理・代替実装に対応しています。また、今後もPHPやプラグインの緊急対応に追われない運用をご希望の場合は、AstroやNext.js、microCMSなどを用いたPHPに依存しない静的・ヘッドレス構成への移行もご提案可能です。
Q07費用の目安や、制作期間はどれくらいかかりますか？
制作する媒体の組み合わせやページ数・機能によって異なりますが、目安として小規模なWebサイトやLPで制作期間1〜2ヶ月程度、コーポレートサイトやECサイト、ロゴ・印刷物を含めたトータル制作で2〜4ヶ月程度となるケースが多くあります。費用については、あらかじめご予算の上限をご提示いただければ、「まず公開時に必要な範囲」と「後から段階的に育てる範囲」に分けた無理のないお見積もりをご提案します。
Start a conversation.
Webサイトの新規制作・リニューアル、ロゴや印刷物を含めたご相談、制作会社様の実装パートナーに関するお問い合わせなど、お気軽にご連絡ください。
お問い合わせフォームへ↗お問い合わせにあたって
- 01RESPONSE TIME
原則として3営業日以内にご返信いたします。
- 02PROJECT STAGE
仕様やスケジュール、ご予算が固まっていない構想段階からのご相談も歓迎しています。
- 03MEETING FORMAT
札幌市内での対面打ち合わせのほか、道内各地・首都圏をはじめ全国からオンラインでのご相談を承っています。