DIGITALSTAGE - デジタルステージ ナイスBiND&IDサイト

bn_nicebind.gif

DeliVege

[BiNDSite]

DeliVege
サイト紹介:
名古屋在住の料理研究家の廣瀬ちえさんのウェブサイト。マクロビオティックのケータリングやイベント、料理教室などの案内を掲載。制作を担当した坂野旬さんによると「(BiNDは)とってもセンスのいい感じのウェブサイトが作れるので気に入っています」とのこと。

このサイトを見るLinkIcon


icon_nice.gif

  • タイトル画像がナイス! 料理の美しい写真に、優雅なイメージのSiGN miniバンドルの書体「AdajoPro」を組み合わせたビジュアルが、サイトの雰囲気ととてもマッチしています。
  • トップページにサイト全体のダイジェスト的な情報を掲載、さらにサイトの階層構造やページごとのレイアウトなど、全体としてナビゲーションがすっきりと整理されているところがさりげなくグッドです!

胡蝶楽群遊

[BiNDSite]

胡蝶楽群遊
サイト紹介:
唐津焼きの陶芸家、胡蝶楽群遊さんのウェブサイト。「古唐津に魅せられて、古唐津の歴史などを研究し、桃山陶の作風を目指しながら、世界にひとつしかない作品創りを目指しています。作品紹介の画像が非常に多いのですが、(BiNDは)サイズとか大きさを気にしないで編集・追加できるのがいいですね」とのこと。

このサイトを見るLinkIcon


icon_nice.gif

  • 100点以上の作品が、各々6点の写真で丁寧に紹介されています。接写の写真も豊富で器のディテールまでしっかり見ることができるのはナイス!
  • タイトル画像に俳句から引用された言葉などが散りばめられているのが印象的です。写真との相乗効果で作品のイメージが深く伝わってきます。

天章堂

[BiNDSite]

天章堂
サイト紹介:
東京・国分寺にあるハンコ屋さんのウェブサイト。制作を担当したakihikojapanさんによると、「モノづくり日本の、昔気質で頑固な印鑑職人が彫る本当によいものを、可能な限りお求めやすく」というコンセプトで作られたそうです。

このサイトを見るLinkIcon


icon_nice.gif

  • こちらのハンコ屋さんは、「職人による手彫り」がこだわり。サイトには、職人さんからのメッセージや、ハンコに関する興味深い情報などを掲載。いわゆるネット通販サイトとは一線を画す、こだわりの内容になっています。
  • ID、BiND、BiND2と使い続けてきたというakihikojapanさん。自らを「素人」とおっしゃっていますが、見事にBiND2を使いこなして、ハンコ屋さんの職人気質とマッチした、カチッと筋の通ったデザインのページを作り上げています。

TAKoOME

[BiNDSite]

TAKoOME
サイト紹介:
バンコク在住の日本人、takoomeさんの個人サイト。スマトラ沖地震のあとにウェブページを開設したtakoomeさん、「ウェブページの情報が増えるとともにどんどん収拾がつかなくなっていました。そんなとき、BiNDに出会い、BiND2に辿り着きました。いまはすごい可能性を感じながら使わせていただいています」とのこと。

このサイトを見るLinkIcon


icon_nice.gif

  • タイやニュージーランド、日本国内を旅した際のフォトエッセイを多数掲載。BiND2のブロックテンプレートのレポート記事などをもとにした、文章と写真のバランスのいいページが出来上がっています。
  • takoomeさん自身による、クオリティーの高い写真と軽妙なテキストがとてもナイスです。ついつい読みふけってしまいました!

フルカワデザインオフィス

[BiNDSite]

フルカワデザインオフィス
サイト紹介:
住環境をトータルに設計する建築・ランドスケープ設計事務所です。何度も挫折し続けたホームページ製作に、BiNDで初めて成功しました。

このサイトを見るLinkIcon


icon_nice.gif

  • 建築事務所さんのウェブサイトはたくさんありますが、こちらのサイトほど緑の写真が掲載されているのは見たことがありません! それもそのはず、この設計事務所のコンセプトは「LIFE WITH GARDEN」とのこと。
  • 各ページのトップにも気持ちのよさそうな庭のある風景写真を大きめに配置することで、フルカワデザインオフィスのトータルイメージを表現するのに成功しています。

イマジナール

[BiNDSite]

