Overview
プロジェクト概要
日用品メーカー「花王」のコーポレートサイト全体を制作しました。トップページに加えて、花王グループについて、研究開発、サステナビリティ、投資家情報、採用情報、ニュースリリース、製品カタログ、お問い合わせなど、目的の違う訪問者がそれぞれ必要な情報へ進めるよう、各ページを構築しています。
トップページでは、上部に主要なメニューを並べ、写真のスライダーで企業メッセージ「きれいを こころに 未来に」を伝えています。「Who We Are」では、トップメッセージ、中期経営計画、事業分野、数字で見る花王、歴史などを写真付きのパネルで紹介し、ニュースリリースの一覧、製品写真の帯、製品カタログ・ブランドサイト一覧・暮らしに役立つ情報・お問い合わせへの入口、公式SNSへのリンクを配置しました。デザインから実装まで、RuxelTechチームで一貫して対応しました。
- 制作範囲
- サイト全体（トップ / 企業情報 / 研究開発 / サステナビリティ / 投資家情報 / 採用情報 / ニュースリリース / 製品カタログ / お問い合わせ など）
- 業種
- 日用品・化粧品メーカー
- ロール
- サイト設計 / デザイン / フロントエンド実装 / レスポンシブ対応
- 技術
- HTML5 / CSS3 / JavaScript / レスポンシブ対応
TOP — トップページ
情報量の多い企業サイトを、写真のパネルで整理
サイトの入口となるトップページを、PC版・スマホ版で掲載しています。白を基調に緑をアクセントにした、清潔感のあるデザインです。会社紹介は写真付きのパネル、ニュースは日付順の一覧、製品関連はアイコン付きのボタンと、情報の種類ごとに見せ方を変えています。スマートフォンではメニューを折りたたみ、パネルを縦に並べました。
- 企業メッセージを伝える写真スライダー
- 会社紹介を写真付きのパネルで整理
- ニュースリリースの一覧
- 製品カタログ・ブランドサイトへの入口と公式SNS
全体をスクロールしてご覧いただけます
Results
成果
企業情報・製品情報・ニュースを整理し、訪問者が目的の情報へ進みやすいコーポレートサイトとして、サイト全体を制作しました。
Tech Stack
HTML5CSS3JavaScriptレスポンシブ対応