Chatwork Design

「働くをもっと楽しく、創造的に」をコーポレートミッションに掲げる、ビジネスチャット「Chatwork」のプロダクトデザイン(UI/UX)やブランディング(BX)について紹介するブログです。プロダクトデザイン&BX組織でfun & creativeに働く様子もお伝えしていきます!

Chatwork Design

「働くをもっと楽しく、創造的に」をコーポレートミッションに掲げる、ビジネスチャット「Chatwork」のプロダクトデザイン(UI/UX)やブランディング(BX)について紹介するブログです。プロダクトデザイン&BX組織でfun & creativeに働く様子もお伝えしていきます!

マガジン

  • Chatwork プロダクトデザイン

    • 26本

    Chatworkのプロダクトデザイン部の活動や、実際のUIフローなどを発信しています。

  • Chatwork BX(ブランドエクスペリエンス)

    • 25本

    ChatworkのBX(ブランドエクスペリエンス)部の活動や取り組みついてまとめたマガジンです。デザイナーの方や、企業/サービスのブランディング、クリエイティブの組織運営に興味がある方を対象に情報発信をしています。月3-4回の更新を目指しています!

ストア

  • 商品の画像

    Chatwork Sans フォントウェイト Tシャツ

    株式会社モリサワと共同開発された「Chatwork Sans」リリース記念として、同フォントを使用してデザインされたアイテムが登場! Chatworkの[C]をモチーフに、Chatwork Sansのフォントウェイトをテーマにデザインされています。シンプルなデザインでどんなシーンにも溶け込むアイテムです。 7.4オンスの厚手で丈夫な生地を使用しており、一回り大きめのサイズを選んでラフに着るのがおすすめです。 □Chatwork Sans開発の裏側を紹介! こだわりを詰め込んでモリサワと共同開発!コーポレートフォント『Chatwork Sans』完成 https://note.com/chatworkdesign/n/n4977efcce760 ■ カラー ホワイト ■ サイズ サイズ:XS (着丈63cm / 身幅46cm / 肩幅41cm / 袖丈18cm) サイズ:S (着丈66cm / 身幅49cm / 肩幅44cm / 袖丈19cm) サイズ:M (着丈70cm / 身幅52cm / 肩幅47cm / 袖丈20cm) サイズ:L (着丈74cm / 身幅55cm / 肩幅50cm / 袖丈22cm) サイズ:XL (着丈78cm / 身幅58cm / 肩幅53cm / 袖丈24cm) サイズ:XXL (着丈82cm / 身幅61cm / 肩幅56cm / 袖丈26cm) サイズ:XXXL (着丈84cm / 身幅64cm / 肩幅59cm / 袖丈26cm) ■ 素材 綿100% (7.4oz) ■ 納期の目安 10営業日 ※受注生産のため、生産状況や交通事情などで納期が前後することがあります。 ※画像は商品イメージです。実際とはことなる場合があります。
    2,850円
    Chatwork STORE
  • 商品の画像

    Chatwork Sans パターンTシャツ

    株式会社モリサワと共同開発された「Chatwork Sans」リリース記念として、同フォントを使用してデザインされたアイテムが登場! Chatwork Sansのタイポグラフィをパターンとして落とし込んだポップなデザインで普段使いにもおすすめのアイテムです。 7.4オンスの厚手で丈夫な生地を使用しており、一回り大きめのサイズを選んでラフに着るのがおすすめです。 □Chatwork Sans開発の裏側を紹介!こだわりを詰め込んでモリサワと共同開発!コーポレートフォント『Chatwork Sans』完成 https://note.com/chatworkdesign/n/n4977efcce760 ■ カラー ホワイト ■ サイズ サイズ:XS (着丈63cm / 身幅46cm / 肩幅41cm / 袖丈18cm) サイズ:S (着丈66cm / 身幅49cm / 肩幅44cm / 袖丈19cm) サイズ:M (着丈70cm / 身幅52cm / 肩幅47cm / 袖丈20cm) サイズ:L (着丈74cm / 身幅55cm / 肩幅50cm / 袖丈22cm) サイズ:XL (着丈78cm / 身幅58cm / 肩幅53cm / 袖丈24cm) サイズ:XXL (着丈82cm / 身幅61cm / 肩幅56cm / 袖丈26cm) サイズ:XXXL (着丈84cm / 身幅64cm / 肩幅59cm / 袖丈26cm) ■ 素材 綿100% (7.4oz) ■ 納期の目安 10営業日 ※受注生産のため、生産状況や交通事情などで納期が前後することがあります。 ※画像は商品イメージです。実際とはことなる場合があります。
    2,850円
    Chatwork STORE
  • 商品の画像

    Chatwork Sans タイポグラフィTシャツ

    株式会社モリサワと共同開発された「Chatwork Sans」リリース記念として、同フォントを使用してデザインされたアイテムが登場! Chatwork Sansを使用し、フォント見本帳をテーマにデザインが構成されているアイテムとなっています。 7.4オンスの厚手で丈夫な生地を使用しており、一回り大きめのサイズを選んでラフに着るのがおすすめです。 □Chatwork Sans開発の裏側を紹介!こだわりを詰め込んでモリサワと共同開発!コーポレートフォント『Chatwork Sans』完成 https://note.com/chatworkdesign/n/n4977efcce760 ■ カラー ホワイト ■ サイズ サイズ:XS (着丈63cm / 身幅46cm / 肩幅41cm / 袖丈18cm) サイズ:S (着丈66cm / 身幅49cm / 肩幅44cm / 袖丈19cm) サイズ:M (着丈70cm / 身幅52cm / 肩幅47cm / 袖丈20cm) サイズ:L (着丈74cm / 身幅55cm / 肩幅50cm / 袖丈22cm) サイズ:XL (着丈78cm / 身幅58cm / 肩幅53cm / 袖丈24cm) サイズ:XXL (着丈82cm / 身幅61cm / 肩幅56cm / 袖丈26cm) サイズ:XXXL (着丈84cm / 身幅64cm / 肩幅59cm / 袖丈26cm) ■ 素材 綿100% (7.4oz) ■ 納期の目安 10営業日 ※受注生産のため、生産状況や交通事情などで納期が前後することがあります。 ※画像は商品イメージです。実際とはことなる場合があります。
    2,850円
    Chatwork STORE
    • Chatwork プロダクトデザイン

      • 26本
    • Chatwork BX(ブランドエクスペリエンス)

      • 25本
  • 商品の画像

    Chatwork Sans フォントウェイト Tシャツ

    株式会社モリサワと共同開発された「Chatwork Sans」リリース記念として、同フォントを使用してデザインされたアイテムが登場! Chatworkの[C]をモチーフに、Chatwork Sansのフォントウェイトをテーマにデザインされています。シンプルなデザインでどんなシーンにも溶け込むアイテムです。 7.4オンスの厚手で丈夫な生地を使用しており、一回り大きめのサイズを選んでラフに着るのがおすすめです。 □Chatwork Sans開発の裏側を紹介! こだわりを詰め込んでモリサワと共同開発!コーポレートフォント『Chatwork Sans』完成 https://note.com/chatworkdesign/n/n4977efcce760 ■ カラー ホワイト ■ サイズ サイズ:XS (着丈63cm / 身幅46cm / 肩幅41cm / 袖丈18cm) サイズ:S (着丈66cm / 身幅49cm / 肩幅44cm / 袖丈19cm) サイズ:M (着丈70cm / 身幅52cm / 肩幅47cm / 袖丈20cm) サイズ:L (着丈74cm / 身幅55cm / 肩幅50cm / 袖丈22cm) サイズ:XL (着丈78cm / 身幅58cm / 肩幅53cm / 袖丈24cm) サイズ:XXL (着丈82cm / 身幅61cm / 肩幅56cm / 袖丈26cm) サイズ:XXXL (着丈84cm / 身幅64cm / 肩幅59cm / 袖丈26cm) ■ 素材 綿100% (7.4oz) ■ 納期の目安 10営業日 ※受注生産のため、生産状況や交通事情などで納期が前後することがあります。 ※画像は商品イメージです。実際とはことなる場合があります。
    2,850円
    Chatwork STORE
  • 商品の画像

    Chatwork Sans パターンTシャツ

    株式会社モリサワと共同開発された「Chatwork Sans」リリース記念として、同フォントを使用してデザインされたアイテムが登場! Chatwork Sansのタイポグラフィをパターンとして落とし込んだポップなデザインで普段使いにもおすすめのアイテムです。 7.4オンスの厚手で丈夫な生地を使用しており、一回り大きめのサイズを選んでラフに着るのがおすすめです。 □Chatwork Sans開発の裏側を紹介!こだわりを詰め込んでモリサワと共同開発!コーポレートフォント『Chatwork Sans』完成 https://note.com/chatworkdesign/n/n4977efcce760 ■ カラー ホワイト ■ サイズ サイズ:XS (着丈63cm / 身幅46cm / 肩幅41cm / 袖丈18cm) サイズ:S (着丈66cm / 身幅49cm / 肩幅44cm / 袖丈19cm) サイズ:M (着丈70cm / 身幅52cm / 肩幅47cm / 袖丈20cm) サイズ:L (着丈74cm / 身幅55cm / 肩幅50cm / 袖丈22cm) サイズ:XL (着丈78cm / 身幅58cm / 肩幅53cm / 袖丈24cm) サイズ:XXL (着丈82cm / 身幅61cm / 肩幅56cm / 袖丈26cm) サイズ:XXXL (着丈84cm / 身幅64cm / 肩幅59cm / 袖丈26cm) ■ 素材 綿100% (7.4oz) ■ 納期の目安 10営業日 ※受注生産のため、生産状況や交通事情などで納期が前後することがあります。 ※画像は商品イメージです。実際とはことなる場合があります。
    2,850円
    Chatwork STORE
  • 商品の画像

    Chatwork Sans タイポグラフィTシャツ

    株式会社モリサワと共同開発された「Chatwork Sans」リリース記念として、同フォントを使用してデザインされたアイテムが登場! Chatwork Sansを使用し、フォント見本帳をテーマにデザインが構成されているアイテムとなっています。 7.4オンスの厚手で丈夫な生地を使用しており、一回り大きめのサイズを選んでラフに着るのがおすすめです。 □Chatwork Sans開発の裏側を紹介!こだわりを詰め込んでモリサワと共同開発!コーポレートフォント『Chatwork Sans』完成 https://note.com/chatworkdesign/n/n4977efcce760 ■ カラー ホワイト ■ サイズ サイズ:XS (着丈63cm / 身幅46cm / 肩幅41cm / 袖丈18cm) サイズ:S (着丈66cm / 身幅49cm / 肩幅44cm / 袖丈19cm) サイズ:M (着丈70cm / 身幅52cm / 肩幅47cm / 袖丈20cm) サイズ:L (着丈74cm / 身幅55cm / 肩幅50cm / 袖丈22cm) サイズ:XL (着丈78cm / 身幅58cm / 肩幅53cm / 袖丈24cm) サイズ:XXL (着丈82cm / 身幅61cm / 肩幅56cm / 袖丈26cm) サイズ:XXXL (着丈84cm / 身幅64cm / 肩幅59cm / 袖丈26cm) ■ 素材 綿100% (7.4oz) ■ 納期の目安 10営業日 ※受注生産のため、生産状況や交通事情などで納期が前後することがあります。 ※画像は商品イメージです。実際とはことなる場合があります。
    2,850円
    Chatwork STORE
  • もっとみる

