すべての事例

kekaba.com

ポートフォリオ、ブログ、ビジネスサイト

kekaba.comは、Keven Bayrakのポートフォリオ、ブログ、そしてビジネスサイトです。KevenはProtonの創業期のデザイナーからBirklyの創業者まで、16年の経験を持つプロダクトデザイナー、アーキテクト、ストラテジストです。サイトはあえて個人的で、正直につくられています。Kevenが何者で、何をつくってきたのか、サービスにいくらかかるのかを示し、ブログでは考え方を共有しています。問い合わせる前から、デザインリーダーとして信頼してもらえるように。

クライアント
Kekaba
サービス
デジタルデザインウェブ開発
使用技術
Birkly
ウェブサイト
サイトを見る

出発点

制作会社ではなく、個人の事務所

Kekabaはひとりの人間です。Keven Bayrakは16年にわたりスタートアップやグローバルなプラットフォームのデジタルプロダクトをデザインしてきました。そのうち6年間は、Protonの創業期からのリードデザイナーでした。ワッデン海に面したデンマーク南部から、ヨーロッパ、アメリカ、アフリカ、アジアのチームとリモートで仕事をしています。

そのサービスは少し珍しいものです。Kekabaはプロジェクトを売りません。デジタルプロダクトには始まりはあっても終わりはないので、シニアのプロダクト思考とデザインを、チームの横で週に数時間というサブスクリプションで提供しています。ウェブサイトには、この仕組みを数秒で伝え、問い合わせる前に誰もが抱く疑問(具体的に何をするのか、いくらかかるのか、以前にもやったことがあるのか)に答えることが求められました。しかも、ありきたりな制作会社のテンプレートにはせずに。

語り口

一人称で書かれたサイト

サイトは最初の一行から、Keven自身が一人称で語ります。I am a designer, architect & strategist for digital products. 文章はテンプレートではなく、事務所の実際の仕事から生まれたもので、彼らしい口調です。率直で、少しデンマーク風(最初の言葉は Hej)で、ほかの人が言わないことも口にします。

経験は主張するのではなく、見せるもの。トップページは、Birkly、Aiobis、Subkit & Collabs.io、Protonという4つの役職の職歴から始まり、それぞれが詳しい事例へとつながっています。その下には、AI、ウェブアプリとSaaS、ウェブデザイン、ブランディング、モバイル・デスクトップ・TV向けアプリといった分野ごとの作品が並びます。残りはブログが担い、プロダクトチームに外からの視点が必要な理由、正社員のデザイナーに実際いくらかかるのか、Kevenがアイデアを売り込むより説明することを選ぶ理由などを綴っています。

ノートパソコンに表示されたkekaba.comの職歴。Birkly、Aiobis、Subkit & Collabs.io、Proton
職歴:4つの役職、それぞれに詳しい事例。

デザイン

淡い紙と、ひとつの黄色

デザインはオフホワイトの背景にグレーと黒の文字を置き、意図的に落ち着いたものにしています。見出しは2色で組まれ、大切な言葉(designer、architect、strategist)がグレーの中から黒で浮かび上がります。背景にはやわらかな緑の光がにじみ、ただひとつのシグナルイエローを蛍光ペンのように使っています。使うのは注目すべき場所だけ。サービスやブログへのリンク、メニューで今いるページです。

書体はGeneral Sans。ほかのすべてと同様に自前でホストしているので、サイトは軽く、訪問者のデータがフォントサービスに送られることもありません。装飾はほとんどありません。ゆったりした余白、明快な見出し、一定のリズムがその役割を担い、長いページでも目を通しやすく、別のデザインを用意しなくてもスマートフォンで自然に読めます。

白い台の上に立てられたスマートフォンに表示されたkekaba.com
同じ落ち着いたレイアウトを、スマートフォンでも。

サービス

料金をページに

サービスページは2つの読者に向けて書かれています。外からの視点を必要とするプロダクトチームやデザインチーム、そして正社員を雇わずにシニアのデザインを必要とするスタートアップです。そのうえで、費用をはっきり示しています。

  • Discovery & Strategic Onboarding:一回2,500ユーロ。プロダクト、ユーザー、UXの流れを見直し、課題点とデザインの優先順位をまとめた資料を作成します。
  • Foundation:月1,200ユーロで6時間。自社で開発するチームのための「もうひとつの頭脳」。
  • Clarity:月2,880ユーロで16時間。速くリリースするチームのための毎週のレビュー。
  • Momentum:月5,800ユーロで40時間。少人数のチームのための戦略と実際のデザイン作業。

料金を公開したのは意図的な選択です。誰もが、話をする前に同じ数字を目にします。ブログ記事では正社員のデザイナーを雇う本当のコストを説明していて、それと比べると週に数時間のシニアの支援は、思ったより手頃に感じられることが多いのです。そして値段の交渉もありません。問い合わせる人はすでに料金を見ています。残りの疑問には、チームがいくつ依頼を送れるのか、なぜ作業の多くが非同期なのかといったFAQが答えます。

ノートパソコンに表示されたkekaba.comのサービスページ。プランと料金
3つのプランとオンボーディング。ユーロ建ての料金をそのまま公開。

Birklyで構築

読める仕事と、更新できるサイト

kekaba.comの事例は深く掘り下げています。職歴のそれぞれの役職から、課題、解決策、そしてKevenの役割までを描いた詳しいストーリーへとつながり、Protonの創業期から、事務所が開発するCMS、Birklyの立ち上げまでをたどれます。

サイト自体もBirklyで動いています。職歴、事例、作品、ブログ記事、プランはすべてエントリーで、ページはBirklyがコンテンツを流し込むシンプルなHTMLです。料金を変えたり事例を追加したりするのはエントリーを編集するだけで、開発者に依頼したりデプロイを実行したりする必要はありません。最新の料金、空き状況、最近の仕事を常に正確に保つことが役割のサイトにとって、これはどんな機能よりも大切です。

Kevenは、本当に本質をわかっている数少ないプロダクトデザイナーのひとりです。UXやUIの視点だけでなく、プロダクト戦略からビジュアルアイデンティティまで全体を見ています。見た目を良くするだけでなく、ちゃんと機能するものをつくります。

Mariyan Dimitrov(Aiobis CEO・創業者)

成果

kekaba.comは、営業の打ち合わせなしで、少し珍しいサービスを伝えています。Kevenが何者か、サブスクリプションがどう機能するか、各プランがいくらか、これまで何をしてきたか。問い合わせる人はすでに料金と仕組みを読んでいるので、最初の会話はプロダクトの話から始まります。そしてBirklyで動いているので、新しいプランや事例、ブログ記事の追加はエントリーをひとつ作るだけ。プロジェクトにはなりません。

サイトを見る

ほかの事例