イマジナール
サイト紹介:
流行の移り変わりが激しく誰もが多忙な現代、本当に心地よくホッとできる「美しい暮らし」を求める方のために、エッセンスとなるような物をご提供したい、との想いで立ち上げたオンラインショップ「イマジナール」です。
これまでは一番のハードルだったサイト制作が、楽しい作業になるとはまったく嬉しい予想外でした。

このサイトを見るLinkIcon


icon_nice.gif

  • サイトのテーマカラーをモノクロに統一することで、スタイリッシュなページに仕上がっています。
  • またそのテーマのおかげで、掲載されている商品の色使いが引き立っている点がとってもグッドです!

KAMIKOBE visions photographs

[BiNDSite]

KAMIKOBE
サイト紹介:
自分のギャラリーサイトです。
フラッシュページなどはほかの写真用のアプリで製作してます。

このサイトを見るLinkIcon


icon_nice.gif

  • 写真家の上河邊さんのサイト。さすがフォトグラファー、力強い写真が多数掲載されたページは圧巻です。
  • ページの背景全面に写真を使用する手法は通常あまりよくないとされるものですが、こちらのサイトの一部のページでは非常に効果的に使われています。なかなか真似できないかもしれませんが、必見です。

おおい整体院

[BiNDSite]

おおい整体院
サイト紹介:
山形県の整体院、もみほぐしを基本として症状に応じた施術を提供しています。なんと3日で作成しました(ほんとですよ)。今までは苦痛だったサイト運営が一気に楽しくなりました。

このサイトを見るLinkIcon


icon_nice.gif

  • サイトの作者さん曰く「整体院らしからぬ暖色系の色使い」とのことですが、テーマカラーオレンジのサイトからは、こちらの整体院のアットホームな雰囲気が上手に伝わってきます。
  • サービス案内、アクセス、料金表など、必要十分な情報がすっきりとわかりやすくまとめられているところが◎。お客様の声や院長さんのプロフィール(生い立ち込み)など、来訪者が安心するコンテンツも充実しています。

東京調剤センター

[BiNDSite]

東京調剤センター
サイト紹介:
調剤薬局のホームページです。「親近感」というコンセプトを元に作成しました。BiNDで一番関心したのは、SEOに強いという事です。今日現在Yahooにて、「調剤」というキーワードで3位、「東京都 調剤薬局」で1位という驚くべき数字をたたき出しています。

このサイトを見るLinkIcon


icon_nice.gif

  • すっきりとした色使いで、情報量の多さにも関わらず、うるさくないデザインに仕上がっています。
  • 店舗紹介では、Google mapと連携して店舗の一覧を作成。各店舗や関連会社、首都圏エリアの地図などが効果的に埋め込まれています。
  • さらに、ブログと連携して更新を自動的にサイトへの反映させるなど、BINDといろいろな技術を組み合わせて、面白い発想を模索していきたいとのこと。ますますの進化に期待しています!

目黒青葉台矯正歯科クリニック

[BiNDSite]

目黒青葉台矯正歯科クリニック
サイト紹介:
矯正専門の歯科医院として、単に所在地や連絡先の告知にとどまらず、矯正治療に興味をお持ちの方の知りたいことを網羅できるサイトを目指しています。今回、BiND2の導入を機に、この半年で3度目のリニューアルを行いました。

このサイトを見るLinkIcon


icon_nice.gif

  • 歯科医院らしく、白を基調にしたすっきりしたデザインテーストのサイトです。
  • 基本情報がきっちりと盛り込まれたトップページは、サイトを訪れた人が迷わずたどり着けるようにナビゲーションが練られています。
  • コンテンツの量が比較的多いにも関わらず、メニューやボタンなどを駆使して情報が美しく整理整頓されているのが見事です。

DONNA

[BiNDSite]

S DONNA
サイト紹介:
個人的な趣味のサイトです。デザイン的にはシンプルにごちゃごちゃしないように心がけました。イラストと魚眼カメラのページはデザイン検討中で、いまはとりあえずのかたちです。

このサイトを見るLinkIcon


icon_nice.gif

  • 趣味の写真やイラスト、日常の雑感を綴ったコラムなどを公開しているDONNAさんのサイト。
  • シンプルな作りながら、平仮名を効果的に使ったメニューなど、細かな工夫で独特の雰囲気が生み出されています。
  • いつもお出かけの際に持っていくという魚眼レンズカメラで撮ったユニークな写真を多数掲載。日常の風景が違って見える、フィッシュアイフォトの魅力がよく伝わってくるサイトになっています。

