ペットと暮らす女性に向けて。LOOPET HOUSEのロゴ、webサイトデザイン

今年の2月よりパートナーの辻本さん（株式会社FORGE）からのご紹介で、株式会社フォーシステムカンパニーさまが新たに立ち上げたブランド「LOOPET HOUSE（ルーペットハウス）」のブランドロゴとwebサイト制作をお任せいただきました。

LOOPET HOUSEはペットと暮らしたい女性をターゲットに、動物のプロとしての視点と、片付けのプロとしての知恵を掛け合わせた住まいを提案するブランドです。ターゲットが30代以上の女性ということと、「ペットとの暮らし」という観点から、他と差別化できるようなデザインの雰囲気やカラーリングを意識して制作しました。

TOPページのメインビジュアル

大きめの画像をスライドショーで見せることが多いTOPページのメインビジュアルですが、今回はサイズを抑え、スライドの動きやメインキャッチなどの動きも意識しながらの制作。

スマホでサイトを見た場合も想定し、PCと同じ要素にしながら、モニターの形状に合わせてメインビジュアルも構築していきました。

TOPページのメインビジュアルから今まで制作したwebサイトとはひと味違う出来映えとなりました。

下層ページのデザイン

TOPページ以外のページもブランドのトーン・アンド・マナー（略してトンマナ）を意識し、ブランドの表現からズレないように制作。

ページのところどころに動物のアイコンや足あとアイコンなどを配置し、「ペットとの暮らし」をどのページからでも伝えられるような構成にしました。

スマホ用の下層ページもそれぞれ最適化

PCで制作したページをそのまま流用してスマホでも見せる・・ということは僕はやりません。

スマホはスマホで見やすい画像の形状や文字サイズなど、PCとは全く違うので、各ページの各要素までひとつひとつ確認しながらデザインを最適化していきました。

ページ下部には他ページへのリンクを画像付きで配置し、webサイトの回遊のしやすさも考慮しながら制作。

タブレットでの表示も同じように最適化しながらページを構築しているので、ひとつのwebサイトのひとつのwebページでも3種類制作しているような、そういう姿勢で制作をしています。

webページは画像だけで見せることはとても難しいので、実際にwebサイトに訪問していただき、ページを確認していただいたほうがわかりやすいです。各ページのひとつひとつの要素に対するこだわりを感じていただけるはずです。

プログラミング部分はAIを活用しながらやりたいことが出来た

最近デザイナー界隈ではAIを活用した制作が当たり前になりつつあります。
BUROKI designもその流れを汲みながら、少しずつAIを活用するようにしています。

オリジナルデザインでの制作を心がけているのもあり、制作すべてをAIに丸投げする気はないのですが（デザイン面での表現はまだまだ課題が多そう）、表現したいことを実現するためのプログラミングやコードの整理・最適化などはAIに助けてもらいながら、表現したいことを形にしていきました。

今まではネットで調べながら実装したり、不具合が出たらまた調べて・・を繰り返して構築していましたが、AIに聞くことでその作業がなくなったことはかなり大きいです。これからもいろんな表現ができそうで、僕自身ワクワクしています。

制作をお任せくださり、ありがとうございました。

LOOPET HOUSEのwebサイトはこちらから

実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。

お問い合わせは専用フォームからお気軽に

制作のご相談・お問い合わせや制作実績一覧ページは下記のリンクよりお気軽にどうぞ。