アップAIワークス公式サイト

AI導入支援、ホームページ制作、SNS運用、動画・画像制作、業務自動化のサービス内容を分かりやすく伝えるために制作した公式サイトです。企画、構成、デザイン、実装、スマホ対応、SEOの基本設定まで一貫して制作しました。

目的：サービス内容が伝わりにくいという課題に対して、初めて訪れた方にも「何を頼めるのか」「どんな流れで相談できるのか」が一目で分かるサイトを目指しました。

• サービス内容が多く、初見の方に「何を頼めるのか」が伝わりにくい
• スマホからの問い合わせ導線が弱いと機会損失につながる
• 専門用語が多くなりやすく、中小企業・個人事業主に届きにくい

• トップでサービス全体を俯瞰できる構成
• 料金・流れ・FAQ・問い合わせを一連の導線として設計
• 専門用語を避け、初めての方にも伝わる表現に統一

• サービス内容の理解がしやすくなった構成
• スマホでも迷わず問い合わせできる導線
• 検索・シェア向けの基本SEOを整備

• Next.js
• React
• TypeScript
• Tailwind CSS

約3週間

内容や素材のご準備状況により前後する場合があります。

• Next.js(React)によるサイト構築
• PC・タブレット・スマホへのレスポンシブ対応
• Google Analytics・Search Consoleの導入
• 構造化データを含むSEOの基本設定

• ネイビー×ゴールドで信頼感と上品さを両立
• 余白を活かしたスキャンしやすいレイアウト
• CTAボタンを視線の流れに沿って配置

• title / description / canonical の設定
• OGP・Twitter Card の設定
• 構造化データ（JSON-LD）の実装
• Google Analytics / Search Console の導入

• スマホ優先の1カラムレイアウト
• タップしやすいボタン・余白設計
• PC・タブレット・スマホで崩れないグリッド調整