ホームページ制作事例(ペット関連事業サイト)| 埼玉県さいたま市|idea株式会社様
写真はideanimalサイトの公開時トップページ
スマホ対応 | OK |
レスポンシブ | 対応済み |
トップページ最上部 | 動画 |
idea株式会社様(以下、idea様)よりペット関連事業「ideanimal(イデアニマル)」サイト新規制作のご依頼をいただきました。
idea様は映像制作と写真撮影を得意としており、ペット関連のブランド「ideanimal(イデアニマル)」事業も取り組まれています。今回は、その「ideanimal(イデアニマル)」事業について専用のウェブサイトを立ち上げることになり、弊社にお声がけをいただきました。
idea様は撮影を専門とされていますので、質の高い写真素材をご提供いただけます。これを活かすために、サイト全体を白を主色とし、明るいグリーンをアクセントに使ったシンプルで洗練されたデザインにしました。
訪問者が求める情報へと、スムーズに誘導するデザイン
トップページには、動画を用いたヘッダーを設置しています。この動画には、「愛すべき最高の家族に、愛すべき『モノ』を」というメッセージを掲げ、日本の美しい自然を映し出しており、毎月更新しています。これにより、ideanimalブランドが目指す「日本の優れた技術をペットとの暮らしにもたらす」という理念を表現し、訪問者の関心を惹きつけています。
また、このサイトでは、ideanimalブランドのコンセプト、ペットの写真撮影サービス、オリジナル商品を紹介する3つのメインセクションを設けていますが、トップページから各セクションへ直感的にアクセスできるよう、ユーザーフレンドリーなデザインにこだわりました。
さらに、各ページの要所には3列のレイアウトを採用しており、訪問者の視線を自然に誘導します。これにより、必要な情報や商品を迅速に見つけることができ、頻繁なスクロールを避けることができます。この3列レイアウトは、一度に多くの情報を視覚的に捉えられるため、ユーザーエクスペリエンスの向上に大いに貢献します。
トップページヘッダー動画
スムーズな視線移動のため要所での3列構成
ブランドイメージを伝えるため「シンプル」にこだわる
余白でキーメッセージと美麗な写真を引き立てる
写真のトリミングやテキストの行間へのこだわり
「シンプル」は、美しさの本質を捉える鍵です。ideanimalのホームページでは、この考えを体現するため白を基調とした背景にライトグリーンのアクセントカラーを添え、メッセージと美麗な動物写真、工芸品の写真が映えるように余白をたっぷりと取るデザインとしています。
例えば、Message(メッセージ)ページには、「日本のすばらしい技術を、小さな家族にも。」というキャッチコピーとブランドメッセージが掲載されています。このメッセージは、日本の職人技による高品質な製品を、愛するペットとその家族に届けたいというideanimalの願いを表しています。製品を販売するだけでなく、ペットとその家族に対する深い愛と敬意を示す姿勢を象徴しています。
この理念に共感してもらえるように、写真のトリミングやテキストの行間にも細心の注意を払い、シンプルさを追求したデザインにしています。
業種を超えた協業にも応えるオリジナルイラスト
本サイトでは、ideanimal様専用に弊社イラストレーターが特別に描き下ろしたイラストを多数掲示しています。
これによりサイトのオリジナリティを際立たせています。
また、異業種の企業様とのコラボレーション記事にも弊社のイラストレーターが手掛けたイラストを使用しており、素材サイトでは見つけられない特定のテーマに合ったイラストを提供することで、メッセージをより効果的に伝えることができます。
メインコンテンツ用のオリジナルイラスト
コラボレーション企画のイラスト
詳しくは ideanimal(イデアニマル)ブランドサイト をぜひご覧ください。
本サイトを通じてideanimalブランドの深い思いが伝わり、日本の優れた職人が作り出す品質の高い商品や、ペットと一緒に楽しむ写真撮影の体験が、たくさんの人々の生活をより豊かにすることを願っております。
Web Design Aoi (ウエブデザインあおい)は、仙台市青葉区と東京都渋谷区に本拠地を置くホームページ制作会社です。ホームページ(WEBサイト)制作の知識がない方でも簡単にブログを更新して頂ける「WordPress(ワードプレス)」というブログシステムで制作しています。お客様自身に日記を書くように気軽にブログを更新して頂けます。このようなブログ更新システムやパソコン・スマホ・タブレットで最適な表示が可能なレスポンシブデザインも余程のことが無い限りスマホ・タブレット用の制作費を別途頂戴しておりません。
私共にホームページ制作をご相談されたいという方は、ぜひお気軽にご連絡ください。