mockup

2012年12月号

mockup 2012年12月号

自由研究

このコーナーは、1人の担当者による、1つのテーマに沿った「ものづくり」です。

せいさくエスト

Xmas now!

せいさくエスト

WEB制作を舞台にしたRPG風すごろくです。
果たしてあなたは、数々の案件をくぐりぬけ、クリスマスデートに間に合うことができるでしょうか。

* おお せいさくしゃよ 彼女を泣かすとは なさけない。
* 今日くらいは残業せず クリスマスデートに いそぐのだ。

見てみる

X'mas now!

twitterで公開されたクリスマスな写真を自動であつめています。あなたもクリスマスツリー写真 をtweet!

見てみる

過去の自由研究です。

  • Christmas Card を贈ろう!

    あなたがインスタグラムで撮影した写真を、かわいいトナカイのカードにして贈りましょう。カードはFacebookでシェアできます。またプリントアウトすれば、とび出すカードがカンタンにつくれます。

  • 「いいね!」マシン

    Facebookの「いいね!」やコメント、チェックインなど、ユーザーの反応を、リアルに反映する電気仕掛けのオブジェを作ってみました。 まずはムービーを見てみてください。

  • 24Colors Of Tokyo

    東京の日常風景を撮影し、私が思う東京の色相(24色×24時間)を時刻×写真で組み合わせ表現しています。カラフルな東京を感じてもらえれば幸いです。

  • The Overlap of Memories… 〜思い出オーバーラップ〜

    旅の記憶は、時とともに美化されたり、場所が入れ替わったり…。私はこんな曖昧な印象こそが、旅の記憶じゃないかと思う。これを見た方が、旅に出たくなったらとてもうれしい。Open your travel!

  • Halo World!

    西新宿にも光輪(=Halo)輝く花火を打ち上げたい! そんなざっくりとした思いを、初めてのProcessingにぶつけてみました。

  • 勝手にビフォーアフター

    たのまれてもいないのに、@niftyつりのサイトをレスポンシブにしてみました。

  • むかしばなし

    みんな知ってるむかしばなしのなかまたちが、Facebookをはじめたら!?

  • 駅メロ

    普段何気なく耳にする駅の発車メロディのバリエーションを考えてみました。

  • 勝手に広告

    ニフティのサービスで日常に溶け込むオモシロ広告案を考えてみました。

  • あなたは○○人型!?GW旅行診断

    ボンジュール、みなさん!今年のGWはどこか行きましたか?  あなたの旅行が「何人型か」診断できるfacebookアプリです。

  • 顔認識でアプリに挑戦

    画像認識のライブラリ「OpenCV」を使い、歴史上の偉人になって、偉くなった気分になれるアプリを作ってみました。

  • mockup!CM (60秒ver.)

    mockup!をテーマに、CMを作りました。「仕事をおもしろくする」をモットーに働いている、チームの楽しそうな雰囲気が表現できたと思います。

  • こども成長分析

    子供の成長は回りの助けがあってこそ。みんなのお陰ですくすく成長したカワイイ我が子の成長度を分析し、見てもらいましょう!みんな、ありがとー!

  • 私のご当地宣言

    今年も故郷へ里帰りしましたか?四角いモチ、丸いモチ、独特な方言・・・。日本の地方文化ってワンダフルですね。 あなたの地元ならではの「ご当地あるある」を披露してみませんか。「ご当地愛」を宣言しちゃいましょう。

  • X'mas now!

    twitterで公開されたクリスマスな写真を自動であつめています。あなたもクリスマスツリー写真 をtweet!

  • せいさくエスト

    WEB制作を舞台にしたRPG風すごろくです。 果たしてあなたは、数々の案件をくぐりぬけ、クリスマスデートに間に合うことができるでしょうか。 * おお せいさくしゃよ 彼女を泣かすとは なさけない。 * 今日くらいは残業せず クリスマスデートに いそぐのだ。

  • 言葉の花火

    夏の風物詩「花火」を使ったFacebookアプリ。 うれしいこと、悩んでること、怒りや喜び、今日あった出来事や誰かに伝えたいメッセージ…。 「言葉の花火」はあなたのどんな思いも花火にして夜空に打ち上げます。 Facebookの友達と「言葉の花火」を共有しよう!

  • ふきだしッターの話

    「Web Designing ウェブフォントデザインアワード2011」協賛賞受賞作品。Webフォントを使ってツイッターに表情を加えました。ハッシュタグ「#ふきだしッター」でツイートしてみてくださいね。

  • SeeSeaの話

    「Web Designing ウェブフォントデザインアワード2011」最優秀賞受賞作品。Webフォントを用いた文字の魚や貝などが海を泳いでいます。泳いでいる生き物をクリックすると、その画像と紹介文が読めます。

  • 制作の一日。

    ニフティ クリエイティブデザイン部の制作風景・日々考えていることなどをデザイナーが写真物語でご紹介します。

  • チョイチョイテルミン

    「ブラウザ上で動くテルミン」を作りました。
    世界最古の電子楽器「テルミン」をHTML5の技術「Web Audio API」や「Canvas」を利用して、再現。

  • 宝箱を食べたむしの子

    スクロール芸に物語を掛け合わせた作品。小さなむしの子がおとなになるための小さな物語、ぜひご覧下さい。

  • 携帯に反応して光るアクセサリーを作りたい

    バッグに携帯を入れていると音が鳴らず着信に気付けない。
    そんな通信の「不便」を楽しく解決するため、「着信で光るアクセサリー」を自作。

  • Project Tree

    プロジェクト管理ツール『Redmine』で管理されている開発プロジェクトを、1本の木として見渡すことができるWebサービス。木の変化によって、プロジェクトの状態をひと目で確認できます。
    (対応ブラウザー:Firefox・Google Chrome・Operaの最新版)

  • あのときのごはん。あのときのわたし。

    毎日必ず食べるごはんを題材に、近すぎて見えなかった"気持ちの変化"を表現。
    どんなとき、どんな気持ちで撮ったのか。なんてことのないごはんの写真も、指標をつけることで見えてくるものがありました。
    (対応ブラウザ:Firefox・Google Chromeの最新版)

  • 紅葉なう

    twitter上に公開されている、みんなが撮った紅葉写真を公開されたクリスマスな写真を自動であつめています。あなたも紅葉写真をtweet!

