ディレクターがAIと一緒に、サイトをつくってみた

アバター画像 kobayashi

10

ブログのログインIDすら見失っていた私ですが、
新しく「制作のご相談」ページをつくりました。

https://knap.jp/consultation

Webサイトをつくりたいけれど、何から始めたらいいか分からない。
今のサイトを少し直したい。
デザインだけ、実装だけお願いしたい。

そんな、まだ依頼内容が固まっていない段階からでも相談してもらえる窓口です。

今回、このページをつくるにあたって、ChatGPTやGemini、Figma Makeなど、いろいろなAIを使いました。

普段はディレクターをしていますが、今回は構成からデザイン、実装まで自分で担当しています。

AIに頼んだら、はい完成。

……とは、もちろんいきません。

もしそれで完成するなら、こちらもだいぶ話が変わってきます。

実際にAIと一緒につくってみて、何が便利だったのか、制作の進め方がどう変わったのか。
そのあたりを書いてみます。

まずはAIに、たくさん考えてもらう

最初にAIを使ったのは、デザインではなく、ページの内容を整理するところでした。

制作会社を探している人でも、「採用サイトをつくりたい」のように、依頼内容がはっきり決まっているとは限りません。

「サイトが古くなってきた」
「以前の制作会社に頼めなくなった」
「一部分だけ直してほしい」
「そもそも、これは誰に頼めばいいんだろう」

というケースもあります。

そこでChatGPTに、制作会社へ相談する人が抱えていそうな悩みを、とにかくたくさん出してもらいました。

こういう、まず数を出す作業は、AIがかなり得意です。

こちらが「もう十分かな」と思っても、まだ出してきます。

元気です。

もちろん、全部が使えるわけではありません。

似た内容もあれば、「本当にそんなことで悩む人いる?」というものも混ざります。

なので、今回の制作では、

AIにたくさん出してもらって、人が選ぶ。

このやり方を何度も繰り返しました。

「もう1案」が、かなり軽くなった

デザインでも、AIを使いました。

「余白をもっと広く」
「カードっぽく見せない」
「別のレイアウトも見たい」
「このモチーフをもう少し控えめに」

そんな指示をしながら、何度も試しています。

細かい調整まで含めると、修正は100回くらいしたと思います。

これまでなら、

「別案も見たいけど、そこまで試す時間は取れない」

となっていたところでも、

「一度試してみよう」

と、気軽に試せるようになりました。

AIを使って一番変わったのは、制作がすべて早くなったことよりも、試せる回数が増えたことかもしれません。

少し気になったところをすぐ試して、違えば戻す。
別の案を見て、また比較する。

そういう細かな試行錯誤を、以前より気軽に繰り返せるようになりました。

「これを参考に考えて!」私のこんな雑なイメージでも怒らず、形にしてくれるAI。やさしいAI…
そんなAIが出してくれた案に、厳しく「そんなのじゃない!」と送信する私

積み木にしたのには、ちゃんと理由がある

今回のビジュアルでは、Webやロゴ、パンフレットといったサービスを、そのままパソコンや紙のイラストで表現するのではなく、何か別のモチーフに置き換えたいと考えていました。

いろいろ試した中で、しっくりきたのが「積み木」です。

積み木には、さまざまな色や形があります。それぞれは別々のパーツですが、組み合わせることで、まったく別のものをつくることができます。

これは、私たちの制作にも少し似ています。

デザイン、文章、写真、イラスト、Web、印刷、プログラム。

それぞれ異なるものを、目的に合わせて組み合わせながら、ひとつのものをつくっていく。

会社も、得意なことや考え方の違う人たちが集まってできています。その組み合わせによって、できることが広がったり、生まれるものの形が変わったりする。

積み木は、私たちがつくるものにも、つくっている私たち自身にも重なるモチーフでした。

もうひとつ気に入ったのが、積み木の手触り感です。

木の少しざらっとした感じや、角の丸み。
画面の中にあるのに、触ったときの感覚がなんとなく想像できる。

Webだけでなく、グラフィックや印刷物もつくるKNAPの、ものづくりを大切にする感覚にも合っていると思いました。

もちろん、最初からここまできれいに理由が決まっていたわけではありません。

最初は、「これ、なんかいいな」です。

そこから「なぜいいんだろう」と考えていく。

AIは候補をたくさん出してくれますが、なぜそれを選ぶのかを考えるのは人間でした。

AI、だいたい合っている。でも、たまに余計なことをする

AIは「なんとなくそれっぽいもの」をつくるのがかなり上手です。

ただ、よく見ると、

文字が薄くて読みにくい。
同じようなレイアウトが続いている。
頼んでいない装飾が増えている。

といったことも普通にあります。

一瞬、

「お、いいかも」

と思ってから、

「いや、ちょっと待って」

となる。

この繰り返しです。

実装でもAIを使いましたが、特に大事だったのが、

「ここ以外は変更しないで」

という指示でした。

油断すると、頼んでいないところまで、良かれと思って直してくれることがあります。

「そこはそのままでよかったんだけどな」という、ありがた迷惑な親切です。

なので、AIに任せたあとも、表示や動き、スマートフォンでの見え方などは自分で確認しています。

結局、AIがつくったから完成ではなく、最後の判断は人の仕事でした。

久しぶりに、「つくる側」に戻ってみた

今回、個人的に一番印象に残ったのは、久しぶりに自分でサイトをつくるのが、普通に楽しかったことです。

以前は自分でもデザインをして、コードを書いて、

「なんで動かないんだろう」
「お、動いた」

みたいなことをやっていました。

その後、仕事の役割が変わり、今はディレクターとして、デザイナーやエンジニアと一緒に制作を進めることがほとんどです。

なので今回のように、

構成を考えて、
自分でデザインして、
動きを考えて、
実装まで触る。

そんなふうに、ひと通り自分で手を動かすのは、かなり久しぶりでした。

分からないことはAIに聞けるし、別案もすぐ試せる。

昔の自分が見たら、

「それはずるい」

と言うと思います。

でも、久しぶりにやってみると、サイトをつくる楽しさ自体はあまり変わっていませんでした。

考えて、試して、うまくいかなくて、また直す。

最後にちゃんと動くと、やっぱりうれしい。

最近は「AIに仕事を奪われる」といった話もよく聞きます。

制作の仕事も、これからかなり変わっていくとは思います。

でも今回やってみて、AIが入ったから制作がつまらなくなる、という感じはありませんでした。

むしろ、今までなら自分では手を出さなかったところまで触れられるようになって、久しぶりに「つくる側」の楽しさを思い出しました。

仕事を奪われるかもしれない相手と一緒に、またサイトをつくって楽しんでいる。

考えてみると、なかなか不思議な話です。

でもまあ、

AIもなかなか悪くない。

今回のところは、そんな感じです。

今回つくった「制作のご相談」ページはこちらです。

https://knap.jp/consultation




Webサイトをつくりたいけれど、まだ何も決まっていない。
今あるサイトについて、とりあえず相談したい。

そんなところからでも、お気軽にご相談ください。

https://knap.jp/contact

アバター画像

ぽちっとおうえん!

シェア

  • Facebook
  • LINE
  • X
それぞれ違うから、デザインはおもしろい。