採用サイトリニューアル徹底解説～求職者の業務理解に役立つアンダーソン・毛利・友常法律事務所のサイト | knowledge / baigie
サイトリニューアルの背景 2023年8月から始まった本プロジェクト。古沢さんによると、サイト制作の構想は実は数年前から頭の中にあったと言います。 古沢さん「私がAMTに入所する前に、転職活動中にウェブサイトを見たときから、もし入所できたらサイトをリニューアルしたいと考えていました。法律事務所ならではの厳格な雰囲気のウェブサイトは、敷居の高さを感じさせていると思ったからです」 既存の採用サイトは、弁護士の採用とスタッフの採用が1サイトにまとまったもの。敷居の高さに加え、情報量や構造の整理が十分ではなく、使いづらさを感じさせる部分が多々ありました。 加えて、AMTのスタッフ採用において課題になっていたのが下記の3点です。 ・新卒採用において優秀層の採用難易度が上昇した ・面接に来る求職者の職種理解が浅い ・内定辞退が多い職種がある 布上さん「募集職種の種類が多く専門性が高いため、業務の内容をあ
生成AIの進化でウェブ制作会社が消える可能性があるという話 | knowledge / baigie
2023年、生成AIへの注目度が一気に上がったとき、「AIに人間の仕事が奪われるのでは？」という議論がウェブ制作界隈でも巻き起こった。 その後、「AIは仕事を楽にしてくれるもの」「AIは人間の仕事を奪わない」という考えが主流となり、一旦は落ち着いているように思う。 あくまでSNSで観測している範囲だが、ウェブ制作界隈は生成AIに対する発信が少なく、他分野と比べてあまり強い関心を持っていないようにも見える。特にデザイナーの関心が低く、当社内でもエンジニアとライターは積極的に生成AIを使っている一方で、デザイナーの生成AI活用は緩やかである。 それだけデザイナーの業務は複雑性が高く今の生成AIでは対処しにくい、ということでもあるのだろう。また、デザイナーの職業選択動機やこれまで培ってきた努力を根こそぎ否定しかねない存在だから真剣に向き合いたくないという緩やかな抵抗感、意外と保守的で価値観や手法
注文住宅を買った顧客体験の一部始終を言語化したついでにウェブ戦略も考えてみた | knowledge / baigie
私事ながら、昨年、東京から福岡に移住しました。移住にあたって新居も建てたのですが、ハウスメーカーを選ぶ自分の顧客体験を振り返ることが仕事の参考になると思い、一部始終を書き連ねてみました。 私自身は、15年間も住宅展示場に通うなど、注文住宅の典型的な顧客像から外れたエクストリームカスタマー（極端な顧客）の可能性が高いです。一方、情報取得における行動や心理には、一般的な購買者と重なる部分も多いのではないかと思います。 マーケティングやデザインの現場では近年、顧客理解の必要性が強く叫ばれています。特定の一個人を精緻に観察したN1分析、現場のリアルを観察するエスノグラフィーなどと呼ばれる調査手法も、仕事の中で頻繁に耳にするようになりました。 この記事も、自分自身の行動をメタ化したセルフN1分析といえるかもしれません。 加えて、ウェブ制作に20年以上関わり、現在もウェブ制作会社の代表を務めるという立
【2024年】ハンバーガーメニューの作り方決定版【コピペ可能】 | techlab / baigie
はじめに 今やあらゆるサイトで使用されているハンバーガーメニュー。 私たちウェブサイト系のエンジニアは数え切れないくらい実装してきている定番パーツです。 しかしながらその実装は容易ではありません。自分の作り方に自信を持てていない方も少なくないのではないでしょうか。 ただ単にそれっぽく動くものを作るのであれば簡単ですが、アクセシビリティやメニュー展開時の他の箇所の挙動など、不具合がないように徹底的に作り込もうとするとなかなか難しいものです。 今回はそんな厄介な存在であるハンバーガーメニューについて、私なりの現在の作り方を紹介したいと思います。。 ハンバーガーメニューの実装で気を付けるべきこと ハンバーガーメニューの作り方を見る前に、ハンバーガーメニューのあるべき姿、実装時に気を付けるべきことを洗い出してみましょう。 私が思い浮かぶものだと以下のようなものがあります。 メニューボタン、アコーデ
WordPressの管理画面を使いやすくする簡単カスタマイズ18選 | knowledge / baigie
WordPressは機能として実装できないものはないのではないか、と思えるくらい自由度が高く多機能なCMSです。一方で多機能であるが故に管理画面のメニューも多く、サイトによっては使っていない機能なのに導線が残っていたり、設定画面に到達するまで階層が深かったり、操作が複雑だとユーザーに使いにくい管理画面だと思われてしまいます。 この記事では私が普段の制作でよく行うWordPressの管理画面のカスタマイズ方法について、独自で実装するものとプラグインを導入して実現するものを合わせて18個、ソースコードと解説を交えながらご紹介します。エンジニアだけでなくデザイナーやディレクターの方も「こんなことができるんだ」と知っておくだけで、より使いやすい管理画面に仕上げていくことができると思うので、ぜひ参考にしてみてください。 その1. ログインページのロゴを変更する 以下のログインページのWordPres
SNSでシェアされやすい記事の書き方と投稿の仕方×9 | knowledge / baigie
頑張って書いたブログやオウンドメディアの記事が、SNS上でほぼ無反応だったりすると、「自分にはブログを書く才能がない…」「自分には文章のセンスがない…」などと、つい落ち込んでしまいます。 しかし記事がシェアされないのは、才能や内容ではなく、届け方の問題かもしれません。 この記事では、ベイジ社内で蓄積されている「記事がSNSでシェアされるための工夫」に関する知見をまとめました。SNSの中でも特に拡散性が高いTwitterでのノウハウを中心にしています。 記事の執筆にあたって、これまで数々の記事やコンテンツをSNSで拡散させてきたベイジ代表の枌谷に取材しました。そこで教わったテクニックを、ライターの林崎から皆様に共有します。 1. 認識しやすく興味を引くタイトルをつける SNSでシェアされやすくするために最初に気をつけたいのは、何よりもタイトルです。ベイジでも、記事タイトルは公開ギリギリまで何
web3と社会正義の時代 | knowledge / baigie
2021年後半から、web3という言葉をよく見かけるようになった。「ウェブの第3段階」のような意味合いの言葉で、ネーミングのベースになっているのはweb1.0、web2.0という概念である。 web3に関してはこの記事が猛烈に詳しいので詳細な解説は譲る。 参考）Web3 とは何か？急速に注目を集める新たなトレンド（The HEADLINE） このweb3の話に絡めつつ、自社の経営やマーケティング、クライアントビジネスを支援する中で感じていることを書き連ねながら、頭の中を少し整理してみたい。 web1.0が成し得たこと web1.0の始まりとはインターネットの始まりである。そのインターネットの人類史上における意義を言い表しているのが、「情報革命」という言葉だと私は思う。 農業革命や産業革命と同列に語られる情報革命は、その名に相応しい貢献をしてきた。そして、その革命にミッションがあるとするなら
ベイジのウェブ制作ワークフロー2021年版（約100のタスクと解説） | knowledge / baigie
営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のようなトラブルが頻発していました。 ミスが発生しても「次から気をつける」と精神論で終わらせてしまう 担当するディレクターやクリエイターによってタスクの抜け漏れが起きる 担当者それぞれが属人的な進め方をしてて品質が安定しない 役割が不明瞭なグレーゾーンのタスクが放置されてしまう 創造的な仕事の時間が、ルーチンや計画にないタスクに奪われてしまう 新しい社員が入る度に同じことを教えないといけない これら問題を解決するため、2014年頃からワークフローを整備するようになりました。ちなみに私が入社したのはこれ以
サイトの表示高速化につながる18のこと | knowledge / baigie
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
ウェブ・ユーザビリティの簡単9原則 | knowledge / baigie
ユーザビリティというのは普遍的に重要なデザインテーマの一つですが、一方でユーザビリティへの関心は、UXが普及して以降、徐々に失われている印象があります。例えば、ユーザビリティがテーマにした書籍のほとんどは2000年代の刊行で、少なくとも日本国内において、2010年代以降に発刊された書籍は僅かです。 実際、Googleトレンドで2004年からの「ユーザビリティ」と「UXデザイン」の検索動向を比較しても、「UXデザイン」が2010年以降に増加傾向であるのに対して、「ユーザビリティ」は2000年代前半をピークに下降しています。 「UX」だと別の意図の検索を含むため、あえて「UXデザイン」で比較していますが、ここにデザイン文脈で使われる「UX」を加えると、「UX」は「ユーザビリティ」を確実に上回っているはずです。 だからといって、2010年代以降にユーザビリティが重要でなくなったわけではありません
成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
主な企業サイトの種類と特徴 | knowledge / baigie
ウェブ制作の仕事をしていると、「コーポレートサイト」「オウンドメディア」「製品サイト」「ランディングページ」といった言葉を当たり前のように耳にします。 でもある時、「コーポレートサイトって何だろう？」と思いました。 言葉をそのまま直訳すれば「企業サイト」ということになりますが、そうであるならば、企業が作るオウンドメディアや製品サイトやランディングページもコーポレートサイトではないでしょうか。なぜこれらのウェブサイトのことはコーポレートサイトと呼ばないのでしょうか。 この疑問を切っ掛けに、企業サイトにまつわる数々の言葉の定義をハッキリさせようと考えて、この記事を書きました。 調べてみると、「この言葉はこういう定義じゃ」と決めてくれるウェブサイトの神様のような方がいるわけでもなく、それぞれの会社・現場・人・文脈に応じて、ある程度の解釈の幅をもって使われているのが実状です。 そのためこちらでご紹
ウェブ制作会社はコンペで選んではいけない | knowledge / baigie
ウェブ制作会社を探している発注企業にお会いした際、私は「コンペはやめた方がいい」という話をよくします。 複数の会社を選ぶこと自体は問題なく、むしろそうすべきと思いますが、ここでいうコンペとは、提案書やデザイン案などの課題を提出させるようなコンペです。 （ちなみに「コンペ」という俗語は、語源のcompetitionから派生して、人や会社によって定義に幅がある使われ方がされていますが、ここでは「なんらかの課題を作らせて競わせる方法」といったん捉えています。見積中心の比較は「相見積」と捉えます） ウェブ制作会社の立場でこういう話をすると、「その方が自分たちにとって都合がいいからでしょ？」と思われるかもしれません。しかし、もし私が発注企業の担当者だったとしても、やはりコンペという手段は選択しません。 この記事では、私が考えるコンペを実施しない方がいい理由と、コンペをせずに効率よくウェブ制作会社を選
BtoBサイトを成功に導く180のチェックリスト | knowledge / baigie
このたび、BtoBサイトの成功パターンをまとめた『BtoBサイト・チェックリスト』とワイヤーフレームを、株式会社ベイジ、株式会社才流、株式会社WACULの3社連名で発表しました。 チェックリスト（PPT版）ワイヤーフレーム（PPT版）ワイヤーフレーム（XD版）ここで取り扱っているBtoBサイトとは、BtoB企業のマーケティングあるいはセールスに貢献することを目的として作られたwebサイトのことです。そしてこの取り組みの根底にあるのは「BtoBサイトにおける車輪の再発明を減らしたい」という3社共通の思いです。 BtoB企業といっても多種多様な企業が存在するように、BtoBのマーケティングやセールスを含む購買プロセスも突き詰めれば、個別の商材特性、顧客特性、業界特性、組織特性、経営環境などの影響を受けた、多種多様なものになります。 しかしながら、個別最適化しか手がないわけでもなく、BtoBビジ
話が上手な人と下手な人の違い | knowledge / baigie
「もっと話上手になれたらいいのに」と思っている人は多いのではないでしょうか。 普通のビジネスパーソンは、アナウンサーのような卓越した話術を身に付ける必要はありません。しかし、話上手になることができれば、交渉が得意になり、営業も人事評価も転職活動も有利に進められるようになります。仕事におけるメリットは計り知れません。 私たちの会社でも、特に顧客と直接対話する機会が多いディレクターやデザイナーには、業務知識だけではなく、顧客との話し方についてもなるべくフィードバックしています。会話のクオリティは、サービスの品質や満足度に深く関わると思うからです。 最近は、会話ではなく、メールやチャットで済む機会も増えています。一方で、話上手な人はテキスト・コミュニケーションも大抵上手な印象があります。話術の中には、コミュニケーションに共通する普遍的ななにかが含まれているのでしょう。 こんな記事を書いてはいます
なぜweb制作ではコピーが手薄になるのか？ | knowledge / baigie
はじめまして、ライターの古閑です。 私はつい最近まで都内の大学に通う大学生でした。もともと文章を書くことが好きだったのですが、働くならマーケティングにも触れてみたいと思い、4月からライターとしてベイジで働いています。 大学で文章を書いていたとはいえ、プロのライターとしては実績がないため、代表の枌谷や編集者経験があるディレクターの五ノ井から、ビジネスコピーについて教えてもらいつつ、まずはwebサイト内のテキストのリライトなどの仕事をしています。 ベイジに入ってから知ったのですが、ライターが所属しているweb制作会社というのは実は少ないそうです。そんな中、ベイジが私のような未経験のライターでも重要視して採用したのは、これからのweb制作、ひいてはデジタルマーケティングにおいて、文章が書ける／コンテンツが作れることが非常に重要で、その力を会社全体で高めていきたい、という考えがあるからです。 今回
ミスが少ないweb制作会社を目指して～実践している16の取り組み | knowledge / baigie
web制作の仕事は、ミスとの戦いでもあります。 ベイジは数あるweb制作会社の中でも、比較的ミスが少ない方だとは思います。しかしそれでもゼロにはなりません。プロジェクトによっては、単純なミスを多く発生させてしまうことも未だにあります。 便利なツールは沢山存在しますが、人が手を動かし、目視で確認する部分はまだまだ多く残っています。機械化できないそうした箇所で、ヒューマンエラーが起こります。 やっかいなのは、自覚症状がないミスが多いことです。認識違いに起因する場合、本人では正誤の判断ができません。見れば分かる単純ミスも、根底にあるのは認知バイアスであり、それを自ら検出することは難しいものです。 だからといって、「チェックを増やす」「管理シートを作る」と確認工程を増やしていくと、労働生産性はどんどん悪化します。それはやがてコストパフォーマンスの低さ、競争力の低下に繋がっていきます。 「ミスを絶対
ビジネスに役立つ上手な文章の書き方11のコツ | knowledge / baigie
ベイジの五ノ井です。役職はディレクターですが、編集者の経験があることから、コンテンツや文章のクオリティを管理する立場で働いています。6月からは、ベイジの日報の編集長も務めています。 そんな私の第一回目の記事は、文章について。 デジタル化が進む今、文章力は社会人の最重要スキルといって過言ではありません。 今は会話や電話のような音声コミュニケーションの機会がどんどん減り、多くがメールやチャットのようなテキストコミュニケーションに置き換えられています。文章力がある人には、企画書、社内資料、記事、SNSなど、様々な媒体を通じて自分のメッセージを届け、影響力を高めるチャンスが転がってきます。 これほど重要な文章力について、ほとんどの人は高校以降は専門的な教育を受けることもなく、働き始めます。文章に苦手意識を持っている社会人も非常に多いですが、作家やライターではない社会人が覚えるべき文章のセオリーは僅
提案書の書き方、徹底解説～提案書のストーリー・コピー・デザインの基本法則【スライド付】 | knowledge / baigie
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法～伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
中途採用のためのサイト戦略と13の成功条件 | knowledge / baigie
私たちは、BtoBサイトを得意とするweb制作会社ですが、実は採用サイトの実績も豊富です。BtoBの顧客化プロセスと採用プロセスには共通点があり、BtoBサイトの検討プロセスを転用し、戦略的な採用サイトの制作も行っています。 このように採用サイトの実績を積み重ねる中で、業界・業種・職種に関わらず共通する傾向も見えてきました。共通のパターンを知ると、世の採用サイトの間違いにも気が付くようになりました。 この記事では特に中途採用にフォーカスし、調査フェーズで私たちが行っているアンケートの集計結果なども交えながら、成功する中途採用と採用サイトの条件をまとめました。 条件1：自社の採用サイトをしっかり作る「自社で採用サイトを持つ必要ってあるの？」という声が出ることは、おかしなことではありません。 今は転職サイトも充実していますし、優秀な転職エージェントも数多く存在します。どこかに求人情報をアップし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
