コーヒー屋を開業するにあたって作った書体の話｜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 【４】化粧品の継続広告バナー ■化粧
需要を構造化して把握する「ブランド×チャネル（カテゴリー)MATRIX」｜マーケティング・アナリスト/小川 貴史/(株）秤代表
このnoteでは、 マーケティング戦略検討に役立つノウハウがまとめられた元P&G、現（株）刀の森岡毅氏と今西聖貴氏の「確率思考の戦略論」と、マーケティングサイエンスの専門家バイロン・シャープ氏のブランディングの科学で紹介された数理モデルを用いて、 需要を構造的に把握し、課題を明確に方法を共有します。 潜在的な顧客、需要を把握できているか？テクノロジーの進化により、デジタルなログとして補足できる顧客行動が増えました。多くのマーケターが自社のサイト訪問や購買などの行動分析を行っています。 その一方で、これから顧客になる、潜在的な需要を的確に把握することは簡単ではありません。 「ブランド×チャネル（カテゴリー）MATRIX」は「確率思考の戦略論」と「ブランディングの科学」で紹介された数式を用いて市場構造を把握し、競合との相対比較で自社はどの領域が強いのか？弱いのか？マーケティングの根幹となる課題
「noteの成長モデル」を支えたカイゼン戦略とは？ 開発チーム作りとエンジニアリングへの挑戦【デブサミ2020】
2017年に深津貴之氏をCXOに迎え、グロースモデルのロジック図を策定して以来、急速な成長を遂げてきた「note」。このグロースモデル導入から意思決定、サービスの改善を支える開発チームの組織作りやエンジニアリングの挑戦について、note株式会社 CTO今雄一氏が事例を交えて紹介した。 講演資料：noteの決して止まらないカイゼンを支える、エンジニアリングへの挑戦 「note」を急成長させたシンプルなグロースモデル note株式会社 CTO 今雄一氏 注記：イベント登壇時は株式会社ピースオブケイク。4月7日にnote株式会社に社名変更した。 note株式会社は2011年に創業したスタートアップ。「だれもが創作をはじめ、続けられるようにする」というミッションを掲げ、創作活動をする全ての人を支援している。今氏は2013年に入社して、2016年からCTOを務めている。 同社が運営する「note」は
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)
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）のあたりまでの色は、
ヤフーニュースは、やまもといちろう氏の記事「全削除」の理由を説明してほしい→説明文が公開されました（岡田有花） - エキスパート - Yahoo!ニュース
3月26日（この記事執筆の翌日）、ヤフーが経緯を説明する文書を公開しました。以下のリンクからご確認ください。 ・山本一郎氏のnote等でのご発信につきまして この記事が掲載されているメディア、「Yahoo!ニュース個人」の書き手の1人だったやまもといちろう氏が、「自身の過去記事1000本以上が、Yahoo!ニュース個人から同意なく削除された」と3月24日に自らの「note」で訴え、物議になっています。 やまもと氏の記事が、本人の合意なく削除されたのはなぜなのか。私もYahoo!ニュース個人の担当者に問い合わせてみましたが、「分からない」という返答でした。 私もYahoo!ニュース個人の書き手の1人ですが、自分の記事が合意なしに消されるかもしれない……と不安です。なぜ記事が削除されたのか、ヤフーに説明していただきたいと思い、この記事を書いています。 「個人の書き手の支援」目指して始まった「Y
ハヤカワ五味『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年間ほぼ休みなし、連載の途切れ無しでずっとマンガを描き続ける生活を続けて、そりゃーもう疲れに疲れ切っていた。 僕は割と義務感でマンガを描くことができるほうで、 稼げるうちに稼がなきゃ！っていうモチベーションで、ガンガン仕事をしてた。 無駄にプライドも高いので、つまらない回なんて一回も作ってやるものか、っていう プライドで、毎回それはもうクオリティには妥協しないように必死に描いてた。 でもここ数年、だんだんとモチベーションを上げるのが難しくなっていて、 集中するのが難しくなっていた。 マンガを一話一話完成させていくことに対する達成感みたいな物もどんどん無くなっていて、 マ
Airbnbはいかにして優れたカルチャー/ブランドを創りあげたか、というシンプルな話。｜Kenji Tomita / 冨田憲二
上記サムネイルはAirbnbの本社に訪問したときのもの。 それまで、私の中でこれほどまでにAirbnbがカルチャードリブンで成長してきたことを知らなかった。一度、その本社に足を踏み入れるまでは。 そこからAirbnbという会社は、企業文化を知る上で重要な生きた教材となった。 結論。優れたカルチャー/ブランドを創り上げるに必要なのは以下の3つにシンプルに集約できる。 1. クリアなミッション/コアバリューを持つ 2. ミッション/コアバリューを繰り返し伝え続ける 3. ミッション/コアバリューをベースに人を採用し、従業員こそが社内外へミッション/コアバリューのエヴァンジェリストとなる一見するとシンプルな話し。そんな３つの行間を埋めていこう。 ネタ元は世界中で熱狂的なファンを持つAirbnb（エアビーアンドビー）の創業者、ブライアン・チェスキーがY combinatorのスタートアップスクール
UXデザインの一番小さなはじめ方｜TSUYOSHI KANEKO / GOGEN株式会社CXO
UXデザインの日常的なトレーニング方法をご紹介します。 「UXデザイナーになるために、どんなことか始めたら良いのですか？」 「最初の仕事がもらえなくて、なかなか実績が詰めないのですが...」 最近こんな相談を受けることがあったので、アドバイスしてみたことをまとめてみます。 結論からお話すると、「日常の多くはUXをデザインできる」ので、ちょっとした気の持ちようからすぐに実践をはじめることが出来ます。 日常の全てはUXデザインの実践の場である基本的には、日常の全てのタスクはUXデザインの要素を含んでいると思っています。 何かしら、あなたのアウトプットによって人間の体験に影響を与える仕事は全てがUXデザインです。 UX白書によると、【実践としてのUX】をこう要約しています。 •デザインのプロセスにおいて、 関心事の中心をユ ーザ ーとすること •タ ーゲットユ ーザ ー層にとって重要なデザイン的
いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。｜Fritz | Lead Product Manager @ Mercari
いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。 こんにちは、フリッツ です。今回はプロダクトマネージャーの日課とも言える「仕様書」について。自分にとっては PM 業の施策実行フェーズにおいて最も重要な仕事のひとつであり、最も心躍り、最も興奮する瞬間です。 PM になってかなりの時間が経ちましたが、「仕様書」への力の入れようは減るどころか、「もっと気合を入れなければ。」と感じる一方。在宅勤務が（たぶん） IT 業界のニュースタンダードとなっていくいま、なおさら「仕様書」の重要性を訴えたい今日この頃です。 ということで、今回は ・ 良い仕様書がもたらす 5 つの効果 ・ 仕様書の重要性が増していく 2 つの理由 ・ 仕様書に含めたい 14 の項目・実戦編 ・ 仕様書作成時に心に留めたい 3 つのこと ・ 具体的な仕様書サンプル（
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