まつなが あき イラスト

[BiNDSite]

SDC Web
サイト紹介:
初めて公開できるサイトをつくれたのも BiND のおかげ。
現在、押し入れ一杯にあるアナログイラストを
少しずつサイトに移行中です。

このサイトを見るLinkIcon


icon_nice.gif

  • フリーランスでイラストレーター / グラフィック・デザイナーとして活動しているというまつながさんの BiND サイト。作品の雰囲気をとても上手く活かしているサイトです。
  • 細かいところを見ると確かに BiND サイトなんですが、パッと見、BiND サイトっぽく見えない感じもあったりして、いい意味でオリジナリティを感じます。
  • ナビゲーションもスッキリしていて、どこに何があるのかすぐにわかるし、何度でも行ったり来たりできる。シンプルなようで、すごくよく考えられていると思います。 (TR2HG)

美サイレントエム

[BiNDSite]

SDC Web
サイト紹介:
福岡県にあるエステ・メイクのサロンです。
「歳を重ねるたびに美しくなる」を目指し日々邁進する
主宰の千代田美香のオフィシャル・サイトです。

このサイトを見るLinkIcon


icon_nice.gif

  • 女性向けのエステ・メイク・サロンのサイトですが、応募してくれたのは千代田さんという男性。つくっているのも千代田さんで、「日々、デザインや言葉の言い回しなど、苦労と努力の日々をすごしています」ということです。
  • ウェブサイトって、なんとなくユニ・セックスな印象がありますが、実はこのサイトのように特定の性別向けのモノも多いはずで、そういう意味でもとてもおもしろいな、とあらためて思いました。
  • 実際にやってみると、千代田さんの言う通り、けっこう難しいと思うんです、とてもいい感じにまとまっています。個人的には、背景画像や細かい画像素材のつくりかたや使い方でだいぶ印象が変わるんだなぁ、と感心しました。 (TR2HG)

GoMA photograph

[BiNDSite]

SDC Web
サイト紹介:
スクエア・フォーマットの写真ばかりのサイトです。
最初はブログにアップしていたのですが、
一覧で見せたくなり BiND を使ってサイトを作ってみました。
とても使いやすく、他のウェブサイト作成ソフトでは
到底できないクオリティのものがあっという間にできて感動しました。

このサイトを見るLinkIcon


icon_nice.gif

  • スクエア・フォーマット(正方形)の写真ばかり撮っているという GoMA さんの BiND サイト。プチ・サイトっていうか、こういう風にテーマを絞り込んだシンプルなサイトもとても面白いですね。サイト制作って、とかく、難しく考えちゃいがちなところがありますが、そうじゃない考え方もあるんだなぁ、なんて思いました。
  • ブログではできなことをやりたいから BiND を使うというのも、ボクたちが BiND をつくった理由のひとつなので、そういう風に使ってもらえるとすごく嬉しいです。
  • 正方形の写真、新鮮ですね。とても不思議な感覚です。シンプルなようで奥が深そうですね。 (TR2HG)

FIRE MOUNTAIN

[BiNDSite]

SDC Web
サイト紹介:
マック OS が OS X になってから
サイトを作るアプリがなくなって更新に困っていたのですが、
BiND を見つけて昨年オープンした
ショットバーのサイトを BiND で作り変えてみました。
コンセプトは「派手でガチャガチャしてるサイト」です。
お店のコンセプトに合わせてみました。

このサイトを見るLinkIcon


icon_nice.gif

  • kozo さんがつくったアメリカン・ショットバー、FIRE MOUNTAIN のサイトは一目見てわかる通り、とても不思議です。たしかに BiND サイトなんですが、なんか雰囲気が違う。なんだろう? って思ったら、いろんなところにいろんな仕掛けがあるんですね。「派手でガチャガチャしてるサイト」というコンセプト通り、とても賑やかなサイトです。
  • いろいろなところでいろんなものが点滅していたり、「News」のページのようにブロックの中に CGI が入ってたり、細かい仕掛けがいっぱいです。
  • こういう BiND サイトって見たことなかったんで、すごく新鮮です。自分たちでつくっといてこんなこと言うのも変ですが、アイデア次第でホントにいろいろ、それこそボクらも想像してなかったようなことまでできちゃうんですね。 (TR2HG)

