FHW BLOG仮

FHWブログトップ > アーカイブ > 2010年12月アーカイブ

2010年12月アーカイブ

DATE : 2010.12.23

ipadアプリのインターフェースデザイン

チャーリー チャーリー

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
ヒルトンワールドワイド様のipadアプリ「iの結婚式」のインターフェースデザインを弊社にて担当させて頂きました!

各種ニュースサイトでも紹介されています!

http://mainichi.jp/select/biz/bizbuz/news/20101213dog00m020038000c.html

http://headlines.yahoo.co.jp/hl?a=20101213-00000015-maiall-bus_all

http://itpro.nikkeibp.co.jp/article/NEWS/20101213/355164/

http://www.excite.co.jp/ism/concierge/rid_25930/

gallery_top.jpg
















gallery_category.jpg















gallery_photo.jpg

page top

DATE : 2010.12.14

ペンタブ、このやろう

ウェス・ニトダーソン ウェス・ニトダーソン

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
こんにちは、デザイン部のニトダーソンです。
ところで、弊社のデザイナーはみんな、ペンタブレットを所有しています。イラストを書いたりトレースしたりと、実にスマートに使いこなしてやがるのですよ、私以外は!!おさがりで1台もらったものの、手元とモニターでの感覚がさっぱり合わせられません。
そう、不器用。鉛筆の持ち方も変だし、お箸も今頃やっと直ったという自分には、このデバイス難しすぎます・・・。
kiyou.jpg
↑トレースのつもりが、アートな仕上がりに!

それも悔しいでちょこちょこ練習をはじめたのですが、上達用のゲームがあるというのを知りました。
http://tablet.wacom.co.jp/wacomclub/game/index.html

自分で書いたキャラを戦わすというゲームもあります。マウスでも遊べるので、myキャラ作ってみるのも一興かと。
写真の左側のは、腱鞘炎になりそうな勢いで描いたmyキャラです。
game.jpg
こういうのは下手ウマでもいいからアリだけど・・・。うまくなるぞ!!



page top

DATE : 2010.12.10

ASCII.jp Webディレクション最新キーワード に弊社執筆の記事が公開されました!

ディレクター:Y ディレクター:Y

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
サボリーマンばりにブログをサボっています。
黄色いシュワシュワ好きのディレクターYです。

ここ半年くらい、リフレッシュと健康のために、週末はチャリンコに乗って放浪しております。そしたら、なんと体もシェイプされてきており、いままでパッツンパッツンだった服がいい感じに着られるようになしました(^O^)/

さて、今回は弊社のお知らせをさせていただきます。

弊社で執筆しました記事が、アスキーメディアワークスさんのサイト「ASCII.jp」で公開されております。随時アップされていきますので、ぜひ見てみてください。

■ASCII.jp
http://ascii.jp/elem/000/000/573/573506/

金色に輝く伝説の『スーパーディレクター』に覚醒できる日を夢見て、純粋な気持ちで日々ディレクションしております。

んっ、何?
少し内容が浅いんじゃないかって?
まあ、原稿には文字数の制限というものがあったりするもので^^;
ディレクターとはこんなことをやるんだな~、というのがわかってもらえればよいかと。

page top

DATE : 2010.12.09

弊社実績を一挙に7本公開しました

チャーリー チャーリー

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
どうも、ブログサボりまくりの企画部チャーリーです。

ここ数日かなり寒くなり、やっと冬らしくなってきたという感じですね。

最近は登山にちょっとハマりだしていて、今週末も行ってきます。
といっても、かなり低山で初心者向けの山なんですが、少しづつ標高の高い山に登っていく予定。

登っているときはめっちゃ辛くて、なんで自分は山にのぼるのか?とか考えてしまったりもするんですが、
頂上まで上り詰めたときの爽快感、景色の美しさはそれらをすべて吹き飛ばしてしまうのです。


とまあ、どうでもいい話は置いておき、

弊社の溜まっていた実績を一挙に7件更新しました!

