BiND for WebLiFE*3 [ユーザー事例]


BiND for WebLiFE* 3

特典CD-ROM付きDSストア・オリジナルモデルがDSストア特別価格!さらに、送料・手数料0円!最短即日発送!


img_01.png

  • anchor_2.jpg
  • anchor_3.jpg
  • anchor_1.jpg
  • anchor_4.jpg
  • anchor_5.jpg
  • anchor_6.jpg

※掲載中のサイトでは、BiNDやID以外のソフトウェアやシステム、サービス等が使用されている場合があります。そのすべてがBiNDまたはIDの機能だけで作れるものとは限りません。
※BiNDを使う人のスキルによって、完成するサイトには個人差が出ます。掲載中のサイトがそのままの形で作れるわけではありません。
※文中で紹介されている「ID」とはBiNDと姉妹ソフトであるFlashサイトを作るソフト(ID for WebLiFE)です。

img_02.jpg

レンタルカートを上手に取り入れた手作りのネットショップ

イマジナール http://www.imaginar.jp/

img_08.jpgimg_09.jpgimg_22.jpgimg_07.jpg※外部

img_11.jpg心地よい魅力のビンテージ物の雑貨を扱うオンラインショップです。
これまで一番のハードルだったサイト制作が楽しい作業になった、と驚きと喜びの声を上げるのは、ウェブ制作が全く初めてと言う女性のサイトオーナーです。

2-1.jpg
img_17.jpg

ここがみどころ

2-4.jpg
img_14.jpg

ポイント1 外部のレンタルカートをうまく活用
トップの写真や色のトーンなどお店の世界観が伝わるようなデザインを心掛けているというオーナー。テンプレート付きのレンタルカートは安価・簡単で魅力的でも、お店のブランドを反映させるにはデザインに妥協が伴うことも。
そこでBiNDでこだわりのサイトデザインを作り、カートは外部サービスを利用しています。

2-3.jpg
img_14.jpg

ポイント2 オリジナルのページレイアウト
いい意味で、imaginarのページにはBiNDっぽさがありません。
外部のページと違和感なく連動させるために、BiNDに入っているブロックテンプレート(ページレイアウトの例)を参考に、それらを組み合わせてオリジナルのレイアウトを完成させたそうです。

2-5.jpg
img_14.jpg

ポイント3 製品ブランドのバナーは「SiGN」で魅力的に
ネットのお店では数ある商品をどれだけ多くお客さんが目にしてくれるかが鍵。サイドメニューを使ってカテゴリで分ければ、ラインナップは見やすくなりますが、文字情報では製品の雰囲気まで伝わりません。
そこで、ブランドごとにバナーを作り、商品写真を使ってビジュアル化。BiNDのパーツ画像を作るソフト「SiGN」を使えば、汎用の画像ソフトを使うよりも圧倒的に簡単に作れます。

BiNDを使っての感想

・HP制作は全く初めてでしたが、BiNDのおかげで無事にオープンする事ができました。
・「Ajax」機能のアコーディオンを使った部分は文字情報をすっきり見せる事ができてスペースの有効活用にも最適です。

gr_top.gif

img_02.jpg

わずか20分の1の予算で思い描いていたサイトが完成!

○美鍋-MARUBINABE- http://www.marubi-nabe.jp/

img_08.jpgimg_09.jpg

img_11.jpg美容と健康と団欒をテーマにした楽しいコラーゲン鍋、○美鍋(マルビナベ)のオフィシャルサイト。
普段は、企画・デザインの業務に携わりWebの運営を担当しているという作者は、今回外注を諦めて、BiNDでWebのデザインに初チャレンジしたそうです。

3-1.jpg
img_17.jpg

ここがみどころ

3-2.jpg
img_14.jpg

ポイント1 「美」をテーマに、ピンクと赤で色を統一
お店のコンセプトは、楽しく食べられる鍋。そして「美容・健康」。
美や女性をイメージさせるピンクと赤をキーカラとして全面的に使い、視覚的にブランドを後押ししています。情報を誰よりも伝えたい自らの手でアイデアを直接カタチにできるのは、予算削減とはまた別の最大のメリットです。

3-3.jpg
img_14.jpg

ポイント2 5つの要素をトップとサイドからナビゲーション
お鍋の特長から、店舗案内、ブログまで伝えるべき情報を5つの項目に絞り、トップとサイドからダブルでナビゲーション。
初心者には難しいナビゲーションや構成も、BiNDに入っているテンプレートは、サイトが丸ごと入った完成形=手本なので、色々と参考にしながら作れます。