最近の記事

固定された記事

複雑化するデザイナーの役割や職域の整理とキャリアパスについて考えてみた

こんにちは。Chatworkプロダクトデザイン部マネージャーのもってぃー(ucco@87lab.)です。 最近副業のUXデザインコンサル業で、「デザイナーの募集要項どうしよう」とか、「若手デザイナーのキャリアパスどう設計しよう」とか、「そもそも◯◯デザイナーが多すぎて訳が分からない」とか、デザイナーという職種を取り巻く環境の複雑化に端を発したご相談をよく受けます。デザイナーのコミュニティやミートアップイベントでは「デザイナーのなんでも屋化」の話が毎回必ずといっていいほど出て

スキ
24
    • ユーザーになりきって自分たちでユーザビリティを評価する価値

      こんにちは!Chatworkプロダクトデザイン部のUIデザイナーかねこです。 プロダクトデザイン部では現在、ユーザビリティとアクセシビリティ、2つのエキスパート・レビュー(以下ER)を実施しています。このブログでは、これまでに2本の記事をお届けしてきました。 ERとは?どんな取り組みをしているの?については以下の記事を アクセシビリティのERについては以下の記事をご覧ください。 今回の記事では、ユーザビリティのERを半年間取り組んでみて感じたことを中心にお伝えします。

      スキ
      11
      • 「カスケーディング・デザイン」なんてどうでしょう

        こんにちは。BX部エンジニアのシノザキです。 これまでたくさんのWebサイトを作って来ましたが、理にかなったデザインを目指すうちに「カスケーディング・デザイン」という言葉を思いつきました。検索してみてもヒットしなかったので、どうやら勝手に思いついた言葉のようです。 思いつきの割には、エンジニアから見たデザインの成り立ちを上手く説明できているように思います。エンジニアとデザイナーの架け橋になれるかもしれないので、1本記事を書いてみようと思います。 カスケーディング・デザイ

        スキ
        12
        • こだわりを詰め込んでモリサワと共同開発!コーポレートフォント『Chatwork Sans』完成

          こんにちは。BX部の新免(@melange_t)です。 昨年のリブランディングからしばらく時間が経ってしまいましたが、株式会社モリサワ(以下、モリサワさん)と共同開発したChatworkオリジナルのコーポレートフォント『Chatwork Sans』がお披露目になったので、今回はコーポレートフォントをオリジナルで制作するに至った背景や、フォント完成までの裏側を紹介します。 コーポレートフォント変更の背景これまでChatworkではコーポレートフォントとして、3種類のフォント

          スキ
          64

        マガジン

        マガジンをすべて見る すべて見る
        • Chatwork プロダクトデザイン
          Chatwork Design 他
        • Chatwork BX(ブランドエクスペリエンス)
          Chatwork Design 他

        記事

        記事をすべて見る すべて見る

          本当に有益なデザインレビューとは・・・?「Everydayレビュー」はじめました

          こんにちは。Chatworkプロダクトデザイン部マネージャーのもってぃー(ucco@87lab.)です。 みなさん、レビューってどうしてますか? デザイナーに限らず、ありとあらゆる職種で「レビュー」は実施されていますし、品質の維持・向上のために必要不可欠です。 しかし、とかくデザインのレビューは難しい。。。主観が入り込みやすく発散しがちな題材であることは間違いないと思います。 今回は、半年前に導入した「Everydayレビュー」という仕組みについてお話ししつつ、これまでを

          スキ
          24

          一朝一夕にはいかない!だからアクセシビリティガイドラインの理解はERで磨く

          こんにちは、UIデザイナーの大竹です🤗 今回は、アクセシビリティガイドラインとER(エキスパート・レビュー)のお話です。 弊社デザイナーは、プロダクトのERも担っています。 ERの概要や実施の経緯は、以前の記事に書いてます。 前提:私のアクセシビリティ感度 実は、3年前まで「アクセシビリティ」を知りませんでした。 運良く社内に知見のある方が居て、そこからWCAG(Web Content Accessibility Guidelines)やWAIC(Webアクセシビリティ

          スキ
          9

          ロジカルかつコンパクトに!UI設計のためのワークフロー

          こんにちは。ChatworkのUIデザイナーかねこです。最近では新しい機能やエキスパートレビューによる改善をメインに取り組んでいます。 今回はUIデザイナーの設計フローをHCDプロセスに準えてフォーマット化する試み「MONDRIAN」についての第三弾です。これまでの記事をまだご覧になっていない場合は、ぜひ読んでみて下さいね! この記事では【MONDRIAN】の後半部分(骨格と表層)の内容についてご紹介します。 画面要素の重要度を元に、最小限のワイヤーフレームをステップ4

          スキ
          25

          プロダクトの定期健康診断「エキスパート・レビュー」はじめました

          こんにちは。Chatworkプロダクトデザイン部マネージャーのもってぃー(ucco@87lab.)です。GWの「JAPAN JAM 2022」以来なんだかずっと筋肉痛ですが、幸福な疲労感でございます。夏フェスは居住地福岡の「NUMBER SHOT 2022」に行く予定で、フェス用の体力をつけるためにボクシングジム通いを再開しました(謎)。 はじめましたシリーズ第二回は「エキスパート・レビュー」をはじめたお話です。仕組み化と定常運用にあたって様々な課題も見えてきたので、併せて

          スキ
          30

          手戻りがゼロに!? 情報整理を変えた独自UIフロー

          こんにちは!UIデザイナーの大竹(@satocalog)です。最近では、UXリサーチ周りやワークショップ設計をゴニョゴニョしています。 今年Chatworkでは、新しいUIデザインフローが作成されました。そのきっかけについては、以下の記事で紹介しています。 今回は、独自UIフロー【MONDRIAN】の前半(要件〜構造)について紹介していきます。 この前半フローのおかげで私は作業の手戻りが無くなったので、かなりの推し部分です。 デザイン設計に入る前の徹底的なウォームアップ

          スキ
          101

          UIデザインのフローを標準化する試み「MONDRIAN」はじめました

          こんにちは。Chatworkプロダクトデザイン部マネージャーのもってぃー(ucco@87lab.)です。デザイン部メンバーの裏方として、主に業務効率化やスキルアップの仕組みづくりに日々奔走しています。 その一環として、UIデザイナーの設計フローをHCDプロセスに準えてフォーマット化する試みをはじめました。名付けて「MONDRIAN」(名付け親はメンバーの大竹(@satocalog))!今回はその誕生の訳について書こうと思います。 UIデザイナーの仕事はわかりづらい?「UIデ

          スキ
          102

          ブランディングを知らない人が管掌役員になった話

          はじめまして、Chatworkでピープル&ブランド本部に所属しているとニシオ(@nishio_tomokazu)と申します。 執行役員CHRO兼ピープル&ブランド本部本部長と執行役員っていう大層な肩書がついていますが、どこにでもいる40代半ばのおっさんです。 このnoteは、Chatworkのデザイン組織のメンバーがデザインやブランディングについて書いているのですが、そろそろネタが枯渇してきたので、お前も書けというメンバーのプレッシャーに負けて、筆を取らせていただきました。

          スキ
          9

          コーディングで貢献するブランドエクスペリエンス

          はじめまして。 ChatworkのBX部でWeb制作全般の仕事をしているシノザキと申します。 2021年7月にジョインしてから早くも半年がたち、おぼろげながら自分の役割が見えてきました。 受託のWebサイト制作をやってきた自分がBXという領域に飛び込んで得た気づきを、半年を終えたこのタイミングで振り返ってみたいと思います。 ジョインした頃のBX部BX部には数名のデザイナーが所属していますが、Webサイトの実装を専任でおこなうエンジニアはいませんでした。 当時サービスのリ

          スキ
          11

          Chatwork STOREリニューアルの裏側

          こんにちはChatwork BX部のイチノヘです! 今年も気づけば年の瀬、皆さんは2021年の締め括りはどのようにお過ごしでしょうか? 私は毎年この時期になると中々手が進まない水回りの掃除をよそ目に、コーヒーを飲んでほっと一息つきながら一年の振り返りをして現実逃避をしています。 まぁそんなこんなで前置きが長くなってしまいましたが、一つ前の記事では新免(@melange_t)が何故自社のオリジナルアイテムを作り、STOREを運営することになったのかをご紹介いたしました。 そ

          スキ
          6

          社内に一体感が生まれ、新しいカルチャーが生まれるオリジナルアイテム

          こんにちは。BX部の新免(@melange_t)です。 2021年12月7日、Chatworkのオリジナルグッズを販売するChatwork STOREがリニューアルしました。グッズ販売のスタートは2019年の3月「UTme! MARKET」でのTシャツからでした。2020年には、Tシャツ以外のアイテムも取り扱うChatwork STOREとしての形になりました。 Chatworkが、なぜオリジナルアイテムを作るようになったのか。作ってどうだったのかをお伝えしたいと思います

          スキ
          1

          「働きがい」を自分でつくる「ジョブ・クラフティング」

          こんにちは、BX部のハヤマです。 私は今年でChatworkに入社してから14年目になります。入社したころは社員数25人にも満たないベンチャー起業でしたが、2019年に上場して組織が大きくなり、2021年10月末時点では247人になりました。同じ会社でありながら、入社したころとは環境が大きく変わりました。 そして、社歴14年ではありますが、ずっと働き続けていたというわけではなく2019年から2020年の間は育休をとっており、ちょうど今月で復帰して1年が経ちました。 復帰

          スキ
          14

          オンラインでも楽しめる!Chatwork流忘年会のススメ

          こんにちは。Chatworkでインナーコミュニケーションを担当しているつつみ(@223cwpr)です。まもなく12月。急に寒い日が増え、季節はもう秋から冬へと変わりました。年末にかけて新型コロナウイルスの感染者が増加の一途をたどっていた2020年とは打って変わって、現状は感染者数も抑えられており、オフラインでの交流を徐々に再開している企業も多いのではないでしょうか。 とはいえ、まだまだ大人数での忘年会は厳しい…と今年もオンラインでの開催を検討されている幹事の皆さまに、Cha

          スキ
          2