こんにちは！アルプのデザイナーの大澤 (@Tadaki) です。 先日デジタル庁でデザインシステム勉強会の記事が公開されましたね。活用事例として私が所属するアルプでのデザインシステムについて紹介できればと思います。 アルプではサブスクリプションビジネスを行う企業向けに、今まで手作業や自社開発がスタンダードだった契約や請求の管理を SaaS として提供する Scalebase というプロダクトを開発しています。 Scalebaseの開発では、日々プロダクトチームのメンバーとデザインをすり合わせをしつつ開発を進めています。その話の中で「画面Aの保存ボタンと画面Bの保存ボタンが微妙に高さが違うのですがどちらかに統一できませんか？」といった Component レベルの調整は、最初に定義してしまい相談せずとも理解できる方がお互い楽です。 デザインシステムを運用することで、UIの考え方やルールをチー

海外の事例はいろいろあるので見てきたのですが、国内ではどんな会社が取り組んでいるのか、興味があったので調べてまとめてみました。 「おいおい、この会社が足りないぜ！」というものがあればコメントで教えていただけると喜びます。 Wantedly

I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value "page" for "項目に移動する {{ page }}" I18n Error: Missing interpolation value

Rive is a new way to build production-ready UI and graphics — with rich interactivity and state-driven animation. It removes the need for hard-coded graphics, empowering teams to iterate faster and build better products. Rive is a new way to build production-ready UI and graphics — with rich interactivity and state-driven animation. It removes the need for hard-coded graphics, empowering teams to

こんにちは！三井住友銀行 デザイナーの堀と申します。 前回の初投稿から、SNSなど多方面でたくさんの反応をいただきありがとうございました。予想以上の反響で銀行内でも話題となり、三井住友銀行のデザイナーの活動が少しでも広がったことにうれしく思います。 その中で「銀行アプリが変わった」とのコメントを多くいただき、自分たちが関わったプロジェクトがお客さまの手元に届いているんだなぁと感動しました。 今回はその「三井住友銀行アプリ」について書いていきたいと思います。 本題に入る前に…、お伝えしたいことがあります。 三井住友銀行初！2019年度グッドデザイン賞を取りました！！（ぱちぱちぱち） デザイナーだけでなく、たくさんの方々のご協力、お客さまの声から作られたアプリなので受賞したときは本当にうれしかったです。 それでは本題です。 アプリリニューアルの背景 様々な理由がありますが、まずはこれです。 キ

元ネタはこれ scotthurff.com Webアプリケーションを作ったことがある人ならわかる話だが、アプリケーションは確実に予想外の状況に晒される。サーバーはレスポンスを返すのに時間がかかるし、ユーザーの環境がメモリ1G以下のこともあれば、完全に想定外の使いかたをするユーザーもいる。デザイナはそれらの現実に起こりうる可能性を全て考慮に入れてデザインをする必要がある。 2004年にBasecamp（当時は37signals）はThe Three State Solutionという提案をしていて、その内容は「全ての画面設計は3つのステート（Regular, Blank, Error）を考慮するべきだ」というものだった。その当時はまだAjax黎明期だったし、もちろんスマートフォンも存在していなかった。けれども、新しいテクノロジーが生まれるにつれて、インターネットを利用する環境は恐ろしく多様に

🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH

Let’s play a game. I will present you with five UI/UX design patterns, in the most horrific way possible. You carefully consider my arguments, and then pick the pattern you hate the most. Shall we? Disclaimer: There won’t be any dark UX patterns in this post, like a fake hair on the screen or a non-working unsubscribe button. I think those are in a league of their own and deserve a standalone arti

Lean UX Conference に合わせてアップデートした、スプリントマスターが Design Sprint を効率的に実施するためのガイドブックです。2014 年 8 月のものが version 1 で、この version 2 では 2015 年の 3 月のアップデートを加えました。 v1: http://www.slideshare.net/takaumada/design-sprint-processRead less

前置き この記事は、バンドルカードができるまでにやったことをまとめています。デザイナー・フロントエンドエンジニアとして携わっているため、バックエンドやアライアンス等をどうやっていたかについての詳細な記述はありません。 また、記述されている多くの制作物は、チームで考え制作しており、僕個人ですべての意思決定・制作を行っているわけではありません。チームメンバーは、アライアンス・事業開発 2 人、エンジニア 2 人、デザイナー 1 人（僕）の 5 人です。 CLO 2015 年のはじめ。CardLinkedOffer（クレジットカード連動型優待）サービスを提供していた僕たちカンムは、この CLO というサービスをどうやって成長・収益化していくかに悩んでいました。 大手カード会社と手を組みサービスを展開していく中で、自社ユーザーを持たないことの難しさと不自由さに課題を感じていました。簡単な変更を加え

Cookpad TechConf 2018 の登壇資料です。 社内での開発サイクルの回し方や、注意しているポイントについてお話しました

どんなビジネスニーズにも対応できる、クリエイティブなデザインエキスパートにお任せください。一際輝くデザインで、ビジネスを成功に導きます。

Pricing Compare all pricing solutions. Options for individuals and teams. See all Pro subscription 7-day free trial Choose a flexible subscription plan for you and your team members. See the benefits Pay as you go Pay for the graphics you need, when you need them. No strings attached. How it works