WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 色で表現 , ,

  関連記事

黒を使った重厚感のあるデザインで、明治から続いている歴史ある酒蔵を表現した「明治蔵」

鹿児島県枕崎市にある「薩摩酒造花渡川蒸溜所 明治蔵」のホームページです。 背景の …

雲の上にお酒があるような幻想的なトップ

白鶴酒造株式会社のブランドサイト「超特選 白鶴 天空」のホームページです。 天空 …

工場のようなイラストが可愛い!バレンタインのキャンペーンサイト

2017年の東急ハンズのバレンタイン「楽しまなくっちゃ、バレンタイン」の特設サイ …

画面全体に表示され、スマートフォンからでも操作しやすく

2015年11月にグランドオープンしたばかりの、静岡県の伊豆高原・大室山の麓にあ …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

美容品を販売している会社のサイトがオシャレでカッコいい!

「株式会社MEGMALE(メグマーレ)」のホームページです。 ファーストビューの …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

背景に薄くイラストを載せる

植物ブランド「花園樹斎」のホームページです。2016年1月に、植物ブランドとして …

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

様々な情報が各ブロックごとに色んな大きさで並んだレイアウト

長野県小谷村の観光公式サイトです。 左側にアイコンが縦に並んだメニュー欄、右側に …