WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

   

名称未設定 1

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページです。

余白をたっぷり使い、文字間も大きく空けてゆとりのあるサイトデザインです。装飾を抑えて製品の雰囲気を壊さないようデザインされ、落ち着いた印象を受けます。
また、装飾を抑えてイヌパシーを付けた犬の写真を大きく使うことで、製品のイメージや内容を見た人が記憶に残しやすいよう工夫されています。

製品の紹介部分では、ピクトグラムや実際のアプリの画面を使って分かりやすく説明しています。スクロールしたときに、ふわっと出てくるアニメーションで、説明を読んでいる時も固くなりすぎず柔らかい印象を受けます。

開発者の方が「飼い犬の気持ちが知りたい」という想いから始まったプロジェクトで、ハーネスが光るようにしたのは「飼い主がスマホの画面ではなく、愛犬を見てくれるようにしたい」という想いから生まれた発想だそうです。制作した人の「犬の気持ちを知りたい」・「犬との絆を深めたい」という思いが伝わってきます。

 - 色で表現 , ,

  関連記事

日本らしい「和」の雰囲気がつまった京都の割烹料理屋さんのサイト

京都祇園エリアにある割烹料理屋「割烹日本芸料事業」のホームページです。 ファース …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

青を基調とした建設会社が爽やかでキレイ!

愛知県名古屋市にある建設会社「BLUE HOMES(ブルーホームズ)」のホームペ …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

光の空間をイメージさせるアニメーションを使ったイベントサイト

「ハーモニアスひかりアベニュー」を東京・行幸通りで2016年12月24日から12 …

カテゴリーごとに分けたコンテンツが見やすい!

海外に向けて沖縄の新たな魅力を伝えるプロモーションサイト「Where to Go …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

デニム・ジーンズブランドのサイトがカッコいい!

メンズのデニム・ジーンズを取り扱っている「BMC JEANS – B …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …