ペットのおうち

SNS・webサービス

製品・商品・サービス

http://www.pet-home.jp/

ペットに関するポータルサイト「ペットのおうち」。里親募集は、ペットに関する相談、イベント告知などの豊富なコンテンツがある。心が疲れて、ペットを見たくなった時に訪れると、ほっこりします。

demo

公式・コーポレート

web制作

https://www.demo.co.jp/

ウェブ制作・株式会社デモの公式ウェブサイト。オウンドメディアに注力したコーポレートサイト制作の参考にしたい。

海城中学高等学校

公式・コーポレート

学校・公的教育

https://www.kaijo.ed.jp/

海城中学高等学校の公式ウェブサイト。学校のウェブサイトにしては珍しく、デザイン性が優れている。

seleqt

キュレーション

報道・出版・メディア

http://www.seleqt.net/

SeleQt(セレキュト)はweb制作に関する情報をまとめたキュレーションサイト。web屋であればRSS登録しておきたいサイト。

rstone-jp

公式・コーポレート

転職・人材・リクルート

https://www.rstone-jp.com/

IT・WEB職種特化の人材紹介会社アールストーンのウェブサイト。少しサイバーなデザインにしながらも、情報が見やすく分かりやすい。レスポンシブにも対応しており、参考にしたい。

qvc

EC

製品・商品・サービス

https://qvc.jp/

QVCのECサイト。シンプルレイアウトで見やすく分かりやすい。さまざまなポイントを抑えていて、ECサイトを作る際に参考にしたいサイト。

太宰府天満宮

公式・コーポレート

寺・神社

http://www.dazaifutenmangu.or.jp/

太宰府天満宮のウェブサイト。モダンなデザインで、各種情報も見やすく分かりやすい。とても上品なレイアウト。日本の文化に関するウェブサイトを制作する際、ぜひ参考にしたいサイト。

helloruby

ポートフォリオ

趣味・フリーランス

http://www.helloruby.com/

世界的に有名なRubyの海外女性プログラマーで有名な人のポートフォリオサイト。海外のポップなデザインで、Rubyに関連する知識を得ることができる。

timeticket

SNS・webサービス

製品・商品・サービス

https://www.timeticket.jp/

自分の時間をチケットにして販売することができる目新しいwebサービス「Time Ticket」のサイト。fbアカウントで登録でき、様々な分野のサービスでチケット販売・購入が可能。ランチを一緒にするだけの体験を売るなんてこともできる様子。一回、実際に試してみたい・・・。

レバテック キャリア

SNS・webサービス

転職・人材・リクルート

https://career.levtech.jp/

レバテック キャリアは、IT・Web業界に特化した人材紹介サイト。シンプルなレイアウトデザインで見やすく分かりやすい。

レバテック フリーランス

SNS・webサービス

転職・人材・リクルート

https://freelance.levtech.jp/

レバテック フリーランスは、IT業界のフリーランス向け人材紹介サイト。ブルーを基調にして、シンプルなレイアウトデザインで見やすく分かりやすい。言語・単価・業界・エリアの検索キーがあり、ジョブ情報を探しやすい。

レバテック クリエイター

SNS・webサービス

転職・人材・リクルート

https://creator.levtech.jp/

フリーランス・派遣のクリエイター・デザイナー向け人材紹介サイト。職種だけでなく、ツールから検索できて、自分に合ったジョブ情報を検索しやすい。ウェブサイトでは珍しいえんじ色をうまく使っており、クリエイター向けのサイトということもあって、全体的に今風のフラットなデザインとなっている。

看護のお仕事

SNS・webサービス

転職・人材・リクルート

http://kango-oshigoto.jp/

看護の業種に特化した、転職サイト。地域・雇用形態など検索条件が豊富で、とても扱いやすい。シンプルなレイアウト・デザインで、視覚的にも見やすく柔らかいサイト。女性用のwebサービスサイト作成時に参考にしたい。

バイトーク

SNS・webサービス

転職・人材・リクルート

https://baitalk.jp/

アルバイト探しのできるwebサービスサイト。職種や地域など、検索条件が豊富にあり、とても扱いやすい。ジョブ情報ごとにサムネイル・詳細な情報があり、要件定義がしっかりしている印象。デザインもシンプルで、快適な速度でレスポンシブを実現している。規模の大きいwebサービスサイトで参考にしたいサイト。

poli poli

ポートフォリオ

web制作

http://polipoliweb.com/

伊丹市出身在住のwebデザイナーりささんのweb制作請負サイト。自分が提供できるサービスを今流行りのシングルページ・適度パララックスで、分かりやすく可視化している。個人的に、デベロッパーツールで覗けるAAのチョイスにとてもセンスを感じます。

無印良品 Muji to Sleep

LP・プロモ・ブランド

製品・商品・サービス

http://sleep.muji.net/ja/

