Portfolio
アクセス解析に基づくBtoB事例一覧の情報設計・UI改善
BtoB向けコーポレートサイトの導入事例一覧について、GA4・Microsoft Clarityを用いてユーザー行動を分析。 一覧には多数の事例が掲載されていましたが、全件表示による閲覧負荷や、ユーザーが自社に近い事例を探しにくい情報設計などに課題がありました。 そこで、「自社に近い事例を探したい」というユーザーの行動を起点に、一覧構成・カードUI・絞り込み検索・ページネーションを再設計。改善提案からWordPressでの実装、その後の効果検証まで一貫して担当しました。
View ProjectSass設計リファクタリングと開発ルール整備
WordPressテーマ開発の品質と保守性を高めるため、Sass環境の再構築と開発ルールの標準化を実施。SCSS構成や実装ルールを整理し、将来的にCursorを活用したチーム開発にも対応できるよう基盤を整備。
View Projectサービス追加に伴う新規ページ設計・実装
新規オプションサービスの公開にあたり、案内ページを新規制作。限られたスケジュールの中で、提供された構成案をもとにデザインとWordPress実装を一貫して担当し、短期間での公開を実現した。
View ProjectGAS＋スプレッドシートによるHTMLデータ管理設計
CMSを導入していない静的HTMLサイトにおいて、Googleスプレッドシートを更新画面として利用できる仕組みを設計・実装。非エンジニアでも価格や在庫情報を安全に更新できる運用フローを構築し、保守性と更新性を向上。
View ProjectECサイトフロントエンド実装
中規模のECサイト構築プロジェクトにて、静的コーディングを担当。フロントとバックエンドの密な連携が求められ、要件のすり合わせや仕様調整にも積極的に関与
View Project静的LPのHubSpot CMS移管およびモジュール設計・テンプレート構築
静的HTMLで構築されたLP群をHubSpot CMSへ移管。既存デザインを維持しつつ、モジュール分割・テンプレート化・リファクタリングを行い、運用チームが編集しやすい構成へ再設計した。
View Project複数LPを共通化するHubSpotモジュール設計
複数のランディングページで共通利用できるHubSpotカスタムモジュールを設計・開発。要件定義からUI設計、実装、編集者向けマニュアル作成まで一貫して担当し、LP制作・運用の効率化と再利用性の向上を実現した。
View ProjectWordPress開発環境構築（Docker）
手動管理されていたWordPress開発環境をDocker化し、git-ftpによる簡易デプロイフローを整備。属人化を防ぎ、チームでの共同開発や環境引き継ぎを円滑にする仕組みを構築
View Project制作環境整備（Backlog／Git／Docker）
自社内でのWeb制作体制強化を目的とし、ソース管理と開発環境の整備、およびデプロイ作業の効率化を担当
View Project