マガジンのカバー画像

カンムTeam Member Blogs

40
カンムメンバーが書いたnoteを集めたマガジンです。
運営しているクリエイター

#デザイン

デザイナーやエンジニアの作業効率が向上するFigmaの運用方法を考える

カンムでプロダクトデザインをしている osanai です。こんにちは。 前回ご紹介したコンポーネント品評会により、デザインシステムにおけるコンポーネントの課題について議論が進み、不必要なコンポーネントが生まれにくくなり、デザインの意図が汲み取りやすくなりました。 品評会をしていると、しばしばデザイナーとエンジニアで「Figma でもっと効率よくできないかな」という話題が出てきます。例えば「コンポーネントの Variants のパターンをパット見で把握したい」「目的のページ

エンジニアとデザイナーのコンポーネント品評会

カンムでデザイナーをしている osanai です。バンドルカードやPoolのデザインを担当しております。 アプリの改善を長年やっていると、デザインにおける一貫性の欠如が発生しがちです。意味合いは同じなのに画面ごとに色やサイズや異なっていたり、用途は同じなのに類似したデザインパターンが複数存在していたり、古いUIが一部の画面で残されたままになっていたり。 このような一貫性の欠如はデザイン負債とも呼ばれ、蓄積するとさまざまな運用コストが発生します。デザインパターンを適用すると

デザインの言語化:客観的事実を根拠にデザインを伝える

12月です。年末です。カンムアドベントカレンダー10日目の記事です 📆 カンムのデザイナーosanaiです。 今年、自分の中で最も盛り上がった漫画の1つは、アオアシです。「つつつつつ、つつつ、掴っ…掴っっつかっつかっ掴っ掴…、つ か ん だ」ってやつです。 掴んだって言っても手を使えないサッカーの話なんですが、主人公のアシトが試合を通じてどんどんサッカーのコツを掴んでいくんですね。 コツを掴む前のアシトが言った、印象に残ったセリフがこれ。 「何かをつかみかけているあの

何も意識せずにできるデザインレビュー

カンムでデザインをしているosanaiです。 あるときデザインレビューの方法について調べていたんです。「デザインレビューで意識する○つのこと」や「デザインレビューするときに心がけていること」といった記事はとても参考になります。 一方で、デザイナー以外の方々にもアプリやLP(ウェブサイト)のデザインをレビューしてもらうことがあり、「意識すること」を事前にお伝えしなくても済むように「何も意識せずに」レビューできるとより良さそうと思いました。 そこで今回は「デザインレビューシ

新しいプロダクトをゼロからデザインする ─ Poolのブランド構築

弊社カンムは投資と決済を掛け合わせた新プロダクト「Pool」をリリースする予定です。 「心理的unbankedをソフトウェアで解決する」というミッションのもと、投資に対する面倒・難しい・怖い・不安といった心理的ハードルを下げたいと考えています。Poolは投資が今よりも資産形成に活用しやすくなることを目指したサービスです。 この記事ではPoolのデザイン過程を紹介しつつ、カンムの新たなチャレンジについてデザイナーの立場からお話します。(開発中のため、機能に関する具体的な情報

バンドルカードのかるた、作りました

こんにちは。株式会社カンムで、Visaプリペイドカード「バンドルカード」のデザイナーをやっている者です。 カンム Advent Calendar 2019 最終日の記事です。 新年まであと少しということで、バンドルカードのかるたを作ってみました。かるたで遊ぶことで、バンドルカードの特徴や仕様、便利な使い方を一通り学べるようになっています。 あぶないよ カード番号 見せないで 「バンドルカードを作った!」嬉しくなるとつい、スマホの画面やカード券面をそのまま見せたくなりますよ

かるたで語る ユーザーストーリー

株式会社カンムのデザイナーです。弊社のプロダクト Visaプリペイドカード「バンドルカード」 の利用シーンや特徴をあらわした「バンドルカードかるた」を前回に引き続き作っています。 なぜ「かるた」を作ろうと思ったのか? Visaプリペイドカード「バンドルカード」の場合、サービスを使い始める動機・使い続ける動機が人によって様々です。 例えば「Visaカードをすぐに作りたい」人もいれば「クレジットカードを持っているが使いすぎてしまうので怖い」人もいます。 また、機能だけをさっと

IllustratorとCSVで大量の名刺データを素早く編集する!

デザイナーのみなさん、自社の名刺の入稿データってどう管理してますか? ぼくはデザインデータ(.ai)とテキストデータ(.csv)に分けて管理しています。 最初はデザインデータだけで管理していたんです。というのも2018年にぼくがカンムに入社したときの社員数は十数名で、名刺のデザイン修正時には十数個のデータを修正するだけで済んでいたので、少し手間だったけど数年に1回の頻度だったら「まあいっか」と。 ところが2020年は社員数が30人以上になりまして、ここまで増えると全員分の

SketchとGoogleスプレッドシートを連携させてアプリの文言を管理する

アプリのボタンの文言を決めるとき、「体言止めにする? 動詞にする? あれ、既存画面の文言はどうしてたっけ?」ってなるときがあります。Kanmu のデザイナー小山内です。 アプリ内文言の一覧があれば、表記ゆれに気づきやすいかなって。あわよくば、それを Sketch にシームレスに取り込めたらラクかなって。そう思っていたら、Kanmu Tech Day がやってまいりました。 Kanmu Tech Day とは テクノロジーを使って業務の効率化や、何かおもしろそうな試みをやっ

バンドルカードのロゴをリファインしたデザイナーの頭の中

スマホから1分でVisaプリペイドがつくれるバンドルカード。 プロダクトがリリースされて2年半、ロゴが新しくなりました。 従来のロゴにどんな課題があって、改善するまでにどんな思考を経たのか、いちデザイナーの頭の中を記録として残しておきます。 機運2018年11月、ありがたいことに、とある出版社さんにムック本でバンドルカードを紹介していただきました。 内容は同年9月にリリースしたセブン銀行ATMチャージ機能について。 バンドルカードとセブン銀行ATMさんのロゴが並ぶ