レスポンシブデザイン

株式会社セラク

採用情報／株式会社セラクの新卒・中途採用ページ。理路整然としたレイアウトではなく、変化をつけることで動きのあるイメージになります。採用情報ということで人にスポットをあて、働いている人が活き活きとした様子を伝えています。レスポンシブデザイン。

http://www.seraku.co.jp/recruit_site/

INUPATHY（イヌパシー）

ペット／愛犬のキモチに寄り添う共感デバイス。シングルカラムで順番にサービスの紹介をしています。写真や動画で大まかなイメージを伝え、文章で補足をしているので素早く情報が伝わります。レスポンシブデザイン。

http://inupathy.com/jp/

特別な祝古酒 トビンテージ TOVINTAGE

飲食／熟成酒のサイト。シンプルなテイストで文章を読ませるデザインです。見出しを縦書きにし、しっかりと練ったキャッチコピーは見ている人の心をつかみます。文字の大きさも読みやすいサイズです。レスポンシブデザイン。

http://jizakesohko.okayama.jp/tovintage/

RINGLY | Smart Jewelry and Accessories

海外／スマホと連動した通知アクセサリー。イメージと紹介文の絶妙な配置と動画での説明がわかりやすく情報を伝えています。特にチャットへの流れが自然で違和感なくお問い合わせへとつなげています。レスポンシブデザイン。

https://ringly.com/

Mapbox | Design and publish beautiful maps

海外／マップを機能的にデザインするサービス。ファーストビューの気持ちの良い青と全体のカラーテイストが心地良いです。サービスの説明をデモ画面のイラストを使いわかりやすく説明しています。シンプルで余白の感覚が優れているので見やすいです。レスポンシブデザイン。

https://www.mapbox.com/

横浜きりがおかマタニティクリニック

医療／横浜市にある産婦人科。切り絵のようなイラストや少し崩したフォントが馴染みやすいイメージを伝えています。イラストを多く見せながらも、しっかりとしたレイアウトで読みやすいデザインです。ブログなどコンテンツも充実しています。レスポンシブデザイン。

http://kirigaokamama.com/

The Spice Hunter | Your Spice Journey Begins Here

海外／スパイスのオンラインショッピング。トップページでは色とりどりのスパイスが散りばめられていて、わくわくや楽しい気持ちにさせます。スクロールすると流れに沿ってラインが動くのも良いです。レスポンシブデザイン。

https://www.spicehunter.com/

MIKIYA KOBAYASHI

会社／家具やプロダクトの商品開発およびディレクション業務などを行っているデザイン会社。スクロールすると自然にページが切り替わり、なめらかな動きで制作実績が表示されます。縦サイズの異る画像がバランスよく配置される見せ方になっています。レスポンシブデザイン。

http://www.mikiyakobayashi.com/

大府あおぞら有床クリニック

医療／愛知県にある小児科のウェブサイト。真っ青な空を背景にamazonのマークのような笑顔をイメージする紙飛行があり、暖かさや優しさを感じさせます。見た目はすっきりとして、ほしい情報がすぐにフォーカスされます。レスポンシブデザイン。

http://obu-aozora.com/

旅せよ乙女。虹色エモーション。「滋賀・びわ湖」

観光／琵琶湖の観光サイト。歴史、食事、遊びなどテーマごとにコンテンツがまとめられています。さらに動画での紹介が上手くまとめられています。女性的なデザインで、雑誌を見ているような楽しい感じが伝わります。レスポンシブデザイン。

http://www.biwako-visitors.jp/niji-emo/