コーヒー屋を開業するにあたって作った書体の話｜Koji Kimura
デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う
【53本】バナーデザインレビュー＆ブラッシュアップまとめ｜カトウヒカル
僕が運営＆講師を務めているWebデザイン1on1レッスンチャンネルのバナーデザインレビュー＆ブラッシュアップがたくさん増えたので、まとめて「53本」ご紹介します。 画像の左側が生徒さん／右側が僕のブラッシュアップです。 約1年半ほぼ毎週授業を行いました。時系列に紹介しているので、生徒さんの上達が伝わってくると思います。 【１】春の新生活応援キャンペーンバナー ■春の新生活応援キャンペーン URL：https://1on1.design/contents/96 【２】学習塾の冬期講習会キャンペーンバナー ■学習塾の冬期講習会キャンペーンバナー URL：https://1on1.design/contents/95 【３】時計店の福袋キャンペーンバナー ■時計店の福袋キャンペーンバナー URL：https://1on1.design/contents/51 【４】化粧品の継続広告バナー ■化粧
【Figma公式推奨】使い方ではなく、運用方法マニュアル2024年版｜rikika
2024年リリースのMulti-Editに対応しました。 Figmaconfig2023にリリースされたVariables,Developer mode,NestedComponentに対応しました。 Figmaconfig2022で発表されたComponent PropertyとAutoLayoutについても追記しました。 世の中のFigmaの日本語ドキュメントがショートカットや基本機能の解説に終始していることで、毎回チームに運用マニュアルをインストール必要が出てきて辛いのでこちらにオープンドキュメントとしてまとめておきます。 コピペしてアップデートしてもらって大丈夫です。各社のNotionページにPullしてあげてください。 あくまで現状のFigmaの仕様の前提で個人的な運用最適解としての見解です、こういったたたき台があることで議論が活発になると嬉しいなという気持ちです。💕気に入って
0→1フェーズで最も重要なサービスコンセプトのつくり方 | 実プロジェクトの事例付き｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
サービスを0→1でつくる上でまず必要になるのが、サービスのコンセプトづくりです。 いままで自社事業や様々な企業との共同プロジェクトを通じてサービスづくりに取り組む中で、サービスのコンセプトづくり、すなわちコンセプトメイキングのプロセスにもある種の型があることに気付きました。 このnoteでは社内ドキュメントである「サービスコンセプトのつくり方」の内容を一部NDAでシェアできない資料を除いて全公開します。 ＜コンセプトメイキングの大前提＞🧐 STEP１：コンセプトとは何かを知ろうコンセプトが何かを知る上で、コンセプトの立ち位置と役割を知ろうコンセプトそれ自体は様々な形があり、非常に漠然としている。 なので、コンセプトがそれ以外の要素とどういった関係にあるのか、どういった役割を果たすのかという観点からコンセプトとは何かを理解しよう。 まずサービスアイデアは下図のような構造を持っている。 ある
需要を構造化して把握する「ブランド×チャネル（カテゴリー)MATRIX」｜マーケティング・アナリスト/小川 貴史/(株）秤代表
このnoteでは、 マーケティング戦略検討に役立つノウハウがまとめられた元P&G、現（株）刀の森岡毅氏と今西聖貴氏の「確率思考の戦略論」と、マーケティングサイエンスの専門家バイロン・シャープ氏のブランディングの科学で紹介された数理モデルを用いて、 需要を構造的に把握し、課題を明確に方法を共有します。 潜在的な顧客、需要を把握できているか？テクノロジーの進化により、デジタルなログとして補足できる顧客行動が増えました。多くのマーケターが自社のサイト訪問や購買などの行動分析を行っています。 その一方で、これから顧客になる、潜在的な需要を的確に把握することは簡単ではありません。 「ブランド×チャネル（カテゴリー）MATRIX」は「確率思考の戦略論」と「ブランディングの科学」で紹介された数式を用いて市場構造を把握し、競合との相対比較で自社はどの領域が強いのか？弱いのか？マーケティングの根幹となる課題
noteの2018年のデザイン戦略について｜深津 貴之 (fladdict)｜note
みなさま、新年あけましておめでとうございます。noteのお手伝いを始めてから3ヶ月が経ちました。 2018年、今年どんなことをやろうと考えているか、ユーザーの皆さんと情報共有したいと思います。 去年の活動のご報告まずは、スタートアップらしく去年の活動のご報告から。2017年の10月以降、チームで様々なカイゼンを行って来ました。noteチームが持っていたポテンシャルが、徐々に発揮されるようになりました。 DAUが増加トレンドになりました あわせて12月は、DAUで最大記録となりました。（薄いグラフの方が30日DAUです。Google Trendの30日継続読みにくいですね）。 継続率が1.75倍になりました 1週〜4週の継続率が、8月時と比べておよそ1.75倍となりました。現状は安定して維持されています。 投稿数が1.5倍になりました noteのデイリー投稿数が、以前と比べて平均1.5倍程度
12. プロダクト戦略作成の手引き (テンプレートつき)｜Kenji Kato
これまでのあらすじ元Netflix CPOのギブソン氏が、自身のNetflixでの経験を踏まえて、DHMモデル、GLEeモデル、GEMモデル、などプロダクト戦略に関わるいくつかのフレームワークを紹介してきました。 そして、Netflixの次にジョインした教育系スタートアップ、Cheggでのプロダクト戦略の実行例をまとめています。Cheggでは、ギブソン氏がジョインした年の年間売上は150億円になったのでした。 今回はこれまでのエッセイをまとめて、プロダクト戦略をつくるためのエクササイズ集に再構成したものとなっております。 ・ ・ ・ 以下は、私の戦略エッセイのそれぞれからの、演習の全てです。 また、戦略をすばやく定義できるように、スライドを用意しました。 スライドには、必要なすべてのアクティビティと例が用意されています。 □ 日本語版スライド (Figma)
この不確かな時代で「選ばれるブランド」になるために企業がすべきこと【NEWPEACE Visioning Firm】｜NEWPEACE Inc.
SNSの台頭によって、全ての人がメディアになる時代となりました。 コミュニケーションの構造は一変し、新しい市場やライフスタイルがどんどん生まれています。サービスやコンテンツは多様化し、飽和しつつもあります。「VUCAの時代」といわれるくらい、常に変わり、不確実で複雑で、先行きも曖昧な時代です。 そんな混沌の時代に、「選ばれること」って、想像以上に大変です。生活者から選ばれる商品やサービス、ブランドとなり、今いる競争市場から一歩抜け出すためには、どうすればいいのでしょうか。 会社も世の中も前進させる、新たなアプローチを 私たちNEWPEACEは、この問いに対して、新たなアプローチ手法である「ビジョニング」が解決策を導くと信じています。 語弊を恐れずに言うならば、ビジョニングとは、NEWPEACEが考えた「新しいブランディング」のあり方です。社会のイシューに対して明確な思想を持ち、それを体現す
Figmaのオートレイアウトを完全に理解した話｜UI/UXデザイナー うっくん
どーもーUI/UXデザイナーのうっくんです。 ちょっと前にFigmaにオートレイアウトという機能が追加されました。 最初は、「おー、ボタンの長さがテキストに追従して変えられるのかー」としか思ってなかったのですが、実際に使ってみると実はもっと強力な機能でした。 オートレイアウトの基本機能。コンテンツの大きさに応じて、コンテナの大きさが変わる。今までは、いちいち赤い背景の部分もデザイナーがリサイズしなおさないといけなかった。めんどくさいので、プラグインなどを使っている人が多かったこれがとても実用的で、業務効率も上がりそうなので、すでに実戦投入しています。 かなり使いこなせてきたので、そのポイントを以下の３段階に分けてご紹介していきます。 1. 基本機能, 2. 発展系、そして、3. 現時点ではできないこと これを読めば「オートレイアウト完全に理解した」と言えるようになります。Figmaのオート
Figmaにおけるコンポーネントとバージョンの管理について考える｜Nao Komura｜note
まだ完結していないシリーズの途中ではあるのですが、ちょっと早めに自分の備忘録としてまとめておきたかったので先にこちらを書いてしまいました。 相変わらずの文章量なのですが(ちゃんと読むのに15分は確実にかかります)、お時間ある方は読んでいただけると嬉しいです。そして、内容についてはまだ実験段階な部分が多いので、フィードバックを貰えると非常に助かります🙏 1.命名規則とコンポーネントの単位について命名規則とコンポーネントの単位はプロジェクトで使用される技術によって少し状況が変わってくるように思います。 そもそもコンポーネントという概念が開発にほぼ必要ない普通のWebサイトなどであれば、多少実装しにくいと思われるかもしれませんが、あまりデザイナー側が気にする事ではないかなとも思います。 ただ、今回はReact.jsやVue.jsなどのフレームワークを使ったWebアプリケーション/サービス、また
Webアクセシビリティガイドラインのコントラスト比について色相環を使って視覚化してみた。｜brightflavor@育休中Webデザイナー×グラフィックレコーダー
2-PCCS色相環の各色を背景色にした時、レベルAA達成になる色合いは？さて、コントラスト比は4.5:1で作るのがベストと改めて確認できたので、ここから色の勉強や色彩検定などで必ず出てくる色相環をベースに作ってみることにします。 ■前提として ・「PCCS色相環」の24色のカラーコードを基準色として利用。 ※RGB値（16進数）のコードは下記サイトより。 ・文字は白（#FFFFFF）。 ・色相環24色を背景色とし、HSVの「明度」を変化させ、どこまで明度を落とすとレベルAA（コントラスト比 4.5:1）達成になるかをみる。 ・測定に使用したアプリは「カラー・コントラスト・アナライザー」 結果、こうなりました。 色相環で表すとこんな感じに。 こうしてみると、レベルAA達成の時点でダーク寄りの色合いになってしまうのが、よくわかると思います。特に、朱色（v4）から緑（v12）のあたりまでの色は、
ハヤカワ五味『ILLUMINATE チケットサプリ』の炎上についての雑感とまとめ｜DJ AsadaAkira
ハヤカワ五味氏の『ILLUMINATE チケットサプリ』 炎上に至るまでの簡単な流れと雑感をまとめました。 筆者による個人的な憶測、断定、感想で構成されています。 また今後の進展により、追記や訂正が行われる可能性が高いです。 私自身はフェムテックが健全に発展していくことを望んでいます。 ※進展がありましたので、追加記事を更新しました。 ＜2月17日現在の仮説＞ ①入れ知恵したお友達がアフィリエイターや広告関係の邪悪ビジパだった説 ②サプリとビジネスがマジで大好きで社会貢献だと思っていて、薬機法はむしろ消費者のためになってないと思い込んでる狂信説 ③そこまで深く考えてなかった説 筆者はこの②の狂信説を現在採用している。 2020年8月26日 ＜第一報プレスリリース＞PR TIMESにプレスリリース 「ハヤカワ五味率いるILLUMINATEからチケットサプリ発売」という一報に、一部の敏感な医療
「遺伝的アルゴリズムで最高にエッチな画像を作ろう！」がGoogleに怒られた話｜群青ちきん
「そらとぶあざらしさん」を遊んで頂くと、大体の温度感がご理解いただけるかと思います。 制限がされたページ今年の1月10日に、noteタイトルにもある「遺伝的アルゴリズムで最高にエッチな画像を作ろう！」というページを公開しました。 内容はタイトルの通りです。 ランダムに生成された2枚の画像から「エッチ」な方を選んでいくと、アルゴリズム学習によってだんだんとエッチな画像になっていくというものです。 遺伝的アルゴリズムで最高にエッチな画像を作ろう！ (エッチな画像が見れるとは言っていない) より このページには、筆者のささやかな収入源として、GoogleAdSenseの広告を貼っていました。 GoogleAdSenseとは、大企業であるGoogleが運営している個人クリエイター向けの広告プログラムです。 AdSenseのポリシーとして、「性的に露骨なコンテンツ」(Sexually explici
コロナ自宅療養に殺されかけた話｜工藤スナッフ｜note
Twitterに書くか迷ったのですが若干余裕が出てきたのでメモ帳スクショお気持ち表明ツイートさせたいただきます。 新型コロナウィルスに感染しました。 pic.twitter.com/NCzGptKAYo — 工藤スナッフ(コロナ闘病中) (@kudou_snuff) January 9, 2021 この時はまだ良かった。このあと、生死を彷徨うことになる危険な経緯について、私が書かねばなるまいと思ったので筆を取らせていただきます。 感染者情報東京都世田谷区在住、32歳男性、一人暮らし。基礎疾患など特に無く健康。タバコも吸いません(お酒はまあまあ飲む)。在宅勤務で人に会うのは月に2回程度。生活のほとんどを家で過ごし、買い物に出かけても対策を怠らず、まさか自分が感染するとは思いもしていませんでした。 考えられる感染経路は大晦日→元旦に仲間たち数名と家で会食をしたことです。これに関しては気の緩みが
【練習内容公開】イラストを100日練習しました｜燕禅
イラストレーションの練習を100日やりました．知らないことばかりだったので勉強していてとても楽しかったです！ いいタグがあったので記念として初日に描いたものと並べておきます#進化してたらRT見た人もする#画力変化ビフォーアフター pic.twitter.com/WKhBvyZSoi — 都路 燕禅 (@enzen3852) November 29, 2020 イラストの練習を始めてトータル100日を突破しました．一旦立ち止まって初日のイラストと今のイラストを比べてみると，見違えるほど上達できたかなと思っています． そこで今回はこの記事で，私が100日でどんな練習を行い，どんな変化を遂げていったかを振り返ってみようと思います． (追記: 60日目と70日目のイラストの削除について。着物や扇子などの模様は、自分の手元や実家にある実物の写真・インターネットの写真などを複数参考にして、いずれのデザ
ちょっとしたシステム変更なのに時間と手間がかかるのはなぜ？｜森崎 修司
ソフトウェア開発の効率化や品質向上を研究しています。そこで感じたことを書いていきます。ITシステムに関するリテラシーが高まるともっとIT化が進むのではないかと思い、書いています。 ITシステムを利用していると改善したいことが出てきます。「こことここは同時に指定したい」「この順番が入れ替わると作業しやすい」といったこと要望を感じることは誰にでもあるのではないでしょうか。ご自身が開発に携わっていれば、変更することもできますが、社内のIT部門が管理していたり、開発会社にお願いしていたりすると、このブログエントリのタイトルのように思うことがあるかもしれません。 「ちょっとした変更なのに、なぜ時間がかかると言うのだろう。本当はそれほど時間がかからないのに、ひょっとして仕事が増えるのがいやなだけで、体よく断っているのではないか」と思ってしまうかもしれません。その可能性はゼロではありませんが、一般には次
埋もれないロゴを作るために。日本有数のデザイナーから学ぶ、ロゴづくりで大切な「6つのポイント」｜MAKOTO｜Designer
■ はじめにロゴといっても様々な種類があります。「企業のロゴ」「サービスのロゴ」「商品のロゴ」「スポーツチームのロゴ」などなど、用途によって目的・性質が異なります。 よく本や記事では 「かんたんなロゴの作り方を教えます！」 「ロゴを作るときのプロセス大解剖！」 といったようにロゴを作る前提で語られる切り口がほとんど。自分も拝見して勉強することが多い一方、 「そもそもロゴとは何なのか？」 「ロゴを作ることでどういった効果が得られるのか？」 「そもそもロゴって何だっけ？」 というようなそもそもの疑問に答える、ロゴの性質・必要性を詳細に語っている記事が少ないなと感じてます。自分も「ロゴとは一体何なのか詳しく教えていただけますか？」と問われたら、なかなかビシッと答えるのが難しいです。。（なので自戒を込めたnoteとなっております。。） 最近では、個人でも手軽にWEBサイト・アプリ・動画が作成でき、
もう一度マンガを描くために｜ヒロユキ
漫画家のヒロユキです。 代表作は新しい順に「アホガール」「マンガ家さんとアシスタントさんと」「ドージンワーク」 この3作はすべてTVアニメ化されました。 僕がアホガールの連載を終えた2017年末、 初連載の2004年から13年間ほぼ休みなし、連載の途切れ無しでずっとマンガを描き続ける生活を続けて、そりゃーもう疲れに疲れ切っていた。 僕は割と義務感でマンガを描くことができるほうで、 稼げるうちに稼がなきゃ！っていうモチベーションで、ガンガン仕事をしてた。 無駄にプライドも高いので、つまらない回なんて一回も作ってやるものか、っていう プライドで、毎回それはもうクオリティには妥協しないように必死に描いてた。 でもここ数年、だんだんとモチベーションを上げるのが難しくなっていて、 集中するのが難しくなっていた。 マンガを一話一話完成させていくことに対する達成感みたいな物もどんどん無くなっていて、 マ
縦と横でつながるデザイン組織｜セルジオ / マネーフォワードCDO
皆さんの会社ではどのようにデザインを行っていますでしょうか？どのような体制でしょうか？事業の内容や会社の規模によってその形は様々かと思います。ここではマネーフォワードのデザイン組織についてご紹介します。 集権型と分権型一般的に事業会社のデザイン体制は集権型、分権型の大きく2つのパターンに分かれます。 集権型とは、事業部と並列するようにデザイン部門を設置する方法で、デザイナーはセントラルなグループに所属し、プロジェクトごとに各事業部に派遣される形になります。デザインの方向性を全社的に統一しやすいというメリットがあります。 一方の分権型は各事業部の中にデザイン部門を設置する方法で、各デザイナーは専属的にデザインを行います。デザイナーが事業に対する解像度を高めやすい、ビジネスサイドやエンジニアとの連携がスムーズになるといったメリットがあります。マネーフォワードのデザイン組織は、この分権型をベース
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Shinya｜note
