プロジェクト概要
TikTokに特化したライバー事務所「115 STUDIO」の公式ホームページ制作において、フロントエンドコーディングおよびWordPressの実装・CMS設定を担当いたしました。
ライバー募集や事務所の特徴、所属ライバーの紹介、お知らせなど、多くの情報を分かりやすく発信できるサイトとして構築し、運営担当者が継続的に更新できるCMS環境を実装しています。サイトでは事務所のサポート体制や所属ライバーの活動などが紹介されており、ライバー募集の窓口としても活用されています。
担当内容
本案件では、以下の業務を担当しました。
- HTML / CSS / JavaScriptによるコーディング
- レスポンシブ対応
- WordPress実装
- CMS構築・各種設定
- テンプレート実装
- 表示確認・動作検証
制作時に意識したポイント
デザインを忠実に再現したコーディング
デザインカンプをもとに、レイアウトや余白、タイポグラフィ、アニメーションなどを細部まで忠実に再現しました。
また、スマートフォンからのアクセスが多いことを考慮し、さまざまな画面サイズでも快適に閲覧できるレスポンシブコーディングを行っています。
WordPressによる更新しやすいCMSを構築
ライバー紹介やお知らせ、ランキングなど、定期的に更新されるコンテンツを管理画面から簡単に編集できるよう、WordPressによるCMSを実装しました。
更新作業を効率化することで、運営担当者がスピーディーに最新情報を発信できる環境を構築しています。
保守性・拡張性を考慮した実装
公開後の機能追加やコンテンツの増加にも対応しやすいよう、テンプレートや共通パーツを整理し、保守性を意識したコーディングを行いました。
長期的なサイト運用を見据え、メンテナンスしやすい構成で実装しています。
SEOを考慮したマークアップ
検索エンジンにコンテンツが適切に伝わるよう、見出し構造やHTMLマークアップを意識して実装しました。
また、お知らせやブログなど継続的にコンテンツを追加できる構成とすることで、SEO対策にも取り組みやすいサイト基盤となっています。
このような案件に対応しています
SunCreateでは、エンターテインメント業界やサービスサイトをはじめ、さまざまなWebサイトのフロントエンド開発・WordPress構築に対応しています。
- デザインカンプからのHTML / CSSコーディング
- WordPressテーマ開発
- CMS構築・カスタマイズ
- サービスサイト・プロモーションサイト制作
- レスポンシブ対応
- SEOを考慮したコーディング
- 保守・運用を見据えた実装
制作会社様やデザイン会社様からのコーディング案件も承っております。
まとめ
本案件では、115 STUDIO様の公式ホームページにおいて、フロントエンドコーディングとWordPressのCMS実装を担当しました。
情報量の多いサービスサイトでは、デザインの再現性だけでなく、更新のしやすさや保守性、表示速度も重要な要素です。そのため、運用面まで考慮したWordPress実装と、品質を重視したコーディングを行っています。
SunCreateでは、企業サイトや採用サイト、ランディングページだけでなく、ライバー事務所・芸能事務所・エンターテインメント業界向けWebサイトのコーディングやWordPress実装にも対応しています。
「デザインは完成しているのでコーディングだけ依頼したい」「WordPressで運用しやすいサイトを構築したい」といったご相談も、お気軽にお問い合わせください。