今月のあれこれ

このコーナーは、1人の担当者による、1つのテーマに沿った「オススメ情報」です。

  • 今月のテーマは「クリスマス」

    こんにちは、クリ部部長のせつです。ぼくは、ものごころついた頃からクリスマスが大好きです。年に14回もクリスマス会をやったこともあります。10月になると、ほぼクリスマスソングしか聞かなくなります。そんなクリスマスないろいろをお送りします。メリクリ!

    アイコン画像

    担当:せつ
    (くり部長)

  • クリスマスの雑学いっぱい。

    Wikipedia クリスマス

    Wikipedia クリスマス

    「クリスマス」の「Christmas」は「キリストのミサ」を意味する「Christ's Mass」だ、とか、ロンドンでは12月25日は地下鉄やバスが全線運休になる、とか、クリスマスにまつわるいろんな発見があります。

  • C*LAB PROJECT

    C*LAB PROJECT

    最近浅草に引っ越したぼくですが、宅の近所の、このかっこいいケーキやさんが、とてもおいしい!クリスマスのケーキも期待できます。

    内装、パッケージ、インテリアなど、洗練されたデザインで気分がいいです。

  • JR東海のCM

    JR東海のCM

    「X'mas Express」

    1988年の深津絵里からはじまった新幹線のCM。バブル全盛のこのころ、当時高校生だったぼくは、いーなー、なんて、中二女子みたいな気分で。今見てもすばらしいCMですね。山下達郎の曲も最高。

  • 「Once Upon a Time In Wonder Christmas」

    伊勢丹のクリスマス サイトとディスプレイ

    クラウス・ハーパニエミ氏の不思議なアートワークが美しいサイト。伊勢丹のクリスマスは今年もおしゃれです。

    サイトだけでなく、店内装飾も氏のアートワークでまとめられていて、コラボレーション商品も販売。全体で伊勢丹のクリスマスを盛り上げています。

  • ノーマン・ロックウェル

    ノーマン・ロックウェル

    楽しげなクリスマスのイラストを描いたのは、ノーマン・ロックウェル。アメリカ人のイラストレーターです。

    かつて、デパートの伊勢丹が、ディスプレイやショーウインドウ、包装紙なども、彼のアートワークで飾っていました。ぼくは当時、この飾り付けと撤去のバイトをしていたのですが、25から26の深夜、新年のディスプレイに全部換えて不要になった大量のグッズを、車のトランクに詰めて、深夜2時ごろに「メリークリスマス!」と友人の家に配ってまわりました。いまでも宅のクリスマスの飾り付けに使っています。

  • クリスマスはこれをヘビーローテーション

    「Snowflakes」Toni Braxton

    「Snowflakes」Toni Braxton

    もう、何度聴いたかわかりません! このアルバムは、いわゆるクリスマスソングではなくオリジナル曲が中心のアルバムなんですが、強烈な女性ボーカルとベースの感じがとても印象的です。ぜひお試しを! 一家に一枚なアルバムです!

  • なぜかハワイ!

    Hawaiian 105 KINE

    ハワイの最もハワイらしいラジオ曲、Hawaiian 105 KINE。今年、ハワイに行ったときずーっと聴いていました。日本でもこのサイトで放送を聴く事が出来ます。いつもはノンストップでハワイアンなこのラジオ局、クリスマスシーズンはなんと、ほとんどずっとクリスマスソングばっかり!!しかもハワイアン。聞いた事のない曲やアレンジばかりで、とても新鮮です。

  • 「クリスマスなう!」

    「X'mas Now 2012」

    クリスマスに関するツイートから、クリスマスな画像をリアルタイムで自動収集するページです。日本各地のクリスマスイルミネーション画像を見ていると、幸せな気持ちになりますねー。実はこれ、ニフティ社屋の受付にある、でっかいサイネージにも表示されてます。その場でツイートしたクリスマス画像も表示されます!

    「Xmas Now 2012」
  • あとがき

    いつからクリスマスが好きなんだろう? 小学生のころ、チャリで行ける街の中心の、阪急百貨店の暖房の暖かさとクリスマス装飾、インストの大人っぽいBGM。その帰り道の寒さとのギャップ。どことなく物悲しいそんな気分に、ぼくは耳を赤くしながらニヤニヤしていた変なガキだった。でも、そのとき、装飾や音や香りの相乗効果で、気分よくさせる事を、体感的に知ったんだと思う。「いい気分の素」をまとめて演出することは、無理に今の仕事にこじつけるなら、とてもUXぽいと思う。