FHWのWEBサイト制作実績ページ


今回はいつもお世話になっているJTBパブリッシング様の特集案件や、ホテル関連のサイト、特殊法人様のサイトなど、バラエティに富んだものとなっています!
是非ご覧になってみてください。

近日中にはまた何サイトかアップする予定です。

ではではでは、失礼いたします。

page top

DATE : 2010.12.07

公開されました!賃貸物件検索サイトRoom'Spot【デザイン編】

chinup chinup

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ

こんにちは。chinupです。

先日、私がデザインを担当した
中央ビル管理:賃貸物件検索サイト「Room'Spot」(ルームスポット)
が公開されました! わーい!



検索サイトのデザインの鉄則と言えば...

●迷わない動線
●カテゴリーのわかりやすさ

●ボタンのわかりやすさ
そんなことに気をつけながら、
どんな気持ちで作ったのかってのを紹介させて下さい。


■トップページ

賃貸物件検索サイトRoom'Spot・トップページ


Room'Spotさんはキーカラーがピンクとライトグリーンの
かわいくて爽やかなブランディングをされています。
お店のインテリアや、POP、キャンペーンの時に配る風船も。
ピンクとライトグリーンで統一されている徹底ぶり。
サイトを見てからRoomSpotさんのお店に行ったときに
その印象を崩さないように、キーカラーを踏襲。


全体で検索も出来るのですが、
12のエリアから重点的に見ることができるのも
Room'Spotさんでの特徴なので、
写真ともに入り口をメインで設けました。




■各エリアページ

1賃貸物件検索サイトRoom'Spot・各エリアページ

カラーは検索に関することをピンクで。
お店・Room'Spotさんからの情報をライトグリーンで色分けしてあります。
mmやcmやmの単位を揃えるように、
情報によって、色を揃える。わかりやすさのコツです。
地下鉄の出口は黄色い看板で統一されてますよね。
(デザイン勉強するまで気づきませんでしたが。。。)


各エリアのコピーやこだわり条件は
エリアごとに地域の特色を出しています。
各店舗の方が写真も新しく撮り直したり、
原稿を書いていただいたりして、
協力がすばらしいな~って思いました。


賃貸物件検索サイトRoom'Spot・アイコンたくさん作りましたの図

アイコンを沢山入れることにもこだわってたりします。
私自身がそそっかしいため、
文字以外の情報があると、何となくわかる。
こだわり条件は各エリアで違うので、沢山のアイコンを作りました!




■一覧ページ

賃貸物件検索サイトRoom'Spot・一覧ページ

今どこのエリアで探しているのか、ってゆうのを
ボタンやヘッダーでちょいちょいアピール!
リストエリアではパッと欲しい情報が目に入るように
強弱を付けています。

画像を使わずテキストのみで見やすく。 もうこの辺になってくると、
テキストなのにcssのみでわかりやすくコーディングしてくれたり、
写真をデザインに合うように正方形にトリミングする
スクリプト書いてくれたり、
そんな技術的な要素の方が特筆すべきことかも。。。
システムも弊社で開発してたりするので、
その大変さはまたチャーリーかハルさんあたりが書いてくれるかな。。?




その他
■詳細ページ

■路線・こだわり・住所から検索ページ
とか一通りデザインさせてもらいました!
これから追加するページの計画があったり、
まだまだRoom'Spotサイトは進化の途中ですが、
ひとまずリニューアルということでご紹介させて頂きました。


埼玉県・千葉県の賃貸専門サイトRoom'Spot(ルームスポット)

ご覧いただけたら幸いです。

page top

  • 1
最近の記事一覧
最近のコメント一覧
最近のトラックバック一覧
カテゴリ一覧

コーダーTIPS

ディレクターの・・・

デザインTIPS

アーカイブ

2012年

2011年

2010年

2009年

2008年

2007年

タグクラウド

My tweets
Loading..

HTML5実践

Powered by Movable Type 5.02