HTMLやCSSの知識なくしても美しく洗練されたWebサイトを制作することができるWebオーサリングソフト「BiND for WebLiFE*」(以下、BiND)がバージョン5として発売された。BiND5では、レイヤーなどをサポートしてより高度な編集が可能となった画像編集ソフト「SiGN Pro」やMicrosoft Office Word、Excelデータを簡単に取り込める「BiND Office Importer」などを搭載。BiNDだけで、より効率的なWeb制作環境を提供する。BiNDを使って初めてWeb制作にチャレンジした株式会社ハグの岩崎託也さんにお話しを伺った。


東京をベースとして家事代行事業を展開する株式会社ハグの岩崎託也さん。以前は、グラフィックデザイナーやDTPクリエイターとして活躍していたが、2010年8月からハグの事業活動に専念。主力の営業ツールとしてのWebサイトの制作・運用を担当されている。
岩崎さんが担当する以前は、プロ向けのWeb制作ソフトを利用していたが「機能を使いこなすのが大変で、コンテンツひとつ作るのにたいへんな手間と時間がかかっていた」という。営業ツールとしてのWebサイトでは、新しい情報をタイムリーに発信することが重要だが、「伝えたいことをすぐに伝えられないジレンマがあった」のである。BiNDは、このジレンマを解決するソフトとして導入された。
「グラフィックデザイナーとしてPhotoshopなどのツールは使えるが、HTMLやCSSの知識はほとんどない」という岩崎さん。BiNDを使って初めてチャレンジしたWeb制作は、「使う前は難しいと考えていたのですが、BiNDでは感覚的に作業することができ、とても効率的にWebをリニューアルすることができました。BiNDの使い方も1週間程度でマスターできましたね。」
グラフィックデザイナーである岩崎さんがBiNDを簡単に使いこなしたのは、「リニューアルにあたって、先にWebサイトの完成形をイメージしていた」ことも大きいだろう。「テンプレートは完成形イメージに近いものを選び、ほぼ原形をとどめないくらいデザインやパーツをカスタムした」という。
「今でもHTMLなどの知識はほとんどないのです。それでも、BiNDではブロックやパーツを配置して、色や画像を変えていくという単純な作業でイメージしたデザインに仕上げることができます。もちろんDTPと違ってWebでは微調整の効かない部分もありますが、デザイン側を調整することで折り合いをつけ、やりたいことはほぼ実現することができました。」
HTMLなどのコーディングだけでなく、「FTPによるデータアップロードなども経験の浅い人には不安になる作業」だが、これもBiNDを使えばサーバ情報を登録してアップロードボタンをクリックするだけだ。
Webサイトのリニューアルを考えていた当初は、制作作業を外注することも考えていたという岩崎さん。
「BiNDと写真素材の購入費を合わせて5万円ほど。原価として考えればコストパフォーマンスはほんとうにすばらしいメリットだと思います。」
岩崎さんがBiNDでよく利用する機能がテーブルエディタ。「お客様へ伝えたい情報には、より分かりやすくするために表で整理してあげたいものが多くあります。テーブルエディタでは、表の表現力も豊富で、視覚的にもより分かりやすい情報提供ができます。」
また、タブによってコンテンツ内容を動的に切り替えるAjax機能の入ったパーツもよく利用するという。
「ほかのWebサイトでも利用されているこういった動的な機能をBiNDなら簡単に取り込むことができます。これはWeb制作経験が少ない人にとっては大変なメリット。ほかにもBiNDではWebページとしてのいろいろな機能を組み込めますが、機能を知ることでコンテンツ表現の幅も広がるのです。」
デザインパーツはPhotoshopなどの別ソフトを使って制作し、それをBiNDに取り込むという手法をとっている岩崎さんだが、「BiNDにはSiGNもあるんですよね*。ほかの画像編集ソフトにコストをかけることなく、BiNDだけで画像素材をつくれる点もメリットは大きいと思います。BiND 5ではWordやExcelデータも取り込めますが*、これもリソースデータを簡単に活用できるという点でうれしい機能です。」という。
「BiNDを導入したことで、パソコンにかじりつくことが少なくなり、イベントやセミナーへ取材に出向いたり、スタッフと動画を撮影したり、お客様にアンケート調査を行うなど、ほかの作業に費やす時間が増えました。それが、Web制作の新たなコンテンツのアイデアに繋がったりしています。コンテンツの目的とデザインさえ決まればスピード感をもって公開できる点。これがBiNDの最大の魅力ですね。」




HTMLやCSSを意識することなくHTML5やCSS3に対応したWebサイトを、プロレベルの洗練されたデザインで制作できるという特性を備えたWebオーサリングソフト。Webページ上のコンテンツをブロックという単位で追加・編集・削除ができ、ブロック内にはテキストや画像以外にも、ボタンなど機能性を有するさまざまなパーツをGUIベースの簡単操作で配置していくことができる。
100種類以上搭載された豊富なテンプレートは、いずれもプロがデザインしたもの。テンプレートを選んだ後でも、デザインやレイアウトパターンの組み合わせを変えることで、オリジナルデザインを簡単に仕上げることができる。
https://www.digitalstage.jp/bind