swimminglife.com

[BiNDSite]

SDC Web
サイト紹介:
趣味で始めた水泳にどっぷりはまり、
水泳の練習会で知り合ったコーチのサイトを
リニューアルすることになりました。
当初は別のツールで更新の準備をしていたのですが、
BiND を購入し実際につかってみて、
更新やページ作成が BiND のほうが楽で
企画・編集に集中できてる BiND でつくることを決めました。
Google の解析も設置したので、
アクセス状況をみながら更新して、
充実したサイトにしたいと思っています。
いまは BiND に感謝! 感謝! です。

このサイトを見るLinkIcon


icon_nice.gif

  • このサイトをつくっているゲンタロウさんはウェブ / グラフィック・デザイナー。つまり、ウェブのプロの BiND サイトということです。開発してる時からプロの人にも使って欲しいと思っていたボクらとしてはとても嬉しいし、同時に興味津々です。
  • BiND の良いところ、BiND だと楽なところを活かしつつ、要所要所にプロならではのスキルを使ってアクセントを加えてて、実際の出来映えもとてもナイスです。「アクセス状況を見ながら充実したサイトにしたい」というのも、とてもプロらしい視点です。いろいろな面でBiND ユーザーにとって参考になる点も多いんじゃないでしょうか。
  • ここではこのサイトをメインに紹介しましたが、実はゲンタロウさんは 3 つのサイトを応募してくれました。残りのふたつは「東京ベイスイミング」と「台湾マスターズ大会」。同じ会社が運営している別のサイトということで、それぞれ違った特色のサイトになっていて、こちらもいろいろと参考になる点、満載です。 (TR2HG)

design and run

[BiNDSite]

SDC Web
サイト紹介:
私はフリーランスでグラフィック・デザインの仕事をしていますが
2007 年の 7 月頃から自己流で木版画を始めました。
このサイトは主にそれらの作品を見ていただくためのものです。
「おまかせで作る」のテンプレートを活用&参考にし、
ビルボード用に横長の作品を描き起こすなど、
全体の統一感を出すようにしました。
まだ作品数も少なく、動きなし、音なしのため、
すぐ見終わりますがその分、見やすいともいえます。

このサイトを見るLinkIcon


icon_nice.gif

  • とても味のある木版画の作品を紹介する大山さんの BiND サイト。ご本人のコメント通り、とても見やすいサイトです。
  • グラフィック・デザインを仕事としているというだけあって、要所要所の細かい部分がつくり込まれていて、それがサイト全体のデザインのいいスパイスになっています。
  • 全体のデザイン・テイストもとてもシンプルで、さすがという感じです。個人的にも、とても好きな BiND サイトです。 (TR2HG)

time A design

[BiNDSite]

SDC Web
サイト紹介:
照明デザインとショップ & ギャラリーを持つ、
デザイン事務所のサイトです。
ギャラリーの展示内容情報などを
メインにアップしています。

このサイトを見るLinkIcon


icon_nice.gif

  • 馬場さんが応募してくれたのは照明関連のデザイン事務所のサイト。シンプルなデザインが特徴的です。
  • とくにビルボード部分の写真のチョイスがとても好きです。すごく印象に残りますね。
  • 以前は ID でつくっていて BiND でつくり直したそうですが、今度、ぜひ ID も組み合わせてみてくださいね。ビルボードとかフォト・アルバムだけ ID にしたりするだけで、また、印象は変わりますよ。 (TR2HG)

日本伝統文化普及協会

[BiNDSite]

SDC Web
サイト紹介:
きものを教える学院のウェブサイトです。
日本文化を感じる色づかいに注意して、
また見る人が迷わないページにすることを
心がけて作りました。

このサイトを見るLinkIcon


icon_nice.gif

  • 「日本伝統文化普及協会」という、きものを教える学院のウェブサイト。50 歳から HTML の勉強を始めて 5 年という伊藤さんがつくった BiND サイトです。
  • ウェブで和モノを表現するのはけっこう難しくて、「ちょっと和のテイストを入れつつ…」みたいな感じのものが多い中、これだけ全面に和のテイストを使いつつ、違和感なく仕上がっているのがとてもすごいな、と感心しました。
  • サイト紹介にもある通り、ナビゲーションがとても整理されていて、見ていてストレスを感じることがありません。シンプルなようでいて、実は細かいところまでちゃんと考えられているサイトだと思いました。 (TR2HG)

