こんにちは！ZEROBASEのTAKAHASHIです！
今回のブログでは、ZEROBASEが制作を担当した株式会社アイランズ様のホームページ制作における裏側レポートをお届けします。
アイランズ様にご協力いただき、無事に納品が完了いたしました。この場をお借りして、改めて感謝申し上げます。
▼目次
⦁ 株式会社アイランズ様について
⦁ 制作の初回打合せ
⦁ サイト構成
⦁ ライターインタビューと撮影
⦁ デザイン
⦁ おわりに
1. 株式会社アイランズ様について
「人々の心に明かりと幸せを灯す」
株式会社アイランズ様は、愛知県豊田市・名古屋市名東区・東京都を拠点に、イルミネーションの製品開発・販売・施工を手掛ける企業です。
イルミネーションといえば、クリスマスや冬の季節を彩る欠かせない存在ですよね。アイランズ様は、その華やかで魅力的な光の演出を支える存在です。施工範囲は愛知県だけでなく、東京や千葉など全国各地に広がっています。
ホームページURL：株式会社アイランズ公式サイト
2. 制作の初回打合せ
ホームページ制作は、8つの工程を経て進めています。
初回打合せでは、サイト制作の目的やデザインの方向性について認識をすり合わせました。
⦁ リニューアルの目的
集客の強化がメイン目標。イルミネーション業界での競合は少ないものの、新規問い合わせを増やすことが求められていました。また、会社イメージ向上を目的に、SDGs宣言ページの作成も進めました。
▼SDGsとは？
SDGs（エスディージーズ：Sustainable Development Goals 持続可能な開発目標）は、2015年に国連サミットで採択された「2030年までの国際目標」です。持続可能でより良い社会の実現を目指し、17のゴールと169のターゲットが設定されています。
SDGsは企業経営にも大きな影響を与えており、就職活動や企業の社会的価値の向上に直結しています。
ZEROBASEでは、SDGsに関する取り組みを企業のブランディングに取り入れるためのページ制作もサポートしています。
詳しくは、以下の記事をご覧ください
・知っていますか？ 「SDGs」の取り組み
・就活にも影響が？！ 広がるSDGsの輪
・【ボードゲーム開催レポート】弥富市立弥富北中学校様
初回打合せでは、以下のようなデザイン要望もいただきました。
⦁ 若い女性世代に刺さるデザイン
⦁ ナチュラルで洗練された印象
⦁ Appleのようなシンプルでモダンな表現
主に「白」を基調とするデザインの方向性が固まりました。この情報を基に、次の工程であるサイト構成に移行しました。
3. サイト構成
次に行ったのは、サイトマップとワイヤーフレームの作成です。
これらはホームページ制作の設計図となり、構成を整理するために重要な工程です。
⦁ サイトマップ
カテゴリの整理や製品ページの分かりやすい構造化に注力しました。
⦁ ワイヤーフレーム
主要ページのレイアウト案を具体化しました。
4. ライターインタビューと撮影
サイト構成が固まった後、素材集めに移行しました。素材となる撮影データとテキストがホームページ制作には欠かせません。
⦁ ライターインタビュー
オンラインでのインタビューを通じて、社長様からイルミネーションに対する想いや、大手企業との取引の経緯を伺いました。また、夏の蛍や桜のイルミネーションなど、季節を問わない可能性についても学びました。
⦁ 撮影
製品ではなく、スタッフや作業風景を中心とした素材撮影を実施。イルミネーションの世界観を感じながら撮影を進めました。
5. デザイン
デザインのコンセプトは、初回打合せで話し合った方向性をもとに以下を重視しました。
⦁ 若い女性世代に響くナチュラルで洗練されたデザイン
⦁ Appleのようなシンプルでモダンな表現
⦁ SDGsの取り組みを際立たせる要素の追加
デザインのポイント
背景は「白」を基調にすることで、清潔感と現代的な印象を表現。また、イルミネーションの光が際立つよう「黒」のアクセントと、アイランズ様のブランドカラー「黄色」を取り入れたグラデーションデザインを提案しました。このカラーパレットによって、視覚的な美しさとインパクトを両立させています。
さらに、アイランズ様のSDGsへの取り組みをしっかりと伝えるため、SDGs宣言ページをデザインの一部として組み込みました。このページでは、アイランズ様の社会貢献への想いを、17の目標に関連付けて視覚的にわかりやすく紹介しています。
Google関連の工夫
今回のホームページリニューアルでは、Googleビジネスプロフィールの最適化も併せて実施しました。これにより、検索結果での視認性を高め、新規顧客からのアクセスを強化します。また、Googleストリートビューを再撮影し、会社の外観や作業風景を閲覧できる機能も追加。これにより、アイランズ様の透明性や信頼性をより多くの人々に伝えることが可能になりました。
これらの取り組みによって、ただ美しいだけでなく、企業としての価値をしっかり伝えるデザインが完成しました。
デザインの方向性が確定した後は、コーディング作業に移行。PC・タブレット・スマートフォンなど、あらゆるデバイスで快適に閲覧できるよう、細部まで徹底的に調整しました。特に、GoogleビジネスプロフィールやSDGs宣言ページが正しく表示されるよう細心の注意を払いながら、プログラムを組み上げて無事公開しました。
6. おわりに
今回のホームページ制作は、イルミネーション業界の繁忙期を控えたタイトなスケジュールの中で進められました。それでも、アイランズ様の全面的なご協力のおかげでプロジェクトの成功に繋がりました。
制作を通じて改めて感じたのは、アイランズ様が掲げる「人々の心に明かりと幸せを灯す」という理念の素晴らしさです。この想いを、私たちも全力で形にするべく取り組みました。
今回のホームページでは、デザイン性と機能性の両立を追求しながら、以下の要素を組み込みました。
⦁ SDGs宣言ページを通じた社会貢献の明確化
⦁ Googleビジネスプロフィールやストリートビューを活用した検索エンジンでの可視性向上
これらの施策により、ただのホームページではなく、アイランズ様の価値や魅力を多くの人々に伝えるツールとして仕上げました。
ZEROBASEの使命は、企業が持つ想いを一人でも多くの人々に届けることです。今回の制作で生まれたご縁が、アイランズ様の未来をさらに輝かせることを願っています。
また、このプロジェクトを通じて私たち自身も多くの学びと刺激を受けました。
今後も、ZEROBASEが制作するホームページは進化し続けてまいります。
今後の活躍にご期待ください！