3-4.jpg
img_14.jpg

ポイント3 お鍋の楽しみ方をスライドショーでご案内
オススメのコース料理を、料理から特製のソース、薬膳スープの効用まで計14枚の写真をFlashを使って楽しく演出しています。
姉妹ソフトIDのFlashテンプレートを使っているので、写真と文章を入れるだけで簡単に設定できます。

BiNDを使っての感想

・Webの制作予算が100万円、更新料は別途・・と見積もられて探し当てたのがBiNDです。結果、やりたかったことが5万円未満(BiNDとIDのソフト代のみ)でできました。
・予想を裏切る良いソフトで、上司や取引先からも評判が良く大変満足です!
・BiND3で動画やニュースなどを新たに組み込んで、さらなる集客をねらおうと構想中。

gr_top.gif

img_02.jpg

大規模なサイトを社内でスピーディに構築・更新!

加ト吉 http://www.katokichi.co.jp/

img_08.jpgimg_09.jpgimg_10.jpg

img_11.jpg大手冷凍食品メーカー加ト吉の公式サイトです。この規模を広報の2人で内製しているというから驚き!自前に作るメリットは、「生活者へタイムリー
に情報を提供できること」だそうです。

web1_1.jpg
img_17.jpg

ここがみどころ

web1_2.jpg
img_14.jpg

ポイント1 お客様の入り口であるトップはタイムリーに更新
トップページのビルボードは、商品の大きな写真1点。
実はこれ、ほぼ毎日差し替えられていてビジターを飽きさせません。例えば、テレビで話題になった商品を即座に切り替えるのだそうです。
これも更新性抜群のBiNDと、少人数ゆえのチーム編成だからこそ。

web1_3.jpg
img_14.jpg

ポイント2 見る人が知りたい情報へたどり着ける工夫
100ページ以上に及ぶ膨大なコンテンツの整理整頓に工夫があります。商品情報やレシピなどをサイドメニューに入れてコンバージョンを上げる工夫をしつつ、BiNDのAjaxで折りたたむように見せてるので、情報が散漫になりません。

web1_4.jpg
img_14.jpg

ポイント3 会社情報はFlashを使ってビジュアル化
硬くなりがちな会社情報をBiNDと姉妹ソフトのIDを使って動きをプラスすることで、親しみを持ったページに仕上がっています。企業の姿勢をお客様にきちんと理解してもらうことも大事なことです。

BiNDを使っての感想

・弊社の規模で(素人なのに)フットワークの良い動きが出来るのに感謝!
・SEO的に完璧なところも気に入ってます。

gr_top.gif

img_02.jpg

YouTubeが大活躍のポートフォリオサイト。

HIRO GARAGE http://hirogarage.jp/

img_08.jpgimg_09.jpgimg_04.jpgimg_10.jpg

img_11.jpgインディーズを中心に音楽媒体の写真撮影・ミュージックビデオ・ホームページ制作しているデザイン事務所のサイト。
これまで手がけた柔軟かつ斬新なアイデア溢れる作品を見せるポートフォリオサイトは、アーティストや関係者にも喜ばれているそう。

4-1.jpg
img_17.jpg

ここがみどころ

4-2.jpg
img_14.jpg

ポイント1 ミュージックビデオはYouTubeをフル活用
作品のミュージックビデオはYouTubeで公開しているので、たくさんの動画でもサーバーに負荷を掛けず、ストレスなく見せられます。BiNDならばタグを貼り付けるか、専用ウェブサービスSYNCを使えばオリジナルのプレーヤーでも見せることができるのでお勧めです。

4-3.jpg
img_14.jpg

ポイント2 新たな発注の窓口を設けるのは鉄則
ポートフォリオサイトには欠かせない、新規のお客様からの問合せ窓口は言うまでもなく必須です。BiNDフォームを使えば、CGIやサーバー設定などの難しい専用知識が要りません。寄せられた内容は、Googleのスプレッドシートに蓄積され、Excelと互換性のあるファイルに書き出すことも可能です。

4-4.jpg
img_14.jpg

ポイント3 アーティストのWebサイトもBiNDで
手がけたアーティストのWebサイトにはBiNDサイトがいくつかあります。どれもアーティストに合うディレクションが施され、テイストもすべて違うことに驚きます。テンプレートから出発するBiNDですが、カスタマイズの工夫・腕次第でここまで変わるのでおもしろいです。

BiNDを使っての感想

・BiND3からページの幅が変更出来るようになり、より柔軟なデザインに応えてくれる最高の相棒になりました!
・BiND1からずっと使っています。BiNDが生まれて、本当によかったと思っている一人です。