TAKE IT EASY!

[BiNDSite]

SDC Web
サイト紹介:
神戸の劇団「TAKE IT EASY!」の公式サイト。
プロフィール、出演情報、メンバーのブログ、動画配信等。
写真を豊富に使って、シンプルに仕上げています。

このサイトを見るLinkIcon


icon_nice.gif

  • まず、最初に目を引いたのは写真。やわらかい雰囲気がとってもいいですね。全体に統一感があって、とってもステキです。
  • メニューやサイドバーなど、共有をとても上手く使ってて、ナビゲーションも内容もすごくわかりやすいです。
  • あと、シンプルですが、色の組み合わせ方やデザインの使い方が絶妙です。簡単そうで、案外難しいんですよね。
  • ブログやポッドキャストなど、いろいろなカタチでの情報発信を上手く組み合わせてるところも、とても面白いですね。 (TR2HG)

GROOVE FOUNDATION

[BiNDSite]

SDC Web
サイト紹介:
ダンススクールの公式サイトです。
スクール自体は特に設備もない、
手作りの質素なスタジオの為、
自分が主催した公演の写真を主に使用しています。

このサイトを見るLinkIcon


icon_nice.gif

  • ダンサーを 18 年間やっているという GREEN MASTER さんが経営しているダンススクールのサイトです。ストリート系のダンスということで、ファンキーなカラーリングが印象的です。
  • インストラクター紹介のページも写真でズラッと並んでてカッコイイですね。動画も YouTube で観れたりするし、観てて楽しいサイトです。
  • でも、何が一番いいと思ったかというと、ダンススクールのサイトとしてすごくちゃんとしてる、つまり知りたいことがキチンと載っていて、それがどこに載っているかすぐにわかる、しかも、それがキチンと雰囲気やイメージが伝わるようなデザインで掲載されている、ということです。もちろん、当たり前のことなんですが、当たり前のことが当たり前にわかるというのはとても大事だし、案外難しいことです。例えば、ボクがダンスを習いたいって思ったら知りたいだろうな、と思うことがすごくキチンとまとまってて、しかもやっている人のキャラクターも見えてくる気がしたのです。そんな感じがとても BiND っぽいというか、そういうサイトを BiND でつくって欲しいと思っていたので、なんだか、ちょっと嬉しくなりました。 (TR2HG)

ナイス BiND & ID サイトとは


みなさんがつくった
BiND サイトと ID サイトを
紹介するページです。

ご応募いただいたサイトの中から、
「ナイス!」と思うものを
dsp(デジステ編集部)LinkIcon
ピックアップして、
このページとメールマガジンで
随時紹介しています。

コンテストではありませんので、
完成したサイトでも
制作途中のサイトでも、
どうぞお気軽にご応募ください!!

【ご注意】
ご紹介サイトでは、BiND1/2やID以外のソフトウェアや、システム、サービス等が使用されている場合があります。
すべての内容がBiND1/2およびIDのみで作成されたサイトとは限りません。また、実際に運営されているサイトとなりますので、掲載当時から更新されており、掲載内容につきましても異なるケースがあります。あらかじめご了承下さい。

応募はこちらから!!


応募は以下の要領で。

メールタイトル:
ナイス BiND & ID サイト応募

メール宛先:
dsp@digitalstage.netLinkIcon

お名前(ニックネーム):
サイトのURL:
ご自分の自己紹介:
サイトの自己紹介:
BiNDやIDへのご意見・ご感想:

※ ご応募いただいたサイトがすべて掲載されるわけではありませんのであらかじめご了承ください。

RSS で更新情報を配信中

このページの更新情報は
RSS で配信されています。
お手持ちの RSS リーダに
登録することで随時更新情報を
取得できますので、
ぜひご利用ください。

btn_rss.gif

BiND × Movable Type

ご覧のページは試験的にBiNDとMovable Typeを組み合わせて作成・更新されています。

-> 「Movable Type」を検索する


BiNDとMovable Typeの組み合わせ方法についてはBiNDの操作以外に高度な技術が必要となります。その為技術的な質問等には一切お答えできません。
ご了承ください。