タイヤ1番.com コラムページ

プロジェクト概要

  • プロジェクト名: タイヤ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テーマを活用することで、迅速かつ機能的なコラムページを実装できた
目次