無印良品の商品「Muji to Sleep」の紹介ページ。長いテキストをまったく読むことなく、商品の使い方や品質など詳細な情報をビジュアル・映像だけで得ることができる。ブランディング・PRなどで、ぜひ参考にしたいサイトです。

crest-japan

SNS・webサービス

製品・商品・サービス

http://crest-japan.net/

家紋のeps素材、家紋の種類についての情報をまとめているサイト。家紋について調べたい時は、このサイトがとても便利。

website.informer

SNS・webサービス

製品・商品・サービス

http://website.informer.com/

ウェブサイトの統計情報などを簡単にチェックできるwebsite informerのサイト。URLを入力するだけで自分のサイトのページランクやページビュー、DNSやwhiis情報、IPアドレスなどを無料で調べることができる。

emmary

ニュース・ポータル

製品・商品・サービス

http://emmary.weban.jp/

JKが発信するJKのためのWEBマガジン『エマリー』のメディアサイト。藤田ニコルを編集長に構えたり、トレンドの情報を発信している。

timeslip

SNS・webサービス

製品・商品・サービス

https://timeslip.co/

Timeslipは、ノスタルジックな写真を共有するwebサービス。facebookログイン機能がついており、投稿ができる。記事はただ写真を貼るだけでなく年表ツリーにぶらさげた記事の制作が可能の様子。webサービス開発時の参考にしたい。

tedxportland

公式・コーポレート

製品・商品・サービス

http://www.tedxportland.com/

非営利団体TEDとportlandのプロモーションサイト。「揺らぎ」をテーマにして、パララックスの面白い動作を実現している。ページ内のテキストをドラッグして動かすと面白いアニメーションが見られる。

zisatsu-saitama

LP・プロモ・ブランド

製品・商品・サービス

http://zisatsu-saitama.com/

埼玉県保健医療部疾病対策課の若年層向け自殺予防キャンペーンの特設サイト。シングルページ・適度なパララックス・videoをフェードに用いたメインビジュアルなど、今トレンドのプロモーションサイトの作りになっている。スマホデザインも良い具合に表現しているのでプロモーションサイト制作時の参考にしたいサイト。

大阪Canチラシ制作部

公式・コーポレート

報道・出版・メディア

http://tirasi.jp/

リーズナブルで良質のデザイン作成をする大阪Canチラシ制作部の公式サイト。簡易なパララックスが施されていて、見やすく分かりやすい。また、ブログ配信やチラシ制作の制作実績がきちんと見られて、ユーザービリティが良い。

tver

SNS・webサービス

映像・インタラクティブ

http://tver.jp/

在京民放5社(日本テレビ放送網株式会社、株式会社テレビ朝日、株式会社 TBS テレビ、 株式会社テレビ東京、株式会社フジテレビジョン)が連携した初めての公式テレビポータルサイト。とても便利なwebサービスです。

HDRiな生活

ブログ

趣味・フリーランス

http://hdri.iwalk.jp/whatIs.php

HDR(ハイダイナミックレンジ)写真に特化したブログサイト。

oxynotes

ブログ

製品・商品・サービス

http://oxynotes.com/

デザイナーOxyさんのWebサイト管理ノートと称したブログサイト。備忘録的な用途なのかもしれないが、WEBに関連する製作について、とても詳しくわかりやすく書かれている。モノを教えるようなコンテンツを作りたい人は、ぜひ参考にしたいサイト。

kurubusi-net

公式・コーポレート

web制作

https://kurubusi.net/

札幌でWEB制作をしている大窪将弘さんのサイト。適度なパララックスをかけながら、レスポンシブ対応・メディアサイトとしての機能も同時に成立させている。個人的にとても好きなデザイン・レイアウト。サイトに高級感を加えたい時に、ぜひ参考にしたい。

roomclip

SNS・webサービス

製品・商品・サービス

https://roomclip.jp/

部屋の写真をメインコンテンツに据えたユーザー参加型のポータルSNSサイト。当然のレスポンシブ・グリッド対応で、見やすく分かりやすい。また赤色の使い方が適度で上品。アプリも配信している。これからwebサービス作成をする際、ぜひ参考にしたいサイト。

circus

店舗

ヘア・美容院

http://beautrium.com/circus/

beautrium系列の美容院「circus」の下層ページ。パララックスの効果が個性的で、、スクロールすると画面の真ん中を中心にして左半分と右半分で違う動作をする。ずれたまましばらく放置すると、そのズレを修正してピッタリ合う。面白い動きだが、しかしユーザービリティとしてはあまりオススメできない。

fumi23

SNS・webサービス

報道・出版・メディア

http://www.fumi23.com/

女子中高生の情報を主体に扱い人気No.1コミュニティサイト「フミコミュ!」のメディアサイト。ユーザーが登録して記事制作をでき、女子中高生のポータルサイトになっている。賑やかなデザインになっているので、女子向けのデザイン制作の参考にもなる。