プロジェクト概要
- プロジェクト名: タイヤ1番.com コラムページ制作
- クライアント名: 株式会社ホリ・コーポレーション
- プロジェクト期間: 1ヶ月
- ページ数: 3ページ
背景と目的
クライアントサイト「タイヤ1番.com」はW2で構築されており、動的なコンテンツの追加や管理が困難でした。そのため、SEO対策としてコラム機能を追加するために、SWELLテーマを使用してWordPressサイトを別で構築し、統合することになりました。
サイトの概要
- サイトの種類: WordPressサイト(コラムページ)
- 主な機能: コラム機能(記事投稿、カテゴリ管理、SEO最適化)
デザインと開発の過程
デザインプロセス
- 既存サイトのデザインを踏襲し、ユーザーが違和感なく利用できるように設計
- Figma を使用してデザインを作成
開発プロセス
- フロントエンド: HTML/CSS
- バックエンド: WordPress(有料テーマ「SWELL」をカスタマイズ)
- 使用ツール: Figma
チームと役割分担
- チーム構成: ディレクター1名、自分(デザイナー・エンジニア)
- 自分の役割: SWELLテーマのカスタマイズ、WordPress構築、デザイン作成
振り返りと学び
- 成功した点: 既存サイトのデザインを活かしつつ、違和感のないコラムページを実装できた
- 課題と対策:
- ヘッダー・フッターをSWELLテーマで再現する工程にやや苦労したが、無事に実装できた
- W2でのコラム追加・記事管理が困難であることを事前に確認し、WordPressでの構築を提案した結果、運用面でも良いアプローチとなった
- 学び:
- SWELLテーマを活用することで、迅速かつ機能的なコラムページを実装できた

