Webウェブ


  • 小袋成彬 - 分離派

    2018-01-18 20:08

    サイトデザインがとにかく素晴らしい。トレンド云々ではなく、デバイスやメディア本来の特性を考えると、このデザインは適切だなーと感心。

    • 視線の転換が必要のないワンカラムデザイン。コンテンツの主体が明確な場合に有効
    • コンテンツを直接体験できるものについては、導線を提供するのみ
    • KGI(メルマガ)への導線がファーストビューに表示されている

    でもデザインのこと深く考えなくても、このシンプルな格好良さはユーザーにダイレクトに届き、ふるいにかけ、興味を引く。関心。俺も例外ではないので、「Lonely One ft. 宇多田ヒカル」今、Apple Musicで聴いていますが、How to Dress Wellのようにアブストラクトで空間を感じさせる強烈な美意識を持ったサウンドで、最高。

    かくしてプロモーションは成功。最速でユーザーを獲得、かつ聴いた俺も満足。誰も損しない幸せなビジネスがここにある。

    小袋成彬 分離派小袋成彬オフィシャルサイト「分離派」…

    mcatm2018-01-18 20:08

    Thumb 022604df8bd434eb7880db24cd52f2a7
  • INDEX-STD

    2014-01-17 16:06

    技術的に難しいのはトップのループぐらいだと思うんですけど、ビジュアルにしても動きにしても、導線の設計にしても、センスのイイチームですね。

    http://www.index-std.com/

    mcatm2014-01-17 16:06

    Thumb a5239a98ab04d12d985f17e79ccb3943
  • Alquimia WRG

    2014-01-16 18:13

    複数の背景画像がパララックスで気持よく動く。

    Alquimia WRG - Creating Digital ExperiencesAlquimia WRG is an independent creative agency focused on interactive advertisin…

    mcatm2014-01-16 18:13

    Thumb 34960c4c1b59b46acf2d79db68932554
  • Kurka Wolna

    2014-01-15 13:15

    ドラッグで読み進めていくタイプのコンテンツ。鶏の足あとで導線を示したり、段階的にコンテンツを読み込んだり、丁寧な作り。

    Kurka WolnaKurka Wolna chodzi tam, gdzie chce. I znosi jajka tam, gdzie chce. Sprawdź, gdzi…

    mcatm2014-01-15 13:15

    Thumb f20a5e8da2ecef8f1ea172f119141aea
  • A4A

    2014-01-09 00:21

    カルーセルや画面遷移時の微妙にランダマイズされたエフェクトが、あまり見ない感じで好きです。ロゴのアニメーションは、背景に引いたPNGのbackground-positionを変化させるタイプ。こういうところで冒険しないのは無難でよい。

    A4A.incA4A.inc…

    mcatm2014-01-09 00:21

    Thumb e0d01f1b2ae2b6adfd257c349484d292
  • Attack Of Design

    2010-07-11 17:42

    ディティールに優れたサイトデザイン。グランジ処理されたアイコンや、ナビにマウスオーバーした際に表示されるポップアップ等に一見の価値アリ。

    http://www.attackofdesign.com/

    mcatm2010-07-11 17:42

    Thumb 9537d048e065bcf1a164ace26ad962af
  • CSS3で描画されたドラえもんを見たときも相当ビビりましたが、今度はiOSのアイコンを全てCSSで表現したという大バカ者の登場。一体何の役に立つのかは全く不明ですが、画像も使用しておりません!Chromeでは正常に見れましたが、IEでは相変わらずぶっ壊れているのが、絶妙なオチになっていて素晴らしいですね。

    http://graphicpeel.com/cssiosico

    mcatm2010-06-28 09:56

    Thumb ebc8541958040f14493d116f0b10468e
  • Snow Stack is Here

    2010-06-03 09:24

    Snow LeopardのSafariでしか動かないみたいなので、まだ実際には触れていないのですが、これは凄くリッチなhtml5デモ!今までflashでも構築に結構なスキルが必要だった、3Dの写真ギャラリーです。

    まだまだ色んな可能性がありそうで、当初思っていたよりも、インタラクティヴ関係に強そうな、そんな予感のするhtml5。じっくり定点観測しながら、実践で使っていきたいなと思っています。続く!

    satine.orgBlog

    mcatm2010-06-03 09:241

    Thumb fd2076d0a98b1b782fbdf66dd49c76d0
  • これは良い。これは買う。ここに全部ある。これで$29は安い!

    そんで、サイトの作りもシンプルで非常に良いですね。グリッドデザインの成功例。

    http://pictos.drewwilson.com/

    mcatm2010-05-19 00:38

    Thumb 38a9e07ac62f25a288625e7d3af3e79d
  • 前々から噂のあった「Twitter@Anywhere」が始動。ちょっとjavascriptを書き足すだけで、ログインからフォロー、投稿やタイムラインの閲覧が出来るようになり、今でも十分な範囲を捕捉していたTwitterの入り口が更に開けていくことになるでしょう。

    フロントエンドエンジニアリング(というか、javascript)の経験がある、という以上に、フロントエンドしか弄れないような環境でブログ等を運営している人でも、簡単にTwitterの機能が取り込めるというアイディアで、ようするにいよいよ実用に足るソーシャルマップの世界が開けてきたと期待出来るのではないでしょうか。

    http://dev.twitter.com/anywhere

    mcatm2010-04-15 23:551

    Thumb 9db105da3d0194b5811a20b27b9de005
  • メランコフ

    2010-04-04 23:31

    雑誌「farewell」の別冊「メランコフ」は、WEBを利用したフリーペーパーで、凄く面白い形態を取ってます。PDFでの配布なんですが、「SCRAP」と称した細切れの記事を取捨選択して、読みたいところだけ選んでダウンロードできるという画期的な手法。技術的には単純なんですが、WEBマガジンをこのような形で配信するのは面白いと思います。CINRAとかが昔採っていた方法よりも、スマートだなーと思う。

    内容もmmmインタビューや宇波拓、美人レコード関連等、当然「farewell」とも通じる(しかし、私、街のレコ屋でfarewellに遭遇した事がなく、未だに未読です…)人選と切り口なので、今後も号を重ねて欲しいなあと思います。

    メランコフ『メランコフ9号』 - メランコフ

    mcatm2010-04-04 23:313

    Thumb 76998f05bc1c34fc98f6c37fafc43cd1
  • MIX Online

    2010-03-25 09:36

    トップの最新記事の見せ方がスマート。Web Typographyというカテゴリ、日本語だとこう上手くはいかないんだけれども…。記事に掲載された画像にまで統一感があるのは、良いブログの証左ですね。

    http://www.visitmix.com/

    mcatm2010-03-25 09:362

    Thumb 632df87e98c3488f7e9ea0d4b4a522ba
  • 『フィギュアスケーター』(フィギュアスケーター、Figure Skater)は、伝説の対戦型格闘ゲーム。

    「才能の無駄遣い」という言葉はありますが、このサイトは無駄遣いした結果、純粋な意図とは全く違った新しい価値が生まれ落ちてしまっていて、矢鱈と感動させられます。

    フィギュアスケーターI
    2作目の説明に入る前に1作目について軽く触れておこう。ミドリというキャラクターが主人公だった前作『フィギュアスケーターI』(スケワン)は、一部でカルト的な人気を博したが、いかんせんハードが8ビット機だったせいもあって、キャラが寸詰まりで動きもぎこちなく、2作目ほどファン層を拡げることができなかった。

    フィギュアスケートの歴史的出来事について知っていればより楽しめると思うんだけど、取り急ぎバンクーバーを追っているだけでも、十分楽しい。個人的には、サーシャと村主のタイツ貸し借りの件を、詳しく知りたいところです。

    フィギュアスケーターII
    作中のキャラクターたちは「フィギュアスケート」と呼ばれる架空のマーシャルアーツを駆使して戦う。ただでさえ転びやすく不安定な氷の上で、足に「ブレード」と呼ばれる鋭利な刃物をつけて対戦する血の気が引くような危険きわまりない格闘技だ。

    正しくないページ名 - アンサイクロペディア

    mcatm2010-02-27 04:434

    Thumb 0097c7c567f3486e4f7eed1c1c49b246
  • FRESH01

    2010-02-17 17:21

    凄い…。アイディアと技術の結晶で、見た事も無いUIが実現。これはベタなhtml打ってた時代からすると考えられない事ですね。

    http://fresh01.co.za/

    mcatm2010-02-17 17:212

    Thumb 13e3bd753d35c3e273ebf2b9f4ec07ef
  • The Book Cover Archive

    2010-02-16 10:03

    ブックデザインをアーカイブしているサイト。サイトのデザインも美しい(特にメニューのプルダウンとか!)けど、集めている表紙の数々にも魅了される。グランジっぽいテクスチャーを使うのが流行ってるのかなあ。定期的に閲覧したいサイト。

    http://bookcoverarchive.com/

    mcatm2010-02-16 10:031

    Thumb 342b5aeb24626dd5255781678cc10d6f
  • NO Flashなトップページ、切り替わるバックグラウンドのセンスの良さ。真ん中にドカンとアイキャッチが入る大胆なセンスも好みです。

    Sven Kils - Graphic Studio / Grafik StudioHello. Welcome to a small multi-disciplinary design studio with a focus on cultu…

    mcatm2010-02-15 00:271

    Thumb c518339c1d8488fe51272cb799768bf2
  • Blue Collar Interactive

    2010-02-02 01:42

    トップページがパペットアニメで出来ていて、非常に楽しいサイト。スウェーデンのデザインユニットも、同じようなパペットで開始するサイトを持っていたけど、なんて言うユニットだったっけ?Suprbだっけ?(今のサイトはリニューアルしてた)ふわふわした知識で済みません。

    Blue Collar AgencyBlue Collar Advertising AgencyWe are a digital-first marketing agency led by smart creative & proven busin…

    mcatm2010-02-02 01:421

    Thumb c6eada5f2cd68f5ab3b7ffabfdf31828
  • 元々のバリエーションもポップで良い感じですが、サイト上で全パーツの色を選択してカスタマイズ可能な、FOSTEXのイヤホン「KOTORI」。WEB上でサクサク弄くれるFlashのインターフェイスも心地よい。

    イヤホンって、音響機材であるのと同時に、ファッションアイテムでもあるわけだから、こういうアプローチは楽しいですよね。

    KOTORI たのしいほうの、ヘッドフォン。KOTORIヘッドフォン、イヤフォンのカスタムオーダーメイドなら、KOTORI。…

    mcatm2010-01-27 00:524

    Thumb 7ee554726e636280d703463adefb0a71
  • モンティパイソンでおなじみの、あのスパムの公式サイトのデザインがシンプルで良い。…とか思ってのんびり眺めていたら、「About Spam」のページにきちんとOfficial UK SPAM® WebsiteOfficial UK SPAM® Website…aboutus#seventies" target="_blank">モンティパイソンのスケッチについての言及があった。あのスケッチは、本当に定着してるんだね。凄く自然に理解出来た。

    http://www.youtube.com/watch?v=D…

    あと、どうでもいいけど、レシピを担当している人が、老けたスティーブ・マルクマスのような顔をしているので、未来予想図を描きたい人は見ておくとよい。

    Official UK SPAM® WebsiteOfficial UK SPAM® Website…

    mcatm2010-01-25 13:531

    Thumb 5f307f403d634bc074440e47b02993f6
  • 佐々木さんのTweetで知った、YouTubeがまたしても繰り出したクールな施策!こうした機能をマッシュアップで実装したサイトは、どれも使い勝手が今ひとつだったので、本家に期待します!

    http://www.youtube.com/disco

    mcatm2010-01-22 09:03

    Thumb 506ac37151b1635e3af35351ecd33772
  • 動作も軽快なポートフォリオサイト。デザインが僕好み(エメラルド・カウボーイのアートワークみたいだな)なのに加えて、トップページから真っ赤なポートフォリオサイトってあんまり見た事無かったので、つい…。

    DVDエメラルド・カウボーイ [DVD]アップリンク

    GrafikAward winning website design and development.…

    mcatm2010-01-21 11:39

    Thumb 7ce853bc96ffd36657eec7a47a246335
  • Styleboost

    2010-01-21 09:27

    当サイトでは二度目の紹介になります。ここまで多くのWEBデザインポータルが生まれる遥か前から、センスの良いサイトを紹介し続けてきた「Styleboost」が、再リニューアル!今風のシンプルなデザインになっています。

    これで、更新頻度が以前のように戻ってくれれば、一番嬉しいんだけどなあ。って、前回の掲載の際にも同じような事書いてる…。

    StyleboostStyleboost is a gallery for showcasing beautiful web sites.…

    mcatm2010-01-21 09:27

    Thumb f30276607cd26c2438543929e2108d31
  • Kitchen. Label

    2009-12-06 22:37

    凄く日本人っぽいセンスのWEBSITEだなあ、と思ったらシンガポールのレーベルのサイト。写真が北欧っぽくて素敵ですね。

    http://www.kitchen-label.com/hom

    mcatm2009-12-06 22:373

    Thumb 5a3f6e71e96b49d221d917e25c546326
  • 落ち着いた配色と、アドカードや名刺のような固めのデザイン。美しいサイトです。

    B I R D I E // B I R D I EThe lovely studio of Lisa A. Cohn, specializing in branding, unique invitations,…

    mcatm2009-12-04 00:492

    Thumb dd39462679063878adae5d036a284958
  • 全ての料理番組の公式サイトがこのようになってくれたらいいのに…と言いたくなるほど、素晴らしく良く出来た番組アーカイブサイト。cookpadとは違う方向で、使えそうなサイトですね。

    日本テレビ美味しいレシピが満載!日本テレビ系列「キユーピー3分クッキング」1963年から続く料理番組。日本テレビ系列「キユーピー3分クッキング」(月~土曜日 11時45分~55分放送)の公式サイト。…

    mcatm2009-12-01 00:222

    Thumb d89f7621ea8993c01f973d1daedc56b5