Service
伝わるデザインで、ブランドを際立たせる
コーポレートサイト、ランディングページ、サービスサイトなどのWebデザインを手がけます。ビジュアルデザインだけでなく、情報設計・ユーザー導線・レスポンシブ対応まで含めた「成果の出る」デザインを提供します。
デザインとコーディングを同じチームが担当することで、デザインの意図が正確にWebサイトに反映されます。CMSの導入によるコンテンツ更新の容易さにも配慮し、長期的に運用しやすいサイトを構築します。
Webデザインとは、単に見た目を美しくすることではありません。ユーザーのニーズを起点に、共感→課題定義→発想→プロトタイプ→テストのサイクルを回すことで、情報設計・導線設計・コンバージョン最適化を兼ね備えた実効性の高いWebサイトが生まれます。
デザインとコーディングを一体で行うことで、カンプと実装の品質ギャップを排除し、パフォーマンス・アクセシビリティ・SEOまでを考慮した完成度の高いWebサイトをお届けします。
企業やサービスの世界観を正確に表現するデザインで、ブランド価値を高めます。ロゴ・カラー・フォントなどのブランドガイドラインに沿った一貫性のあるデザインを制作します。
訪問者が求める情報に最短でたどり着けるよう、サイト構造と導線を設計します。ユーザーの行動パターンを分析し、最適なページ構成・ナビゲーション・CTA配置を決定します。
PC・タブレット・スマホすべてで美しく表示されるデザインを標準提供します。デバイスごとに最適なレイアウトを設計し、モバイルユーザーの操作性と読みやすさを重視します。
デザインと実装を同じチームが担当することで、デザインの意図が正確に反映されます。ピクセルパーフェクトな実装からアニメーション・マイクロインタラクションまで忠実に再現します。
GSAPやLottieを活用したスクロール連動アニメーション、ページ遷移エフェクト、マイクロインタラクションを実装します。過剰にならない品のあるモーションで、ブランドの印象を強化します。
WCAG準拠のアクセシブルなWebサイトを構築します。セマンティックHTMLの使用、キーボードナビゲーション対応、十分なコントラスト比の確保など、誰もが使いやすい設計を実践します。
WordPress、microCMS、Newtなどのコンテンツ管理システムを導入し、お客様自身で更新可能な仕組みを構築します。ヘッドレスCMSを活用した高速なJamstackサイトにも対応します。
Core Web Vitalsに最適化し、ページスピードとSEOを両立します。画像の最適化、フォントの読み込み制御、JavaScriptの遅延読み込みなど、表示速度を徹底的に改善します。
コンポーネントベースのデザインシステムをFigmaで構築し、UI品質の一貫性を確保します。今後のページ追加やリニューアル時にも、統一されたデザイン品質を維持できる基盤を整備します。
プロカメラマンやイラストレーターとの連携により、オリジナルのビジュアル素材を調達します。ストックフォトに頼らない独自の世界観で、他社との差別化を図ります。
ブランドの特徴、ターゲット、競合を調査し、デザインの方向性を決めます。経営層や担当者へのインタビューで、伝えたいメッセージや目指すイメージを掘り下げます。競合サイトの分析とベンチマーク設定を行い、差別化のポイントを明確にした上でデザインコンセプトを策定します。
ワイヤーフレーム→デザインカンプの順で制作し、フィードバックを重ねて仕上げます。まず情報構造とレイアウトをワイヤーフレームで確認し、合意の上でビジュアルデザインに進行。Figma上でデザインを共有し、コメント機能でスムーズなフィードバックサイクルを実現します。
デザインを忠実に再現するフロントエンド実装を行います。セマンティックHTML、モダンCSS、パフォーマンスを意識したJavaScriptで構築。Astro、Next.jsなどのフレームワークを活用し、高速なページロードと優れたSEOを両立させます。
テスト・公開後も、更新や改善のサポートを継続します。ブラウザテスト、デバイステスト、アクセシビリティチェックを実施した上で公開。Google SearchConsoleやAnalyticsの設定を行い、公開後のパフォーマンス計測と改善のサイクルを確立します。
サイト規模に応じた価格例です。詳細な単価は下記の単価表をご覧ください。
30万円〜
5ページ以下
80万円〜
10ページ程度
150万円〜
15ページ以上
| 項目 | 価格（税別） | 備考 |
|---|---|---|
| 企画・ディレクション | ||
| サイト構成・ワイヤーフレーム設計 | 5万円〜 | ページ数に応じて変動 |
| 競合調査・ターゲット分析 | 5万円〜 | |
| コンテンツ企画・構成案 | 5万円〜 | |
| プロジェクト管理費 | 制作費の10% | |
| デザイン制作 | ||
| トップページデザイン | 15万円〜 | レスポンシブ対応込み |
| 下層ページデザイン | 5万円〜 / ページ | レスポンシブ対応込み |
| ランディングページ（LP） | 15万円〜 | 縦長1ページ構成 |
| バナーデザイン | 1万円〜 / 点 | |
| デザインカンプ修正 | 2回まで無料 | 3回目以降 1万円 / 回 |
| コーディング・実装 | ||
| トップページコーディング | 10万円〜 | |
| 下層ページコーディング | 3万円〜 / ページ | |
| お問い合わせフォーム | 5万円〜 | |
| アニメーション実装（GSAP等） | 3万円〜 / 箇所 | |
| SEO基本設定・OGP設定 | 込み | |
| Google Analytics導入 | 込み | |
| CMS導入 | ||
| WordPress導入・テーマ構築 | 20万円〜 | |
| ヘッドレスCMS連携（microCMS等） | 15万円〜 | |
| ブログ・お知らせ機能 | 10万円〜 | |
| CMS操作マニュアル作成 | 3万円〜 | |
| オプション | ||
| ロゴデザイン | 10万円〜 | |
| 写真撮影（半日） | 5万円〜 | プロカメラマン手配 |
| イラスト制作 | 3万円〜 / 点 | |
| ドメイン取得・SSL設定 | 1万円〜 | |
| 月額保守プラン | 2万円〜 / 月 | テキスト・画像の差し替え、軽微な修正 |
※ 価格はすべて税別です。要件により変動します。詳しくはお問い合わせください。
先進的なブランドイメージを表現するコーポレートサイトを制作しました。アニメーションを活用したインタラクティブなデザインと、明確な情報導線の設計により、問い合わせ数が3倍に増加。採用ページからのエントリーも大幅に増え、企業のブランディング強化に貢献しています。
患者目線の情報設計と温かみのあるデザインでクリニックのWebサイトを制作しました。診療科目ごとの詳細な情報提供と、スマホからでも簡単に完了する予約フローの設計により、Web予約率を大幅に向上。Googleの口コミ評価向上にもつながり、新規患者の来院増加に寄与しています。
はい、デザインのみのご依頼も承っています。Figmaでのデザインカンプ納品、デザインシステムの構築、UIキットの制作など、デザインフェーズに特化したサポートが可能です。ただし、デザインとコーディングを一体で行う方が品質を担保しやすいため、可能であればセットでのご依頼をお勧めしています。
はい、WordPress、microCMS、Newt、ContentfulなどのCMSの導入に対応しています。お知らせやブログの更新、実績の追加など、お客様自身でコンテンツを更新できる仕組みを構築します。ヘッドレスCMSを活用した高速なJamstackサイトの構築も得意としています。
月額保守プランにて、テキストや画像の差し替え、レイアウトの微調整、新規ページの追加などに対応しています。CMSを導入している場合はお客様自身で更新いただけますが、デザインを伴う変更や機能追加は保守プランの範囲内でサポートいたします。大規模なリニューアルは別途お見積もりとなります。