BtoBの広報をしている私が、めちゃくちゃ学ばせて頂いたnoteを5つ紹介します！ BtoB / PR / ブランディング が気になっている私がスキなnoteなので、これらのキーワードが気になる方はぜひ！ オススメポイントも書いてみました！ 1. 才流 栗原さん (とにかくBtoBマーケの勉強になる！)・初心者でもわかる ・イラストメインなのでわかりやすい ・情報の量がとにかく多い なぜ、BtoBマーケティングが盛り上がっているのか？ 顧客の購買プロセスの57％が営業担当者に会う前に終わっている、という調査がありますが、現代の顧客は自ら情報収集をして、発注先を決めています。 結果として、BtoBマーケターができることが増え続けています。その中身を図にしてみました。 pic.twitter.com/WHEd3VRmVA — 栗原 康太 | BtoBマーケティング支援 (@kotakuriha

従来のありがちなウェブサイトではなく、アイデアや工夫を凝らした、デザイン制作の参考にしたい最新ウェブデザイン36個をまとめています。 ストーリーテリング手法やなめらかなアニメーション、美しい配色やセリフ書体を中心としたフォント選びなど、2019年に注目されているデザイントレンドを盛り込んだサイトを中心に揃えています。 サムネイルをクリックすることで参照元で移動できるので、ぜひ一度ウェブサイトを開いて、クリエティブな面白最新ウェブデザインを体験してみましょう。 Webの進化が止まらない！参考にしたい最新ウェブデザインまとめ Rally 制作実績を一覧にしたポートフォリオサイトで、アクセントになっている立体的なリボンエフェクトが展開しながら、視線をうまく誘導しながら次のコンテンツへ進みます。 Oranje Bitter Festival 2019 オランダで今月開催されるフェスのランディングペ

「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Web開発・プログラミング 開発者向けドメイン「.dev」、Googleが有料で先行登録開始 – ITmedia NEWS 全ての.devドメインにHSTS（HTTP Strict-Transport-Security）が設定され、接続にはHTTPSを要求するため、安全だ とのこと。 .app と同様に、安全性を売りにしたトップレベルドメインのようです。 Chromeのシークレットモード、Webサイト側での検出ができないように修正へ 現在はWebサイト側でシークレットウインドウかどうか検出可能ですが、今後検出できなくなるそうです。 Chrome 74のCanaryで最初に実装され、Chrome 76か

福島県出身。中央大学大学院を修了後、株式会社スマイルズへ入社し、店舗運営やWeb社内報の運営・企画・執筆に携わる。その後、株式会社CINRAに転職。クリエイティブ業界の求人サイト「CINRA.JOB」の企画・編集などに従事。2018年、株式会社メルカリに入社。「人」に関わるブランディング業務全般を担うPeople Brandingチームに所属している。 転職潜在層への接点も視野に入れ、採用ブランディングに注力する企業は増加しています。しかし、採用に特化したオウンドメディアを検討・スタートしてみるものの、なかなか成果が出ないと苦戦している企業も多いのではないでしょうか。―そこで今回はフリマアプリ事業で躍進し、創業5年で社員数1000名超までに成長したメルカリの採用ブランディングに注目。People Brandingに所属する西丸亮氏をお招きし、同社の”はたらく人”を伝えるコンテンツプラットフ

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

2018年10月24日、東五反田スクエアにて、「働きたい会社には理由がある！オフィスカルチャー・空間づくりの最旬企業ケーススタディ」が開催されました。従業員エンゲージメントが企業の持続可能性やブランドづくりに非常に重要な要素であるとの認識が高まる中で、オフィス空間とカルチャーをテーマにしたトークイベントが行われました。パネルディスカッションには、スノーピーク、丹青社、スマイルズ、ビームスの4社が登壇。本パートでは、ビームスの土井地氏が、スタッフ一人ひとりの色を出す社風とオフィス環境について語りました。 ビームスは「モノ、コト、ヒトを創る集団」 小宮明子氏（以下、小宮）：最後になりますが、ビームスの土井地さんからお願いします。 土井地博氏（以下、土井地）：いまご紹介いただきました、ビームスの土井地と申します。簡単に申し上げますと、宣伝広報を統括しているディレクターと、社内・社外を繋ぐコミュニ

トラックレコードの野崎です。 下のツイートを以前出したら、ちょっと反応いただけたので、この「憧れ」をつくるための段取りを言語化してみました。 これまでのDeNAやMERYの時にブランディングをしていた時の知見を基にしたフレームワークになってます。 記入項目、記入例を記した作業用のスプレッドシートを有料でお渡しします。詳細は最下部に記載しております。 全部で12ステップあるけど、これで大体できるはず１）まずは採用ペルソナ書く ２）その人が企業にもとめているものを書き出しましょう *汎用的に活用できる例を記載してます。 ３）次に各要素に対しての評価をします。 まずは、そのペルソナの人の現職満足度を判定します。 ４）次にその人が「これがあったら応募する」ものを判定します。 ５）次にその人が「これがあったら応募しない」を判定します。 ６）そして自社の実態を評価します ７）同様に採用競合となる企業の

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

HOME制作意外と簡単？ディレクター、デザイナー、コーダーみんなでやろう！お問い合わせフォームから始めるアクセシビリティ 意外と簡単？ディレクター、デザイナー、コーダーみんなでやろう！お問い合わせフォームから始めるアクセシビリティ こんにちは！クリエイティブDiv.のmakinoです。 「アクセシビリティ」 この言葉に最近マサカリ（謎）的な怖さを覚える方も増えてきているような気がする今日この頃皆さまいかがお過ごしでしょうか アクセシビリティ対応やってみたいんだけど大変そう 正直何から始めたらいいかわからない 結局やれって言われても色とか文字サイズとかマークアップとかの知見ばっかりであまり関係ないかも… と思ってる方もそろそろ増えてきた頃ではないでしょうか 今回ご紹介するのはアクセシビリティの初級編としてディレクター、デザイナー、コーダーと全行程の職種が携われて 比較的参戦しやすく効果も見え

[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容になっています。 パフォーマンス改善に非常に役立つテクニックが満載です。 パフォーマンス改善の優先対象は画像とJS、フォントの3つ モバイルウェブで 1 ページあたりデータ量が多いリソースは次の順番（HTTP Archive 調べ） 画像 (約 500 KB) JavaScript (約 380 KB) フォント (約 80 KB) この 3 つは Performance Budget（パフォーマンス バジェット）

ツイッターを利用したマーケティングが非常に注目されています。特に、SNSの投稿から購買行動を起こすユーザーも増えてきていています。 トレンダーズのSNSの調査。週の投稿数が多いのをインフルエンサー型、少ないのをフォロワー型と分類して、消費行動を分析した結果 ・インフルエンサー型は購買行動を投稿から起こしやすい ・インフルエンサー型は見つけた情報を編集して共有しやすいhttps://t.co/Ezh3aeZCep pic.twitter.com/ysvilWZLqk — Dai (@never_be_a_pm) October 24, 2018 また、この時代、セルフブランディングも非常に注目されていますね。実際、ツイッター経由で転職活動をされる方や、採用活動をされている企業もかなり増えてきています。 そこで今回はツイッターのデータをどのように分析して、マーケティングやセルフブランディングに

メッセージを伝えたり、商品を販売したり、ポートフォリオや企業サイト、ブログやランディングページなど、ウェブページには制作したデザイナーのアイデアがつまっています。まるで思いつかないようなユニークなアイデアが使われていたり、最先端のウェブ技術を駆使したこれまでにない体験をお届けするサイトなど、参考したいポイントがたくさんあります。 この記事では、最近国内外で話題となった最新ウェブデザインをまとめてご紹介します。ますます加速するウェブの世界をのぞいてみてはいかがでしょう。 実例で学ぶウェブデザイン！参考にしたい最新スタイル見本厳選50個まとめ ウェブの今を体感！参考にしたい最新ウェブデザインまとめ The Art Center 子どもたちにデザインの楽しさを伝えるワークショップを開催しているサイトで、カラフルでシンプルなシェイプをつかった統一感のあるデザインが素敵。chu Cowboy アプリ

ベイジで社内のワークフローを整理しだしたのは確か2014年頃です。その頃はまだ4～5人しか社員がいない状態で、タスクの粒度も粗く、いくつかのタスクは各人の能力に委ねたものでした。しかし10人を超えて関わる人が増えたあたりから、仕事の進め方も徐々に変わり、ワークフローの綻びも色々と出始めてきました。そこで今年の春に、全社員参加のもと、これまでの進め方の問題点を話し合ったうえで、ワークフローの大幅な刷新を行いました。本エントリーはそのご紹介です。 刷新にあたって、受注から納品までをサブタスクを含めて約140に分解しました。また、各タスクで用いられるドキュメントもできるだけフォーマット化し、効率よくドキュメントワークができるようにしました。 合わせて、タスク毎の職能の再定義を行いました。プロデューサー、ディレクターといった業務範囲が曖昧な職能は、より厳密な職能の定義を試みました。例えばディレクタ

ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

2018年4月18日 JavaScript, Vue.js Vue.jsはサクッと小さく始められるJavaScriptのフレームワークです。「びゅー」と読みます ;) これまでWebデザイナーがjQueryで作成したような動きもVue.jsでも加えられるのですが、jQueryとは違ってHTMLに条件文を加えたり、アニメーションをCSSで設定することで、JavaScript自体のコードをあまり書かなくても実装できちゃいます。jQueryからの乗り換えを考えている方はぜひ検討してみてくださいね！ ↑私が10年以上利用している会計ソフト！ Vue.jsの使い方 Vue.jsは公式のドキュメントが日本語に対応しており、こちらを読むだけで基本的な使い方は理解できるはず。じっくり読んで、ご自身でもコードを書いて動作を確認し、身につけていくといいでしょう。 最初の一歩目の例として「JavaScriptで

Material Designを使いこなすための最速の手順を紹介します。最近UIデザインを始めた方、iOSアプリのデザインはしていたけどAndroidのデザインも行う必要になった方、WebサービスでMaterial Designを使ってみたい方、Androidエンジニアでデザイン方面ももっと知りたい方などは参考にしてみてください。 Material DesignとはMaterial DesignとはGoogleが構築したUIデザインフレームワークです。Androidだけでなく、WebやiOSのデザインにも活用できます。 ざっくりとした内容は「Material Designとは」でググってみてください。基本理念をわかりやすく解説している記事が並んでいます。この段階ではなんとなくMaterial Designってこんなんだなって理解したら十分です。 それではガイドラインを読み込む前に、まずは準

はじめに 本稿では、仕事をする上での作業工数の見積もり方法について説明します。 工数とは何か 工数(こうすう1)というのは、仕事において、あるひとつの作業を完了するまでにかかる総累計時間のことです。情報処理技術者試験に出てくるTAT(ターンアラウンドタイム)とは意味合いが異なります2。 例えば、ある作業に40時間(40H3)かかるとした場合、工数は40時間であるといえます。1日8時間勤務だとした場合、40時間は5人日(にんにち)と表現することができます。さらに、1ヶ月20日勤務だとした場合、0.25人月(にんげつ)と表現することもできます。 一般的に工数の単位は「人日」および「人月」で扱います。 学生時代は工数を気にすることはないですが、ITエンジニアとして会社で働くようになると、かならず工数を意識する必要があります。 なぜ工数を意識する必要があるのか なぜ工数を意識する必要があるのかとい

チャーリーです。 追記：ビジネスモデルを図解できるツールキットを販売中です。この記事にあるような図解を自分でもやってみたいという方はぜひ。 もう2018年も1/4が終わったというにわかに信じがたい状況ですが、ビジネスモデルを図解し続けたものがたまってきたのでここらで13個一挙公開します。 - 目次 -俺のフレンチ サマリーポケット 未来食堂 Cansell プチローソン Unipos SCOUTER ポプテピピック ZOZOSUIT Optoro Fundbox PillPack Farmers Business Network 100の事例を図解した「ビジネスモデル2.0図鑑」という本を発売しています（本記事の事例ふくむ）。予約開始と同時にnoteで全文無料公開という試みをやっています。本記事に興味を持ったらそちらもどうぞ！ 俺のフレンチ俺の株式会社は2012年創業、あのブックオフの創業

海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may