LinearのCEOであるカリ・サーリネンが登場し、スタートアップがいかにして記憶に残る独特なブランドを構築するかについて解説する。複数のスタートアップのウェブサイトを実際にレビューしながら、ブランド構築の実践的なアドバイスを提供している。創業初期から現在に至るまでのLinearの変遷を例に、会社の成長段階に応じたブランド戦略の進化について詳しく説明されている。
スタートアップのブランド構築についての基本的な考え方
スタートアップのウェブサイト作りは今まで以上に簡単になったんやけど、難しいのは本当に際立つユニークなブランドを作ることなんや。そこで今日はLinearの共同創業者兼CEOのカリ・サーリネンさんに来てもらって、記憶に残るブランドとは何かという視点で皆さんのウェブサイトをレビューしてもらうで。
Design Reviewの新しいエピソードへようこそ、カリさん。参加してくれてありがとうございます。こちらこそ、来られて嬉しいです。あなたはCoinbaseの最初のデザイナーで、Airbnbではリードデザイナーを務めて、最終的にLinearを共同創業者兼CEOとして立ち上げました。ウェブサイトを見る時に、強いブランドを構築するために何を学んだか教えてもらえますか？
最初に言えることは、それは自分の会社にとって本物でなければならないということやな。最近は多くのスタートアップがStripeやLinearみたいな他の会社を見て、「これがサイトを作る方法やな」「これがブランドを構築する方法やな」って思ってるんやけど、そういう会社も最初からそうやったわけやないんや。Stripeの最初のウェブサイトは今のサイトとは全然違ったし、プロダクトも違った。Linearも同じで、最初のウェブサイトは今のサイトとは全然違った。
だから、自分の会社がどの段階にあるのか、どんな人を見つけようとしているのかを理解することが大切やと思う。最近はウェブサイトを作るのが簡単になったから、創業初期に非常に洗練された派手なウェブサイトを作ろうとする傾向があるんや。
でもそれは間違った期待を抱かせることがあるんや。プロダクトが先月作ったばかりで、まだ全てが整ってなくて、プロダクトがまだそこまで到達してない場合、それほど洗練されてない可能性がある。それなのに非常に洗練されたプロダクトやって間違った期待を抱かせて、約束した通りのことが全部できるように見せてしまう危険性があるんや。
だから大企業や成熟した企業のように見せようとしすぎる危険があると思う。そこで、最初のLinearのウェブサイトと今のサイトを見て、この違いを際立たせるのが面白いかもしれんな。
いいですね。見てみましょう。
Linearの初期ウェブサイトから学ぶブランド戦略
昔のLinearの最初のウェブサイトをWayback Machineから持ってきたんや。ある意味では、このウェブサイトはかなりシンプルで、ひどく見えるわけでもないけど、基本的に1日で作ったものなんや。ウェブサイトの作成に何週間も何ヶ月もかけたくなかった。実際の努力はプロダクト自体に注ぐべきやと思ったからな。
ブランドやコピーに関して言えば、issue trackingという用語を使いたかったんや。大企業のウェブサイト、SlackやOtherの生産性アプリのウェブサイトに行くと、「これは仕事のプラットフォームです」とか「ここで仕事が行われます」とか、非常に曖昧なことが書いてあることが多いんや。そういうのは後から物語を構築しようとする時に出てくるものやと思うけど、最初の段階では実際にプロダクトを使ってもらえる人を見つけて、それが何かを理解してもらうことを売り込もうとしてるんや。
だからここでやったのは、issue trackingを入れることやった。それがプロダクトや会社の長期的なビジョンではないことは分かってたけど、探してる人たち、つまり初期段階の会社とエンジニアが理解できるものやということは分かってた。issue trackingは技術的なプロジェクト管理の一種なんや。
issue trackingが何かを知らない人は惹きつけられない。だからコピー、特にヘッドラインでは、理想的なユーザーが共感して「そうや、issue trackingツールを探してるんや」って言うような特定のフレーズに絞り込んだんですね。「仕事のプラットフォームを構築してます」みたいな曖昧なことじゃなくて。人々は「仕事のプラットフォームを探してるわけやない。issue trackerを探してるんや」って言うからな。
そうや。それがその考え方やと思う。人をフィルタリングしようとしてるんや。最初は非常に具体的にして、投資家には非常に野心的な方法で話すことができる。「これは未来の仕事のプラットフォームになるんや」って言えるけど、ウェブサイトでは「これはチャットアプリです」「素晴らしいチャットアプリです」って言って、それだけでいいんや。
それは面白い観点やな。小さい会社であること、スタートアップであることを受け入れるべきやってことですね。それには多くの利点があるし、大企業のふりをしようとするよりもいいと。それはユーザーとのより良い期待設定になるし、彼らにとってもより共感できるものになる。
YCでは企業と一緒に2文の説明、自分たちをどう説明するかについてよく作業するんやけど、通常2つの異なる2文の説明があるって言うんや。1つは投資家向けで、大きくて野心的な響きのもの。もう1つはユーザー向けで、投資家には理解できないかもしれない専門用語も含めて、彼らに共感してもらえる具体的な言葉を使うもの。そのカスタマー向けの2文の説明、カスタマー向けのピッチに焦点を当てて、それを前面中央に置くことが本当に面白いですね。
そうや。デザイン自体については詳しく説明する必要はないけど、この時点では実際にはまだ準備できてなかったけど作業中やったから、何らかのプロダクトがあるように見せるためにこのスクリーンショットを使ったんや。何らかのプロダクトがある。それなりに良く見える。機能が何かは少し見えるけど、少しフェードしてる。だから少し神秘的なんや。
結局、人々にしてもらいたいことはここにメールアドレスを入れて、待機リストに参加してもらうことやから、好奇心をそそるようにしたんや。
それは面白いな。多くの場合、人々はスクリーンショットを載せて、文字通りのスクリーンショットを載せるだけやけど、多くの場合うまくいかないんや。人々はアプリに慣れてないし、これを通じて様々な機能やそういったことを全て伝えようとしてるわけやないからな。神秘性を作り上げて「これは現代的なツールに見える。もっと詳しく調べるべきや」って思わせようとしてるだけなんや。
そうや。だからメッセージは最終的に非常にシンプルやと思う。サイトの残りの部分も非常にシンプルにした。高速やから、それは私たちがよく聞いたことの1つで、Superhumanの後、私たちはコマンドメニューを追加したプロダクトの1つやった。それも物事を簡単にするし、既に使ってるツールとの連携も見せた。チームがあって、これは適当な人たちやないけど、過去に他のものを作ったことがあるって見せたんや。
非常にシンプルや。1ページで、他のページはない。aboutページも全種類もないし、ブログもないし、実際何もない。私たちにとっては、潜在的に興味を持ってくれる人をキャッチするために何かを出すだけやった。新しいことを作ってることを見せるけど、それが何かをあまり説明しすぎないようにしたんや。
これは1週間くらいの作業やったんですか？数日やな。数日。これは何年前やったんですか？2019年。
現在のLinearウェブサイトの進化
6年前やから、今はプロダクトが進化して、やることも進化して、たくさんの顧客や連携やプロダクトも全て進化したから、今はたくさん進化してるはずですね。だから最新版を見てみたいです。
これはサイトの第3の進化くらいやと思う。2番目のは有名な紫のウェブサイトで、多くの企業でよく複製されたものやった。これを見ると、タイトルが違うのが分かる。プロダクトが実際にもっと多くのことをしてるからや。だからissue trackingだけやなくて、複数の異なる種類の機能やワークフローを使える構築部分があると思ってる。それから計画部分もあって、それはロードマップ手法、プロジェクト、プロジェクト計画が書けるものや。
でも、まだかなり明確に保つのが好きやから、ここではissues、projects、product roadmapって言ってる。だから再び、技術チームが使う言葉やな。視覚的には、この種の白黒にして、過去の紫から少し成熟させようとした。まだ素敵なエフェクトがあって、体験を大切にしてることを示すためにこれをやってるんや。でも、もっと情報がある。
何ができるかを説明しようとしてるし、まだかなり直接的で、分析ができるし、様々な種類の機能があるって言ってる。最終的には、ウェブサイト、ブランドは常に会社と顧客ベースとともに進化するものやと思う。
今でも大企業、エンタープライズがもっとある。完全にOracle見たいなエンタープライズ企業のブランドになりたいわけやないけど、現在の顧客に合うかどうかは考えなあかん。
6年前の元のサイトと今のサイトを比較して面白いと思うのは、機能で人を圧倒したい衝動に抵抗してることやな。明らかにプロダクトはたくさん成長したし、顧客ベースもたくさん成長したし、会社もたくさん成長したのに、多くの場合、ページにもっともっと詰め込んで、ここに来る人にそれを伝えたいという誘惑があると思うんや。6年前に立ち上げた時と同じシンプルな精神を保とうと積極的に戦ってるように見える。
ランディングページ、最初のホームページは表紙みたいなものやと考えてる。だから全てを説明することはできない。全ての機能、全ての顧客ストーリー、全てを説明することはできない。だからウェブサイトには他のページがあるんや。
今はプロダクトの領域ごとに特定のセクション、特定のページがある。だからもっと深く入ることができる。ホームページは自分たちのことをよく知らない人のためのものやといつも思ってる。だから、これが面白いかどうかを知るのに十分な情報を与えるべきやけど、圧倒されるほど多すぎず、何かわからないほど少なすぎないようにする。そのバランスを見つけなあかん。
実際のウェブサイトレビューセッション
自分のプロダクトを構築する時にどう考えるかが分かって素晴らしいな。YCに提出されたウェブサイトをいくつか見て、フィードバックを与えましょうか？
やりましょう。
最初はSprites AIや。見てみよう。カスタムAIワークフローを構築して成長を合理化する。非常に興味深い。このグラフィックは確実にスタイルで際立ってるな。最初の印象はどうですか？
これを見てると、これが誰のためのもので、何ができるのかよく分からないんや。カスタムAIワークフローを構築して成長を合理化するって言ってるから、何らかのワークフローがあるのは理解できるけど、何のためのものなんや？デザイナー向けなのか、エンジニア向けなのか、YouTuber向けなのか？YouTubeについてのカードがあるからな。成長を合理化するのも、収益成長、ユーザー成長、マーケティングなど、あらゆる種類の成長があるから。
ここのコピーをもう少し具体的にしたいな。様々な種類のワークフロー用のテンプレートがあるみたいやけど、様々な種類のワークフローのランダムなリストみたいや。だから、YouTuber向けのワークフローがあるとか、ビジネスパーソン向けのワークフローがあるとか、アナリスト向けのワークフローがあるとか、何らかの方法でグループ化するのが意味があるなら有用やと思う。
そうすれば「私はYouTuberやないけどアナリストやから、これを調べてみよう」って感じになる。
私にとって面白いのは、グラフィックが非常にユニークやから、それにとても注意を払って、brand mood board generator、interview questions predictor、social media ads generatorみたいなことに気づかなかったことや。彼らが使えるユースケースのいくつかを教えようとしてるみたいやけど、グラフィックが全ての注意を奪ったから、私の脳はそれらに気づかなかったんや。
そうや。背景とカードの動きがあって、それは良いことかもしれんけど、最初の画面、ランディングの最初でこのループする動きを持つのは最良のことやないかもしれん。あなたに起こったかもしれんのは、動きと次に来るものに集中してしまって、ウェブサイトはこのピラミッドみたいなものやと思うんや。これが何かってことから始まって、できるだけシンプルにして、下に行くにつれて広がって、これもあれもある、もっともっとあるって感じになる。
だから「面白い、見てみよう」って思えるけど、最初のことは非常に的を絞ったものか明確なものであるべきや。
そうやな。重要なことに注意を向けたり気づかせたりする良いアニメーションと、注意を逸らすかもしれない気を散らすアニメーションがあるな。
ここには面白い要素もあって、何らかのプロンプターみたいなプロンプト要素がある。興味深いけど、ここに浮いてて、クッキーバナーみたいに見えるかもしれん。それは良い指摘や。ただそこに浮いてる。よくそういうのを無視することがあるからな。だから、このプロンプターをページの上の方に置いて、「試してみて」って伝える方法になるかもしれん。そうすればもっとうまく伝えられるかも。
ユーザーが慣れてることの文脈でデザインしてるってことが非常に面白いな。ユーザーがクッキーバナーみたいに下に出てくるものを無視することに慣れてるなら、あなたのものも無視するかもしれん。
ああいうバナー、UI自体は、プロダクト自体では機能するかもしれん。ページや何らかのドキュメントを見てる時には、こういう浮いてるものがあるのは良いかもしれんけど、ウェブサイトの文脈では、注意を払わなくていい何らかのバナーみたいに感じる。
少し下にスクロールすると、テンプレートから構築を始める。これは多分、スクロールしてた同じ種類のテンプレート、少し違うかもしれんけど、それに見える。ここには物事の種類のカテゴリがもっとある。ビジネス、マーケティング、AI生成、画像生成。
それは興味深い。汎用ワークフロービルダー、何でもできるものがある時の課題の1つは、人々がこれを使うべき具体的なことを伝えるのが難しいことや。これはそれをするための興味深い方法みたいやな。「何が必要？何のワークフローが必要？」って人々の記憶を呼び覚ますために。人々はそれについて考えるのが難しいかもしれんけど、「インフォグラフィックを作る必要があるの？」って言われると「そうや、それに使うわ」って感じになる。
ここでの私の最大の疑問は、このワークフローって何なんやってことや。テンプレートについてたくさん宣伝してて、様々な種類のテンプレートが持てるけど、ページがどう機能するかを正確に説明してるとは思わんな。何らかのフローチャートみたいなものを追加する価値があるかもしれん。本当のフローチャートやないけど、ワークフローがどんな感じかを説明するんや。1つの例を取って、少し膨らませて、「これがワークフローの見た目や。他にも作ったワークフローがあるけど、多分自分でも作れる」って感じで。
そうやな。ユースケースを強調してる感じやな。
素晴らしい。Sprites AIさん、ありがとうございました。本当に興味深かった。サイトを提出してくれて本当に感謝してます。
Giga MLのウェブサイト分析
次はGiga MLで、彼らは「ウェブサイトのコンバージョン率が低い。どう改善できる？」という質問を持ってきた。最初の質問は、彼らが人々を何にコンバートしようとしてるかやな。book a demoって言う2つのボタンが見えるから、それが目標やと推測する。
ウェブサイトに人を誘導しようとしてる。コールドアウトリーチをしてるかもしれんし、他の種類のマーケティングをしてるかもしれん。そしてデモを予約してもらおうとしてる。エンタープライズサポート用のAIエージェント、世界で最も賞賛される企業に信頼されているって書いてある。ここには光ってる青いオーブがある。最初の印象はどうですか？
ある意味では、かなりクリーンで、エンタープライズ向けの市場によく合ってると思う。コンバージョンが低い理由は、エンタープライズを狙ってるからで、そのコンバージョン率を本当に上げる方法はないと思う。エンタープライズは必ずしもウェブサイトに来てボタンをそんなにクリックしないからな。
もっと多くのユーザーや人を呼び込みたいなら、自分で試せる方法を用意して、デモを落とすべきやと思う。まだフルエンタープライズで行きたいと思うなら、これで十分やと思う。でも、そうすればそのエンタープライズを他の場所で見つけなあかん。営業や何らかのイベント、何らかのディナー、エンタープライズの人とつながる何らかの方法をせなあかん。彼らはツールをランダムに評価することは少ないからな。
時々、プレスや何か他のことで聞くことはあるかもしれん。コンバージョン率は実際には重要やない。1つの取引をすれば、それは巨大な取引になる可能性が高いからな。
興味深いことに、ここにデモがある。これは少し小さくて読みにくいけど、アニメーションが注意を引いた。これをクリックするとどうなるか見てみよう。
こんにちは、私はGiga MLの音声AIエージェントで、何でもチャットする準備ができてます。何か考えてることある？エンタープライズサポートについて教えて。私たちのエンタープライズサポートは、大企業の生活を楽にすることが全てです。Amazon Connect、Genesis、Salesforceなどのプラットフォームとのシームレスな統合を提供してるから、全てがうまく連携するんです。私たちの音声AIは、汗をかくことなく大量の通話量を処理します。
ここでいくつかの興味深いことがあった。まず、彼女が話し始めた時、基本的に「何について話したい？」って言っただけで、私は「分からん」って感じやった。だから、プロダクトの機能みたいな、彼らに聞いてもらいたいことにつながるプロンプトで始める方が良いかもしれん。
もう1つ気づいたのは、彼女がプロダクトの機能を説明してる時、S2 type 2って説明したことや。ほとんどの人はSOC 2 type 2って説明されることを知ってる。だから、実際に正しいことを伝えてるかを確認すべきや。
私がエンタープライズユーザーで、最初にすることの1つがこれと話して、どれくらいうまく機能するかを見ることで、間違ったことを言ったり何かしたりしたら、「このプロダクトを使いたくないかも」って不安になる。だから、最もアップセルしそうな会話に人々を導くことが、デモを予約して自社で使いたいと思わせる可能性を高めるやろな。
オーブについては、アイコンが見にくいと言いたい。グレーっぽいから。何かが起こってることは分かったけど、こっち側からはアイコンがよく見えなかった。だから、人がそれをクリックして交流するかどうかを追跡できるなら、それは1つのことかもしれん。あまり心配する必要はないかもしれんけど、改善するのが有用かどうかを見るだけや。
この要素が最良かどうか分からん。もう少しボックスみたいなものがあるかもしれん。ボックスにはプロンプトがあって、ユースケースを示すものかもしれん。
プロンプトを設定する、そうやな。エンタープライズカスタマサポートやエンタープライズの何かみたいな。エージェントが多くのことを説明してて、これらの人が探してることに戻ると思う。だから、私がエンタープライズバイヤーで、CEOがコストを削減して、AIサポートが欲しいって言ったら、何を入力すればいいんや？AIフォンサポートか何かみたいな。だから、これらの人が使ってる言語を考えて、彼らが探してるものと一致するようにその言語をここに置こうとすることや。
ヘッドラインの「エンタープライズサポート用のAIエージェント」は非常に一般的やと完全に同意する。エンタープライズという言葉は重要やと思った。それは手がかりになった。でも、サブヘッドラインの「世界で最も賞賛される企業に信頼されている」は、プロダクトが実際に何をするかについてもっと具体的に説明する機会を逃してる。大きなことはエンタープライズみたいな、具体的にエンタープライズ内の誰がこれを気にすべき人なのか。そして「世界で最も賞賛される企業に信頼されている」って言って、すぐ下に行って「これらの素晴らしい企業に信頼されている」って言う。両方は必要ない。だから、もっと伝える機会を逃してる。
「世界で最も賞賛される企業」って言うのが超正直かどうか分からん。明らかに大企業みたいやから良いと思うけど、私の心の中では他にも、Appleは非常に賞賛される企業やとか、そういうのがある。その発言が正確に正しいかどうか分からん。でも、これらが素晴らしい企業やという発言は正しいと思う。だからそれで十分や。
ここに来ると、「人間のような音声AI」って書いてある。だから音声調整のことや。音声のことが全てやけど、上には音声について何も書いてない。だから、早期採用者が誰になるかを本当にターゲティングする機会を逃してる可能性がある。
エンタープライズバイヤーについての私の理解では、彼らは多くの、ほとんど多くの資料が必要や。多くのテキストが必要。多くのボックスにチェックを入れる必要がある。多くの顧客ストーリーが必要。見たいものがたくさんあって、そういうものを表紙に置くべきやないかもしれんけど、セキュリティについての特定のページ、他の何かについての特定のページがあるかもしれん。メールを送る時にそれらの資料にリンクできるし、ウェブサイトに来たら周りを回ることができる。
だから、ウェブサイトに物を追加することには利益があると思うけど、これをコンバージョン率を最適化しようとする消費者向けスタートアップとは考えない。それは非常に異なる種類のビジネスや。
素晴らしい。Giga MLさん、ありがとうございました。
Unreal Milkのブランド分析
次はUnreal Milkや。これは非常に意見のあるサイトみたいやな。永遠の休暇でくつろいでる牛がいる。空には手描きの雲がある。牛を見た時、何を伝えてるかはすぐには明らかやないけど、少し考えると「牛は一日中ずっとミルクを作らなくてもいいんや」って分かる。だから本物のミルクやない牛乳がある。それがここのプロダクトやな。
私が慣れてるのとは確実に違う種類のカテゴリやと言いたい。この画面からは、何なのかを判断するのは難しいな。Unreal Milkやから、それが今のところ持ってる唯一の情報や。だから牛乳やないけど、何でできてるんや？本物のミルクやない。
下にスクロールしてみよう。成長してる面がある。チーズとアイスクリームが作れる。だから、まだ何かは分からんけど、全部良いもので、なぜ良いのか、なぜ優れてるのかを売り込んでくれてる。
たくさんの個性がある。ママ、あなたが必要です。牛が泣いてる。それから私たちの方法。牛乳が出てくる何らかの容器がある。
実際の写真がある。科学者がラボにいる。これは素敵なストーリーみたいに読めて、最終的に彼らがやった。ラボで全牛乳を作った。だから培養されたような、培養ミルクみたいやな。
ここにもたくさんの個性がある。下のコピーでも「私たちはより持続可能な未来に向かって進んでいます」みたいな。これは確実に楽しくて遊び心のあるブランドや。自分たちを深刻に取りすぎてないように見える。
店の棚について話してるのが興味深いな。店の棚では、こういう明るい色、明るい黄色、明るい青みたいなボトルを期待するやろうけど、実際には非常に白黒に感じる。それが実際の容器なら。
彼らのウェブサイトは、正直言ってかなり記憶に残ると思う。後でこれを覚えてると思う。横スクロールはユニークで記憶に残る。グラフィックとイラストはユニークで記憶に残る。これは前に見たことがあるものをコピーしてるように感じない。第一原理からこのコンセプトを考え出したように感じる。
これは記憶に残るように感じさせるのに役立つと思う。多くの場合、多くのウェブサイトは型にはまったような感じで、デザインコミュニティでは全てのウェブサイトが同じに見えるっていうミームがほとんどあるくらいや。ここで目立って記憶に残るために何か違うことを試してるのは、たくさんの評価をしなあかん。
そうや。明らかにサインアップできるプロダクトやない。買わなあかんものや。ナビゲーションがあるのが分かる。だから私はクリックするとは思わなかった。それがあることを知らなかった。実際には別のことをしない。ただスクロールしてくれるだけや。
私が欲しかったのは、これは発表の一種やけど、これを買いたいなら、それは可能なんか？店にあるんか？どこで見つけられるんか？っていうことや。
だから、素敵な発表やと思う。これがどれくらい効果的かを考えてみる。多分後でこれをもう少し説明する方法や、こういうことのいくつかをもっと深く掘り下げる方法を考えなあかんかもしれん。
非常に興味深い。見つけられるコールトゥアクションがない。これはインターネットの初期みたいな、昔ながらの感じや。人々は既に存在するメディア、本や雑誌を取って、ただそれをウェブサイトにしようとした。明らかにウェブサイトは今はもっとインタラクティブになってる。でも、これは昔ながらの、ほとんど雑誌のような感じや。ディスプレイや広告みたいな。
多分最後に言いたいのは、何らかのコールトゥアクションを追加することかな。メーリングリストに参加するためにメールを入力するみたいな。ここに来る人がいて、そんなに多くの人がサインアップしなくても、何らかのコミュニティを始められる。学生がたくさんサインアップしたり、他の誰かがサインアップしたりして、サインアップしてる人のパターンを見始めることができる。そうすれば「誰がサインアップしてるんか」「なぜサインアップしたんか」「なぜ興味深いんか」って聞いて、会話を始めることができる。
こういうものでは、動物をこの方法で使わなくてもいい世界に住むべきやという、より広い社会的使命や大義があるように見える。もっとできることがあると思うのは、「この大義に参加しよう。世界を変えることができる」っていう感じで、それがコールトゥアクション、メーリングリストに参加することや。アップデートを送ったり、様々なことについて話したりできるし、その大義に興味のある人が参加する。
フォントの選択も非常に意見があるように感じる。ブランドの一部を伝えるためのフォントの選択についてどう考えるか、どう思うか聞かせて。
フォントやタイプフェイスは、ウェブサイトにとって非常に大きなことやと思う。ウェブサイトは結局テキストやからな。ウェブサイトにはテキストがある。このウェブサイトはそんなにテキストがない。
手描きのような環境を考えると、ここのフォント選択は良いと思う。他のウェブサイトでは、ブランドが住んでる世界と、どんなシグナルを送りたいかを考えるだけや。
時にはセリフや、より復古的で古い感じのものを使いたい時もあるし、時には幾何学的なタイプフェイスみたいな、より現代的なものもある。それは今日の標準みたいなもので、現代的と考えられてる。それから、より未来的なタイプフェイスもある。
小さいサイズでは多くのタイプフェイスが機能しないから、1つのタイプフェイスだけを全てに使うべきやないっていうわけやない。人が読めるように、かなり標準的なものを使わなあかんやろう。でも、ヘッドラインや特別なポイントでは、もっとユニークなものとペアにすることができる。
非常にクールや。創業者からの質問がある。ウェブサイトはブランドにとって良い印象と想起を残すか？
そうやと言いたい。非常にオーガニックに感じた。彼らのプロダクトは文字通りオーガニックやないのに興味深い。ラボで作られてる。でも、伝えようとしてることは、これは本物の牛乳と同じくらいオーガニックで、化学物質でいっぱいやなく、体に良いということみたいや。
このフォントの選択は非常にオーガニック、手描き、手書きみたいに感じる。イラストとグラフィックもそんな感じ。色はとてもカラフル。だから、これは非常に記憶に残る。1週間後にこのサイトを覚えてると思う。
オーガニックなことは興味深いな。技術的には、これは科学で何かを作る非常に科学的なことやからな。それは厳密にはオーガニックやない。ジュラシックパークみたいな方向に行って、超科学的にすることもできた。でも、彼らがしたのは正しい方法やと思うのは、その感覚と戦おうとすることや。
人工食品に対して人々が持ってる少しの不安感があると思う。だから、その感覚と戦おうとして「理由がある。安全で良い食べ物や栄養を提供したいけど、違う方法がある」って伝えようとしてる。
フォントはここでは非常に手描きやけど、ボトルのブランドやロゴ自体は非常に普通や。HelveticaかKnow分からんけど、ウェブサイトは非常に楽しくて遊び心があるけど、ボトルはそうやない。
そこで伝える機会を逃してるな。
Brown Foodsさん、ありがとうございました。サイトを提出してくれて感謝してます。
Confident AIの詳細分析
次はConfident AIや。見てみよう。Deep Evalの制作者が構築したDeep Eval用のLLM評価と観測可能性プラットフォーム。エンジニアリングチームは、最高クラスのメトリクスとトレーシングでLLMアプリケーションをベンチマーク、保護、改善するためにConfident AIを使用している。
ここには多くの特定の言葉があって、この市場にとっては良いことやと思う。何らかの専門家やLLM専門家や企業に売ってるから、その言葉を使うのは良いことや。
一般的に彼らが何をしてるかは分かる。この特定のカテゴリーはそんなに詳しくないから、最初の質問は、他の何かとどう違うのか、これを非常に良くする特定のものがあるのか、Deep Evalの制作者が構築したということ以外にって感じや。それが何かよく分からんから、これが本当に得意なことや、誰のためのものか、何が特別なのかを理解できてない。
細かいことやけど、多分私が古いからかもしれんけど、アンダーライン付きの紫は、ブラウザとインターネットの初期を思い出させる。デフォルトの訪問済みリンクの色があの紫にアンダーラインやった。
本当にリンクやと思った。どこかにリンクすると思ったし、色も濃すぎる。背景に消えてしまう。だから、なぜ違う色なのか、なぜevaluationで、observabilityはその色やないのかも分からん。
少しスクロールしよう。これはLinearっぽい感じで、プロダクトに少し入り始めてる感じや。大きなスクリーンショット。
これは良く見えると思う。プラットフォームが使えて、様々な種類の機能があることが分かる。
オープンソースで、トップ企業に信頼されてる。たくさんのGitHubスター。
オープンソース版でたくさんのユーザーがいるなら、信頼を築く良い方法や。ここではdeep evalオープンソースプロダクトについて話してるみたいで、信頼を築くために使ってるのは良い。
ビルドyour AMO to eval。だから、本当にevalに焦点を当ててるみたいやな。
難しいことの1つは、多くの場合、人々はスクロールして、ヘッドラインを読んで、小さいテキストをもっと深く掘り下げるかどうかを決めることや。「週末でビルド、分でバリデート」「常に前進」って読むだけやと、それらが何を意味するかよく分からん。だから、サイトを構築する時に、ヘッドラインだけを読む練習をするのが役に立つことがある。それがユーザーに伝えたい全てを伝えてるか？
ヘッドラインのいくつかは、「常に前進」みたいに少し曖昧やと思う。もう少し明確にできると思う。
競合他社と直接比較して「私たちはこれとそれでより良い」みたいに言うべきやとは思わんけど、それらの企業が何を言ってるか、それらの企業とどう実際に違うかを見て、持ってる利益や特別なことを強調しようとすべきや。「私たちはevalをする」って言うよりも、「これらの理由で違う方法でやる」って言える。どう差別化するか？
時には競争があまりない。時にはたくさん競争がある。だから、「私たちの領域は何か？どう特別にできるか、何か差別化できるか」を考えて、それをウェブサイトやコピーやグラフィックや何かに織り込もうとすべきや。
それは良い指摘や。特に小さなスタートアップとして、全てのユーザーが気にする全てのことで最高になることはできない。だから、初期の採用者を見つけようとするという先ほどの指摘に戻って、私たちが他の誰よりも優れていたい1つのことを見つけようとすることや。その1つのことを気にする人は誰でも私たちを選ぶやろう。
Linearの初期の頃、スピードが大きなことの1つやったように見える。サイトで目立ったものや。だから、初期の頃、これが明示的やったかどうか分からんけど、「issue trackingツールのスピードを気にする人には、私たちを選んでもらいたい。私たちが最速になる。他のことを気にする人は、クール、後で取り込もう。でも初期の採用者はスピードを気にする人になる」って言ってたと想像できる。そんな風に考えてたん？
2つのことがある。1つは、スピードは私たちが話した多くの人から聞いた主な問題の1つやった。ツールが遅いから好きやないって。理にかなってる。ほとんどメールクライアントみたいなもんや。よく使うし、遅いとうっとうしい。
でも、スピードを一番気にするのは誰か？スタートアップや。人々は速く動く。だから、そういう人たちに合わせたかった。スタートアップが欲しかった。
でも、スタートアップが必要としないのは複雑さや。だから、最初に欲しい人と最も一致するプロダクトのことを見つけようとして、後でエンタープライズみたいに、スピードを気にするけど複雑さやプロセスも気にするものが来る。
そういうことは後で来るけど、最初の理想的な顧客の種類を考えて、特に最初はウェブサイトをそういう人たちと話すようにする。分からなければ、彼らと話しに行ける。「なぜこのプロダクトを選ぶのか」「なぜこのプロダクトを選んだのか」って聞いて、何らかのパターンを見るんや。「これらの理由で好きや」って言われたら、その理由をウェブページに載せて、もっと見つけられるかもしれん。
Confident AIチームからの質問がある。「最初の20秒で私たちが何をしてるかを知ってるかどうかフィードバックが欲しい。オープンソースとクローズドソースプロダクトがあるから、混乱することがある」
Deep Eval用のevaluationと観測可能性プラットフォームやということは理解してると思う。でも、Deep Evalが何かを理解するのに時間がかかった。右上のDeep Evalって書いてあるGitHubリンクがDeep Evalが多分彼らのオープンソースのもので、Confident AIが有料のプロダクトやってことを教えてくれた。
だから、理解したと思うけど、もっと明示的やった方が良かったかもしれん。
最初にDeep Evalを見た時、Deep Mindか何かを思い浮かべた。前に作った別の会社なのか、何なのかって感じで。だから、「オープンソースの何かDeep Evalの制作者が構築した」って言う方が、必要やないかもしれんけど、理解するのに役立ったかもしれん。それが会社なのか、オープンソースライブラリなのか、技術なのか、何なのか分からん。
もう1つの興味深い点は、多分彼らの最初の楔は、既にDeep Evalを使ってる人を探すことかもしれん。ここに来てDeep Evalが何か知らないなら、「どいて。あなたは初期採用者やない。初期採用者はDeep Evalを見て『Deep Evalを使ってるから、これも使うべきや』って言う人や」って感じかもしれん。
そうやな。多分ウェブサイトは「Deep Evalホスト済み」みたいな感じで、プラットフォームがオープンソースをどう拡張するかをサイトが教えてくれるかもしれん。彼らがする追加のことがあるかもしれん。
だから、最初のバージョンに基づいてる。明らかに後でウェブサイトを変更できるけど、この最初のバージョンは「Deep Evalを現在使ってるなら、どう改善できるか」って感じかもしれん。
Confident AIさん、ありがとうございました。ウェブサイトは非常にプロフェッショナルに見えます。
Dropbackの包括的レビュー
次はDropbackや。見てみよう。Dropbackはエリート大学プログラム向けのフロントオフィステックで、160万ドル調達した。
おめでとう。Dropbackはエリート大学チーム向けの収益分配ソフトウェアで、バックオフィス運営とフロントオフィス戦略を組み合わせてる。
非常に興味深い。これは明るい色と、ボタンの周りのグラデーション、動くグリッドがあって、ここではたくさんのことが起こってる感じや。ブランド面での最初の印象はどうですか？
彼らが何をしてるかはかなり明確やと思うから、それは良い。背景とここのグラフィックは、本当に必要なのか、少なくともこの前面のセクションでは分からん。
動くグラフィックは、テキストを読むのを難しくしてるから、多分意味がない。
その動くグリッドがなくなっても、何も失われないと思う。実際に得られるかもしれん。
Dropbackチームは質問を提出した。「ランディングページが混沌として感じるけど、共有しなければならない情報がたくさんある。顧客は技術に詳しくない。フットボールコーチは時々、見えなければサポートしてないと思い込む」
興味深い。彼らは非技術的な聴衆をターゲットにしてる。混沌として感じるけど、最初に人が見るものに全てを詰め込まなあかんって感じで、ユーザーは絶対スクロールしないと感じてるみたいやな。それはあなたの経験やった？
最近の人はスクロールにかなり慣れてると思う。携帯でも常に上下にスクロールしてるし、だから必ずしも問題やとは思わん。
たくさん共有したいって感覚があるなら、ページの下で共有するのは問題ないと思う。上で全てをする必要はない。上は、これが何をするかって、かなりシンプルであるべきやと思う。多分このテキストはもっと大きくてもいい。少し読みにくくて、かなり小さいし、何かを素早く説明しようとしてるだけや。
黄色も少し、十分なコントラストがないと思う。黄色はボタンに使うには難しい色や。もっと暗くするか、黄色を使わない方がいい。
例えば、このロゴロゴロゴロゴみたいなドキュメント、何か分からん。
何が起こってるか分からんな。これらのチャートとかは、適度に有用かもしれんけど、ホームページ、フロント、上部をかなりシンプルにしておくって言いたい。ビデオがあって、かなり短いと思う。
何かを見せてるから良いと思う。人々に何が入ってるかを教えてるし、プロダクトをデモしてる感じや。だから、上でそのグラフィックを使う必要はないと思う。
グリッドがあってもいいかもしれんけど、動かしたり、周りに他の形があったりしない方がいい。でも、技術に詳しくないこういう人たちは、必ずしも最高のウェブサイトを探してるわけやない。
例えば、Coinbaseで働いてた時に見つけたのは、ブランドやデザイン自体の仕事は信頼を作ることやったってことや。お金を扱ってるし、2014年の暗号通貨は今日のものやなかったし、今日でも信頼の懸念がある。この会社は私のお金を預けても信頼できるかってことや。
だから時々、ウェブサイトで全てをしようとする必要はない。本当にしたいことをいくつか持てて、この聴衆は分からんけど、信頼できるものを見たいだけかもしれんし、信頼できることを示すべきで、これは信頼できるし、必要な機能があるって伝えるべきや。
時々、ページを非常に機能ベースにしたり、顧客ベースやユースケースベースにしたりできる。会社によって何が意味があるかによる。私たちのページはかなり機能ベースや。私たちの聴衆がかなり技術的で、多くのことを知ってて、機能をよく見て、そういうものを見るのが好きやからな。
でも、これらの人が技術的やないなら、問題が解決されることを知りたいだけかもしれんし、私みたいな他の会社や他の人が使ってることを知りたいだけで、何か言ってる顔があるべきかもしれん。
社会的証明やな。スクロールダウンすると、具体的な機能に入って、これは伝えるのに役立つと思う。
黄色はブランドカラーみたいやな。ここでも出てくる。黄色は良いと思うけど、最高の背景色やないかもしれん。でも、あなたが提案したことをしてる。黒いテキストで、もっと読みやすくなってると思う。でも、白いテキスト、白いロゴは読みにくい。
このページには多くの自動的な動きがあって、混沌に加わってると思う。だから、それのいくつかはあるかもしれんけど、基本的に全てのセクションがほとんど動いてるから、可能なら減らした方がいいかもしれん。動くビデオもあるから。
このページは非常に長い。時々は大丈夫やけど、このユーザーベースが好きなら、他の方法は他のページを作ることや。ナビゲーションには現在たくさんのスペースがあって、大学プログラム向け、コーチ向けみたいに言えるし、特定の人や特定のユースケース向けの非常に明確で対象を絞ったページを作れる。人々はナビゲーションを見て、「それが何か見たい」って思うことが多いからな。だから、そういう機会もあると思う。
これらはページのさらに下にリンクして、そこに連れて行くだけみたいやな。
素晴らしい。Dropbackさん、本当にありがとうございました。これは本当にクールなプロダクトです。ウェブサイトを提出してくれた皆さん、ありがとうございました。多くのサイトをブランドの観点から見るのは非常に興味深かった。こんなエピソードは前にやったことがなかった。もちろん、Linearのタカリさんもありがとうございました。素晴らしいフィードバックでした。参加して手伝ってくれて本当に感謝してます。
こちらこそ、ありがとう。楽しかった。
Design Reviewの別のエピソードでお会いしましょう。
コメント