Skills
クライアントの「こうしたい」に寄り添いながら、目的・状況・制約を踏まえた最適な進め方を柔軟に提案すること を大切にしています。
また、業務効率化や精度向上のため、ChatGPT/Cursor/NotebookLM などのAIツールを設計・調査・草案作成の補助として活用。
原稿のたたき台、競合調査の要約、要件整理、技術調査、タスク分解など、人的リソースだけに依存しない体制づくりを意識しています。
「作って終わり」ではなく、再現性と持続性のある運用につながる支援 を心がけています。
Direction(要件定義・IA・進行管理)
課題整理、要件定義、ワイヤーフレーム作成、進行管理、クライアントとの折衝・調整まで、Webサイト構築の上流工程〜制作進行を一貫して担当しています。
- 要件・制約の整理
- 情報設計(IA)/導線設計
- CMS要件整理(WordPress / HubSpot)
- GTM・GA4・Search Console を用いた計測設計
- SEO内部施策・構造改善の提案
- 実装チームとの技術的な橋渡し(要件→実装への翻訳)
「何を作るか」だけでなく、「なぜ作るか」「どう届けるか」まで一緒に考える伴走型ディレクション を強みとしています。
Custom Web Design(UI/UX・構造設計)
新規制作・既存改善において、ユーザー理解を起点にした情報設計・UI設計 を重視しています。
- 構造を整えるワイヤーフレーム
- 目的に合わせたレイアウト最適化
- 訴求の再整理
- 目的から逆算したビジュアル設計
メルマガ・広告バナー・アイキャッチ等の制作にも対応し、媒体やターゲットに応じたトーン調整や訴求設計も得意です。
「使いやすさ」と「らしさ」を両立するデザインを心がけています。
Development(フロント実装・CMS構築)
SCSSを用いた再利用性の高いスタイル設計、目的を伝える構造化マークアップ、保守性を意識したコーディングを行っています。
- HTML / CSS(SCSS) / JavaScript
- WordPressテーマ改修(ACF・テンプレ階層・functions.php)
- HubSpot CMS(モジュール設計・fields.json・HubL)
- Movable Type / EC-CUBE / BlueMonkey
- 管理画面のUI設計(運用者の手数を減らす設計)
軽微なカスタムやテンプレート整理から、技術調査・コードレビュー・バックエンドとの橋渡しまで対応できます。
「作って終わり」ではなく、運用しやすく、改善しやすい状態に整えることを重視しています。
Analytics / Improvement(分析と改善)
- GA4 / GSC の分析
- Looker Studio レポート設計
- CV 導線の再設計
- Core Web Vitals 改善(PageSpeed Insights)
- LP / オウンドメディアの分析〜改善
- 競合調査・構造比較
- A/B テストの設計
制作と並行して改善にも関わることで、成果につながる導線設計・構造設計を作ることを得意としています。
Skill & Tools
Language / Development
- HTML5 / CSS3 / SCSS(Sass)
- JavaScript / jQuery
- Git / GitHub
- Docker / Gulp
- VSCode(Cursor 利用)
CMS / CRM
- WordPress(テーマ改修/ACF/functions.php)
- HubSpot CMS(モジュール開発・fields.json・HubL)
- EC-CUBE
- BlueMonkey / Smooooth
- Salesforce / Engagement Studio(旧Pardot)
- MailPublisher
Design
- Figma
- Photoshop / Illustrator / XD
- Canva
- Premiere Pro(軽微な動画編集)
Analytics / Operation
- GA4 / Search Console
- Google Tag Manager(GTM)
- PageSpeed Insights
- Looker Studio
- Backlog / Office365 / Google Workspace