石井穣　 STUDIO株式会社 CEO/Design Chief
甲斐啓真　STUDIO株式会社 CPO/Founder

僕たちが開発した「STUDIO」は、デザインとコードをひとつにしたまったく新しいデザインツールです。必要な操作はドラッグ＆ドロップだけで、デザインしたものは瞬時にコードに変換されるので、コーディングの知識がなくても、サイトの制作から公開までが可能です。写真を選んだり、テキストを置いたり、デザインは自由自在。簡単なパディング、マージンなどCSSの概念も持ち込んでいて、レスポンシブにも自動で対応しています。

開発のきっかけは何だったのでしょうか。

日本発のプロダクトとしては見たことがないので感動的です。他にはどんな特徴がありますか？

「STUDIO」が比較されるものは2つあって、ひとつはWIX、もうひとつはWordPressです。WIXは世界に1億ものユーザーを持つサイト作成ツールですが、ターゲットは一般の方。テンプレートを選んで、写真、テキストをあてるだけなので、オリジナルなデザインやレイアウトができません。世界中のサイトの約30%で使用されているWordPressは、カスタマイズする場合にはどうしてもコードの知識、つまりエンジニアが必要になります。それらを踏まえて、デザインに自由度があり、かつコーディングの知識が不要であることを両立させたのが「STUDIO」です。画像などのパーツもピタリとはまる独自のレイアウト手法は特許も取得しました。

ほぼ何でもできると考えていいですか？できないこともあるんでしょうか？

静的なサイトであれば自由に制作できますし、Gifや動画を埋め込むことも可能です。ただ現段階では、スクロールにあわせてポップアップしたり、トランジッションを設定したりなど、動きのある演出には対応していません。決済のできるECサイト、ブログ更新など、機能面の拡充もこれからですね。

Webにそのまま公開できるIllustratorやPhotoshopというイメージですね。

どのような方がどのように使われていますか？

企業の方が自社のイベントページ、採用ページなどを作っています。高校生が使っている例もありました。レビューも高評価が多く、「コーディングの時間をとらないでいいからデザインに集中できる。よりクリエイティブを発揮できてうれしい」という声が届いています。ワークショップを3回主催しましたが、いまは、コアなユーザーが自主的に広めてくれて利用者が増えている状況です。今後は制作会社のクリエイターに使ってほしいですね。プロが満足できるデザイン性というものを大切にしているので。

ユーザーが増えることでより充実していくのでしょうね。わたしたちは、VI、サイン、カタログ、書籍、パッケージ、展覧会など、さまざまなメディアを手掛けるのですが、Webだけは別の知識がないとできないと考えていた一面があったので、「STUDIO」のようなデザインツールは、ぜひ使ってみたいです。

ビジネスとしてはどのように成立しているのでしょうか？

Webサイトごとに課金するシステムです。基本プランは無料ですが、オリジナルのドメインを設定したり、Google Analyticsをはじめとする外部サービスと連携したり、「STUDIO」のバナーを外したり、各種カスタマイズする場合は月額で費用が発生します。

そもそもなのですが、なぜ「コーディング不要」ということが可能なのでしょう？

実際にデザインしていることが、そのままコーディングになっているんです。ベースはコードであるにもかかわらず、知識がなくても簡単に使えるということです。Webflowというツールもコードを書かずにサイト制作ができるのですが、操作が複雑でかなり難しい。

正しいコードをベースにしているということはSEO的にも良いということですか？

そうです。正しいHTMLに則りながらデザインができるので、コードもきれいです。例えば「STUDIO」は一般名詞ですが、検索すると1位にあがってきます。

これから似たようなツールが出てくると思いますか？

コードを書かずにサイトを制作するというのは、常に複数の企業がチャレンジしている領域です。でも主流にはなっていない。さまざまな試みがされてはきましたが、結局は（エンジニアがコードが書くほうが優れているな）となってしまう。だから20年間、制作環境が変わっていないんです。逆に考えれば、達成さえしてしまえば、追いつきずらいということかもしれません。

Webサイトが簡単に制作できると、Webを介したクリエイションの重心はどう動いていくと思いますか？

中身重視になっていくと思います。シンプルでもいいから、伝えたいメッセージがきちんと表現できているか。言葉はとても大切です。

単純作業は自動化されていくので、最後は「想い」、伝えたいものがあるか、作りたいものは何かということになると思います。機械に近いところから、人間的な部分に置き換わっていくイメージです。

最初は存在自体が貴重だったWebも、充分に普及したからこそ、企画、編集、写真、動画、コピーのクオリティの重要性が増してきますね。わたし自身は、単純なフレームがあり、フォントも明朝とゴシックがあればよく、その中でどうバリューを作るか、クオリティを出すか、という考えでデザインをしています。イメージしていたものが、実際にコーディングしてみると思い通りではないケースもありましたが、「STUDIO」の機能を端から端まで使いこなせば、いいものができそうだと感じます。

一方で、美術館の仕事などをしていると、カタログやポスター、Webなど、キュレーターのセンスがよいと、デザイナー不在でもよい制作物を作れることがあります。ツールが進化するほどに、デザイン教育を受けなくてもできるようになることも増えていき、ある部分では急速にデザインの必要性がなくなるかもしれない。

誰もが下駄をひとつ履けるということですよね。プロは集中してクリエイティブを高めていかないと。いいパターンとしては、エンジニアの工数や予算が減ったので、撮影や制作に時間をかけて良いものをつくるということ。エンジニアの工数や予算が減ったので、予算や日数もカットして･･ということであれば、クリエイターにとってあまり意味がないかもしれません。

デザインとテックを組み合わせていくときに、難しかったことはありますか？

両方の職能を持ったふたりで開発したので、そこはあまり意識しなかったですね。技術的なことで言えば、ドラッグ＆ドロップの挙動を最適化するのが難しかったです。「STUDIO」でのレイアウト作業は、積み木を重ねていくような考え方で、上下には好きなものが置けるのですが、左右には置けなかった。それはコードの仕組みを考えると自然なことではあるのですが、その操作部分を去年の夏からひたすらやり直して、改善されたものが2019年1月にリリースされました。

とにかくコードは完全に正しいものを。それでいてユーザーの自由度を高める。いいバランスに着地したのが「STUDIO」なんです。今後は、コンテンツを自在に更新できる機能も追加したくて、そうすればWordPressができていることもカバーできる。

よい機材、よいツールを使いこなせれば、デザイナーが写真も動画も撮影できて、Webも制作できて･･と、ますますいろんなものの垣根がなくなるでしょうね。連続的にメディアを扱える人たちが新しいクリエイティブを作っていくと思います。まずは使ってみたいですね。社員対象にワークショップを開催してもらえたらと思います。

「STUDIO」を通して、斬新なクリエイティブや革新的なサービスが生まれたらうれしいです。僕たちはひとりひとりのユーザーとコミュニケーションして仲良くなること、ファンになってもらおうということは、とても意識しています。インターコムというチャットのCSツールを使っているんですが、頂いたメッセージは24時間対応で返すほどです。ワークショップもぜひやりましょう。