Works 制作実績

Reports レポート

このサイトは、ニフティ株式会社クリエイティブデザイン部が運営しています。

「クリエイティブ」や「デザイン」をテーマに、月ごとに発信するマガジンスタイルのウェブサイトです。
ソーシャルメディアやウェブテクノロジーなどの新しい手法を意識しながら、情報のよせ集めではないウェブサイトを意識しています。頭に汗をかきながら「考えたこと」や「つくったもの」を発表する場でもあります。

  • クリエイティブデザイン部メンバー
  • ウェブフォントデザインアワード2011
  • 東京デザイナーズウィーク 「#おいしいもの」
  • いろいろなサイトのロゴ
  • いろいろなサイトの画面写真
  • いろいろなサイトの画面写真
クリエイティブデザイン部について
ニフティ株式会社の、社内デザイン制作部です。現在20名ほどで構成されています。
制作部として、ニフティの各種サービスのデザインやコーディングを中心に、カタログやポスターなど印刷物も制作しています。サービスやコンテンツだけでなく、名刺などの自社ツールのデザイン、自社の宣伝や、サービスのPRに関するデザインなども行っています。
年間に400ほどのプロジェクトに取り組んでいて、その制作のノウハウから、制作ガイドラインやテンプレートを作ったりもしています。
キーワードは「おもしろく」
ひとつひとつの「もの作り」をとおして、お客様や社会に「おもしろさ」を提供できないか?ということを常に念頭に、作っています。
仕事をたのしめる場所と人をつくる
また、「楽しく働ける場も同時に作りたい」と意識しています。単に業務としてシゴトをこなすのではなく、企業内のデザインセクションですから、メンバーや関係者とアイデアを練り、「おもしろいシゴト」と「楽しく働ける場」を作っていきたいと考えています。
最新技術やウェブのトレンドだけを追わない
仕事柄、新しいウェブテクノロジーに関わることが多い私たちです。しかし、IT技術だけでなく、コピーライティングや音楽など、IT以外の旧来の手法や、手仕事なども組み合わせ、すこしウェブのトレンドとは違う観点で、ものを作っていきたいと考えています。
  • 発行
    : 毎月9日 12時前後に更新
  • URL
    : http://kuri.nifty.com/mock/
  • 発信元
    : ニフティ株式会社クリエイティブデザイン部
推奨環境
Windows
: Firefox 最新版、Chrome 最新版
Macintosh
: Safari 最新版

※推奨画面サイズ: 横幅1280px以上 ※Javascriptを有効にしてご利用ください

Back mocks バックナンバー

  • 自由研究

  • 今月のあれこれ

  • Works

  • Reports

  • クリ Creative team

  • Back mocks