< KellyNg />

概要

株式会社Nikenの公式ウェブサイトのコーディングを担当しました。同社は住宅建設および住宅開発を専門とする日本企業です。 このプロジェクトは日本のマーケティング代理店を通じて依頼され、クライアントのブランドイメージと機能要件に沿ったウェブサイトを実現するために、デザイナーやコンテンツチームと密接に連携して進めました。

役割

• FigmaデザインをHTML、SCSS、JavaScriptでレスポンシブかつピクセルパーフェクトなWebページにコーディング

• 編集可能なエリアを備えたカスタムWordPressテーマの実装により、柔軟なコンテンツ運用を実現

• プロジェクトの種類や加工方法でカテゴリ分けされた、フィルター機能付きの「製作事例」セクションの構築

• クロスブラウザ対応および高速なページ表示を確保

• SEOに配慮したセマンティックなコード構造を実装

• GitHubおよびChatworkを活用し、日本のリモートチームと連携して開発を進行

提供された主な機能

• 製作事例アーカイブとフィルタリング
  カスタム投稿タイプを使用し、Nikenのプロジェクト事例をカテゴリごとに分類し、個別の詳細ページで表示。

• パンくずリストナビゲーション
  ユーザーと検索エンジンの両方にとって、サイト構造とページ位置の把握を向上。

• モバイルファーストデザイン
  すべてのデバイスと画面サイズに最適化された、完全レスポンシブレイアウト。

• 多言語対応準備
  将来的な多言語展開を見据えた構造設計。

• CMSの柔軟性
  カスタムフィールドやブロック領域により、クライアントが技術的な知識なしで簡単にコンテンツを更新可能。

結果と影響

• Nikenの職人技、信頼性、そして住宅建設における品質へのこだわりを反映した、プロフェッショナルかつミニマルなウェブサイトを制作

• これまでの住宅施工事例を分かりやすく魅力的に紹介し、将来の施主やビジネスパートナーとの信頼構築に貢献

• 将来的なコンテンツ拡張や多言語対応も見据えた、拡張性と保守性に優れたコードベースを提供

• 構造のわかりやすさ、スムーズな連携、納期厳守に対して、代理店パートナーから高い評価を獲得