マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBサービス WEBデザイン WEB制作

WEBトレンド+αの作り込みで、心地よさが広がる素敵サイトをご紹介! ~素敵サイトの旅 その1~

投稿日:2014年12月15日 更新日:

こんにちは!風邪っぴきのweb初心者Kです。

週末に風邪を治しきれず、咳のため未だマスクが手放せません。
今日は誰とも口をきけないかも知れない!!!

みなさまはお風邪など召されていませんか?

さてさて、そんな私ではありますが、
今日はwebデザインのトレンドだけにとどまらず、
1pxまで神経が行き届いているなぁ、
と感じる緊張感のあるデザインのサイトをご紹介したいと思います!
ワクワク。
まずひとつめはコチラ!<全面画像+ポリゴン+α>

RINN Inc.

http://rinn.co.jp/

ワイド画像や背景の装飾にポリゴンなどトレンドをさりげなく取り入れています。
特にポリゴンの使い方は、空間に広がりを感じさせる
動きやサイズ感のバランスが絶妙で、センスがキラリと感じます。

また、上記企業の商品サイトもこちらにあります!(↓下記)

 

自動給餌器 PETLY

http://petly.jp/

どちらのサイトもベースカラーは無彩色ながら、装飾の動きや、
写真の柔らかいトーンから無機質さを感じさせません。

また商品サイトは文字を読まなくてもどんな商品なのか一目瞭然のスゴさ!!
しかもページ下にすごいスピードで走っている猫ちゃんのイラストが
常に表示されていて、なんだろう??とつい先を見てしまいます。
ページの最後では、猫ちゃんがこちらの商品(自動給餌器)に
たどり着くんですが、この演出に、私は心をがっつり掴まれました。
このサイトを見たら飼い主まっしぐら!なハズ!!

 

そして、お次の素敵サイトはこちら!<ワイド動画+α>

ATH MSR7(ポータブルヘッドホン)|オーディオテクニカ

http://www.audio-technica.co.jp/atj/sc/msr/

動画をワイドに使ったトレンドを取り入れているだけでなく、
ナビゲーションの動き・使い勝手など、
見習いたい繊細な心配りを感じます。

また、同じようにナビゲーションが
途中から固定になる縦長サイトはこちら

http://housevision.muji.com/

http://www.shimofuri-ginza.com/

http://haremachi.com/hanpu/

とっても使いやすいですので、
この動きは縦長サイトには定着しつつあるように感じます。

その他にも個人的には、グリッドデザイン+αで、
グリッド内の写真がマウスオーバーで少し拡大される動きを
よく見かけるようになった気がします。

http://www.felissimo.co.jp/500/

http://www.nintendo.co.jp/

http://nike.sskamo.co.jp/

トレンドもとても大切ですが、+αで細かいところまで気配りがされているサイトは、
ついつい長居したくなってしまいますよね!

いかがでしたでしょうか?

私もたくさんの方に「お・も・て・な・し」が、感じられるようなサイトづくりを心掛けて、
日々精進したいと思います!

 

そしてそして、もしこのブログをご覧になった方で素敵サイトづくりにお悩みでしたら、

マーカネット株式会社にてホームページ制作やご依頼を承っておりますので、

お気軽にこちらからご相談ください!

 

ではでは、本日の素敵サイトの旅はこれにて。

ドロン!

-WEBサービス, WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

デザイナーのAです。こんにちは。 今日はお客様の立場になって、 WEB制作における良いデザインと悪いデザインの見分け方についてご紹介できればと思います。 デザイナーにとっては、基本的なことでも、以外と …

制作部隊に仕事を依頼するときに最低限必要な5つのこと。

制作部隊に仕事を依頼するときに最低限必要な5つのこと。 こんにちは。WEBデザイナーのKです。 本日はWEBデザイナーやプログラマーなど制作関係の方に、仕事を依頼するときに、 最低限抑えておかなければ …

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(3)

こんにちは、デザイナーのAです。 以前、いいデザインと悪いデザインの見分け方についてご紹介いたしました。 いいデザインと悪いデザインの見分け方 その(1) いいデザインと悪いデザインの見分け方 その( …

Google App EngineでPHP正式に利用可能

Google App EngineでPHP正式に利用可能

グーグルが提供するクラウドサービスGoogle App Engineでいままではユーザーを限定して利用可能でしたPHPが、10月8日から限定ユーザ以外の人も利用することが可能になりました。 https …

【2014年総まとめ】今年一番多く使ったWEBフォント

【2014年総まとめ】今年一番多く使ったWEBフォント

こんばんわ~WEBデザイナーのHです。 本日はこの1年間、実際のWEBデザイン制作を通して、一番多く使ったWEBフォント、トップ3をご紹介します。 中には有料のものもありますが、社内で共有することを優 …