Makise's Portfolio

https://www.room-marketing.com

担当範囲

コーディング

WordPress構築

サーバーアップ

制作期間

10日間

概要

• 株式会社Room様のコーポレートサイト制作を担当しました。
• 事業内容・会社概要・実績紹介・お知らせなど、企業サイトに必要な情報を整理し、サービス内容と企業の信頼感が伝わる構成で実装しています。
• マーケティング支援を中心に、SES、DX・システム開発、LINE公式運用支援といった複数の事業内容を、ユーザーが理解しやすい形で閲覧できるサイトに仕上げました。
• デザインデータをもとに、PC / SP 両対応のレスポンシブ対応で実装。
• CSS設計には FLOCSS を採用し、保守性・拡張性を意識した構成でコーディング。
• WordPressをオリジナルテーマで構築し、静的コーディングからCMS化まで一貫して対応。

サイト構成

トップページを起点に、
「事業内容」
「実績紹介」
「会社概要」
「お知らせ」
「お問い合わせ」
へ遷移できる、シンプルで分かりやすいコーポレートサイト構成です。
ファーストビューから各主要コンテンツへ自然に移動できる導線設計となっており、必要な情報へスムーズにアクセスできるよう構成しました。

こだわり

• セマンティックなマークアップを意識し、情報構造が伝わりやすいHTML設計でコーディングしました。
• PC / SP それぞれで見やすく、操作しやすいレイアウトになるようレスポンシブ対応を行っています。
• サイト全体の雰囲気に合わせて、フェードインやスライドインなどのアニメーションをCSS・JavaScriptで実装し、自然な動きで視線誘導ができるよう工夫しました。
• WordPressでは、実績とお知らせをそれぞれ管理しやすいよう、カスタム投稿タイプ・カスタムタクソノミーを用いて複数の投稿機能を実装しました。
• 更新性にも配慮し、管理画面から必要な情報を整理して投稿・管理しやすい構成にしています。