目次
実績紹介：株式会社Key-partners様 コーポレートサイト制作
プロジェクト概要
- プロジェクト名：株式会社Key-partners コーポレートサイト制作
- クライアント名：株式会社Key-partners
- プロジェクト期間：2024年4月〜2024年5月
- ページ数：全17ページ
背景と目的
デザインはすでに用意されており、実装部分のみを外注する形でご依頼いただきました。クライアントは自社での情報更新を前提としており、WordPressによる構築をご希望されました。
短期間での納品が求められる中、クオリティを保ちながらスピーディかつ正確にサイトを構築することが主な目的でした。
サイトの概要
- サイトの種類：企業サイト
- 主な機能：お知らせ投稿、コラム投稿、お客様の声、実績投稿、問い合わせフォーム、事業紹介、会社概要
- ターゲットユーザー：特定のユーザー層を定めず、広く情報提供する企業サイト
デザインと開発の過程
- デザインプロセス：
- リサーチ：ディレクターが担当、自分は未関与
- ワイヤーフレーム：なし
- デザインカンプ：Photoshopで支給
- 開発プロセス：
- フロントエンド：HTML、SCSS、JavaScript、jQuery
- バックエンド：PHPを使用し、WordPressで4種類のカスタム投稿（実績、コラム、お知らせ、お客様の声）を実装
- CMS：WordPress、Advanced Custom Fieldsを使用
- 使用ツール：Cursor、Local
チームと役割分担
- チーム構成：ディレクター1名、デザイナー1名、自分（開発）1名
- 担当範囲：フロントエンドのマークアップ、WordPress化、カスタム投稿の設定、ACFの設計と実装、カルーセル実装
振り返りと学び
- 成功した点：
- Photoshopデータからのコーディング技術が向上
- ACFとカスタム投稿を活用し、運用しやすい設計を実現
- GSAPでアニメーションを実装し、クライアントの意図を表現
- 課題と対策：
- デザインデータや仕様変更にも柔軟かつ迅速に対応
- 認識ズレを避けるため、チャットで密に連携
- 学び：
- クライアントとの認識合わせの重要性を再確認
- 提案ベースで運用面を考慮した仕様に採用されたことが成果
- 公開後に発生したGoogleリキャプチャによる送信エラーを通じ、適切なプラグイン選定の必要性を学んだ