gr_top.gif

img_02.jpg

Flashを使った写真の魅せ方が巧みなギャラリーサイト

東西新風堂 http://www.shinpudo.com/

img_08.jpgimg_09.jpg

img_11.jpg素材にこだわった”完全フルオーダー”の住宅リフォームを手がけるインテリアショップのサイトです。苦手というFlashをIDのカートリッジでフォローしながらも、演出手法はさすがのプロの技です。

5-1.jpg
img_17.jpg

ここがみどころ

5-2.jpg
img_14.jpg

ポイント1 IDをメインとしたレイアウト組みをBiNDで
ウェブデザインを始めて10年。DreamweaverやFlashも使えるものの、BiNDやIDの手軽さに助けられているという制作者の渡部さん。スクロールを長く発生させたくないために、サイトサイズが横長のIDをメインにしたレイアウトをBiNDで組んでいるのがおもしろい使い方です。

5-3.jpg
img_14.jpg

ポイント2 大胆さと繊細さを使ってギャラリーを演出
住宅はもとより、オリジナル家具やカーペットなどデザイン的な商品を扱うため文章よりも写真を使った表現を心がけるのが制作時のモットーだとか。1枚の写真を大きく見せるのにも、見せ所によって大胆さと繊細さを使い分け、Flashの特性を最大限活かしています。

5-4.jpg
img_14.jpg

ポイント3 情報量の多いカタログをFlashページで作る
写真を大きくゆったり見せるスライドショーだけがFlashの利点ではありません。情報量の多いカタログページは、Flashの切り替えによって、決まったサイズ内でスクロールさせずにたくさんの情報を見せることに成功しています。
IDのカートリッジを適切に取り入れるアイデアはさすがプロの技です。

BiNDを使っての感想

・思ったよりも細かな設定が出来るので、素早くオシャレなサイト制作にぴったりです。
・BiNDは自動でCSSを書き出してくれるのでDreamweaverに比べてレイアウトに時間がかからずデザイン作業に集中できます。
・今までブラウザの検証に時間を取られていたので、互換性が保証されているのが助かっています。

gr_top.gif

img_02.jpg

ブログを使ってメンバー全員で更新!が今のスタイル

TAKE IT EASY! http://www.tekuiji.com/

img_08.jpgimg_06.jpgimg_04.jpg

img_11.jpg同世代の女性が集まったエネルギッシュな演劇ユニット「TAKE IT EASY」のウェブサイト。
運営は自分たち以外では考えられない、と今ではメンバー全員がそれぞれブログを持ち、サイトを更新しています。

6-1.jpg
img_17.jpg

ここがみどころ

6-2.jpg
img_14.jpg

ポイント1 メンバー全員のブログをひとつのサイトで見せる
これまでデザイナー1人がWeb担当として運営していた公式サイトを、メンバー4人のブログでそれぞれ情報を好きなタイミングで更新する、というスタイルで全面リニューアル。SYNC機能の「BiNDブログ」を使えば、BiNDサイトの中でブログ記事を展開することができるので、外部リンクで飛ばさずに、デザインも統一して作れるのがメリットです。

6-3.jpg
img_14.jpg

ポイント2 個人ブログ以外も情報はブログ形式に
ブログの良いところは、ネットに繋げば誰でもどこからでも記事をUPすることができるということ。メンバーの個人のブログだけではなく、"出演情報"や"メディア情報"などの必要な情報の更新も、ブログで行なっているところが新しいです。
今では、どこからでも自由に、講演情報を2人で更新しているそう。

6-4.jpg
img_14.jpg

ポイント3 問合せフォームはもちろんBiNDフォーム
ほぼSYNC機能を使ったページで運営されているサイトですが、もちろん、出演依頼や講演に関する質問などの窓口も、BiNDフォームで作られています。だから、設定は質問項目を入れていくだけという簡単な作業。どこに時間をかけて、どんな情報の出し方をするのが自分たちに合ったスタイルなのか、シンプルなコンセプトが参考になります。

BiNDを使っての感想

・Dreamweaverで挫折して一度ブログへ移行し、その後BiNDでサイトを運営。そしてBiNDサイトの中にブログが貼れると知って、なんとかその構造を活かしたいと、今のスタイルに。シンプルで使いやすく、気に入っています!
・これまでバラバラだった個人ブログを統一できたことで一体感が生まれました。
・一部記事にブログ機能を盛り込み、複数のメンバーで更新できるようになったことを生かして、どんどんいいページにしていきたいです!

gr_top.gif

バナー2+.png