1
/
5

Figmaデザインファイルの表紙を統一してアクセス性を向上させてみた


楽天は全社的にFigmaを使用しています。
本当に便利なので、デザイナーだけでなくプロデューサーやエンジニアも利用しています。

ラクマでは多数のPJが並行して走っているため、PJごとにデザインファイルを作成しています。
大きなPJではフェーズごとに個別のデザインファイルがあります。

私はサービスのリブランディングからデザインシステムのアップデートを担当し始めたのですが、データ編集中に意外と他の事業部の人が見に来ていることに気づきました(かくいう私も適当なワードで検索をかけてデザインファイルを覗いたりしています)。

表紙の見た目は多様ですが、表紙の設定されている事業部はスタイルが統一されていてサービスロゴが入っているため、キーワード検索を入り口としても、このデザインファイルがどこの何なのかが分かりやすくなっています。


AS-IS

ラクマはこのように「センタリング」「デザインファイルごとに色を変える」といった緩めのルールで運用していました。


In progress

たたきを作ってみました。

変更点

・モノクロ
・PJ名大きめ
・左上にラクマロゴを配置
・slackのチャンネルとリンクを追加
・情報は英語で
・いつ頃のPJなのか


- slackのチャンネルとリンクを追加した訳

レイアウトを組むにあたり過去のやりとりで気になったことを思い出し、下記を考慮しました。

PJに最初から参加している人ならslackチャンネルとFigmaファイルの名前が異なっていても問題なく把握できると思うのですが、QAやPRなど、後から参加される方から「この質問がこのチャンネルで合っているかわからないんですが…」と聞かれることがたまにあり、しかもFigmaのURLは人伝てに既にご存知だったりすることがあります。

チャンネル名を後から変えるのは影響を考えると厳しいため、デザインファイルの表紙にリンクを貼ることにしました。

後任デザイナーが経緯を探す時にも便利かもしれません。


- 情報は英語で

WantedlyでもRakuma Global Membersという記事シリーズが公開されている通り、ラクマは日本人の比率が多いとはいえ外国出身の英語話者のメンバーもいます。

また、楽天には横断的なUXチームがあり、頻繁にガバナンスレビューをお願いしているのですが、レビュワーの方が英語話者の時があります。
(ガバナンスレビュー用のFigmaは頑張って英語で概要を書いてます↓ おかしなところはご容赦ください)

情報へのアクセス性に言語の壁があったら嫌だな…と思ったため、デザインファイルも表紙から英語化することにしました。

Review

ラクマデザインチームの良いところは、どんなに雑なたたきでもレビューをしてくれるところです。
とても気に入ってるカルチャーです。

すぐさま数名のメンバーが反応してくれて、爆速で仕上がっていきました。
(slackへの雑な投稿↓)

載せられそうなレビューだけ載せますが、皆さん毎回すごいスピードでリアクションをくださるので嬉しいです…。

この神レビューをしてくれたメンバーはかもめちゃんという方で、今年のFigmaが主催するグローバルカンファレンスにスピーカーとして登壇していました。

【イベント登壇】FigmaのConfig 2022に弊社の木原が登壇しました! | 楽天グループ株式会社ラクマ事業部
こんにちは!木原です。先月Figma主催のグローバルデザインカンファレンス「 Config2022 」に登壇しました! サンフランシスコにあるFigmaオフィスに海外からでも招待していただけるとのことだったので、不安しかありませんでしたが勇気を出してサンフランシスコ行ってきました。 Config is Figma's annual conference where users come together to learn from each other. This year, it'll take pla
https://www.wantedly.com/companies/rakutenrakuma/post_articles/405109

After

完成しました!
PJ名とSlack Channelが必ずしも一致しないため、分けて記載することにしました。
これをコンポーネント化し、使用方法と一緒にデザインシステムに追加しました。

おわりに

今回はゆるりと業務改善の話を書いてみました。
ラクマデザインチームでは、日々こういった細かな改善や議論が闊達に飛び交っています。
カルチャーフィットしそうだな〜と思った方は、ぜひご応募ください!


ラクマ事業部でのUXデザイナーの取り組みもご覧ください。

ラクマのUXデザイナー "キャリアプラン"を立てた話 | Rakuten Rakuma Tech Blog
こんにちは!2代目ラクマくんです!今日は、UX Teamのヒョンさんがお話したいことがあるみたいなので、早速お届けしちゃうね〜〜! 早速いっくよーーー!ヒョンさんよろしくー! ヒョンさん:はい(笑)UX Strategy Teamでデザインマネージャー・UXデザイナーをしているキム・ヒョンミンと申します。今日は、チームで実施したキャリアプランについてお話をしたいと思います! UX ...
https://www.wantedly.com/companies/rakutenrakuma/post_articles/309808
【社内勉強会】ユーザーと真摯に向き合っていく!「ユーザーインサイト★Festival」の取り組み | Rakuten Rakuma Tech Blog
こんにちは!3代目ラクマくんです! コロナになってリアルなコミュニケーションが減っちゃったね...そんなラクマでは不定期にオンラインで様々な勉強会が開かれていて、 社内で知見を共有 しあっているぞ!早速いってみよー! 三代目ラクマくん:ラジオ感覚で聞けて業務しながらにはちょうど良いなー!わくわく! 三代目ラクマくん:どんなリサーチなのか気になる〜〜! ...
https://www.wantedly.com/companies/rakutenrakuma/post_articles/314615
【イベント登壇】あつまるデザナレ に弊社の名越が登壇しました! | 楽天グループ株式会社ラクマ事業部
ユーザーに寄り添いビジョンを持ちフリマの未来を創るUI/UXデザイナー募集 私たちは現在国内で3,000万ダウンロードされている楽天のフリマアプリ「ラクマ」の開発・運営をしています。 2012年に、⽇本で初(※)のフリマアプリをつくりました。 以来、「どうすればより良いサービスをユーザーに提供できるのか」を常に考え、サービスを改善し続けています。 ...
https://www.wantedly.com/companies/rakutenrakuma/post_articles/345515
楽天グループ株式会社ラクマ開発課's job postings
3 Likes
3 Likes

Weekly ranking

Show other rankings
Like nozomi tomita's Story
Let nozomi tomita's company know you're interested in their content