一連のwebサイト制作のワークフローで押さえるべきポイントなどを紹介。
今回は、デザイナーから上がってきたデザインの質がよくない、でもどうやってそれを伝えたら良いかわからない、という人に向けて書きます。 webディレクターは、ページをデザインをするデザイナーから上がってき…
webサイトの要件定義って大事ですよね。何を作るかということを明確化し、後になって齟齬を起こさないようにするためにはとても大事なステップです。 webサイトの制作を、新規クライアントと進める場合、定義…
私はweb制作会社でプロデューサーをしています。 webディレクターに求められるスキルは様々です。 交渉能力、プロジェクトマネジメント、企画設計・・・・ いろいろですが、それを包括するようなスキルとし…
この記事の内容 webサイトの企画・設計に関わるwebディレクター向けに書いています。 webサイトの画面設計をすることになり、どう進めていいかわからない。どういうポイントを押さえるべきかわからない。…
今の時代、webサイトの表示をする通信は暗号化されるべきと言われています。通信が暗号化されたwebサイトは、「http://」 ではなく、URLが「https://」で始まります。 最近は、「http…
デザインプレビューページを作るのに時間をかけたくない方へ。 webディレクターのみなさん、デザイナーにページデザインを作ってもらった後に、クライアントにそのデザインを提示すると思うのですが、どのように…
画面設計書（ワイヤーフレーム）の作成に最適なアプリがあります。SketchやXDなど。Powerpointなど用途が違うアプリでやるのはめちゃ非効率です。
webサイトの設計。それは「正解を作る工程」です。 webサイトの設計、きちんとできてますか？ webサイトを作ることは、家を建てることに例えられることが多いです。 家を建てるとなれば、「詳細な図面」…
webサイトの要件定義は概念が曖昧。 今回の結論は、webサイトリニューアルの要件定義でも「機能要件」と「非機能要件」がある。という話です。 まず、みなさんにお伺いしたいのですが、webサイトの要件定…
webディレクターの採用面接。自己アピール重要です。 私自身は、これまで、自社であるweb制作会社で、30人くらいの採用面接を担当してきました。 まだ数は多くないですが、メインの面接官を担当しています…
Sassのmixinとextendを概念で理解する。 Sassのmixinとextendってやってることはほぼ一緒なのに、どう使い分けるべきものかぱっと見わかりにくくないですか？ かくゆうぼくも、CS…
レスポンシブデザインにおけるPCとスマホのスタイル振り分けはSassのmixin活用が便利。 最初にレスポンシブデザインとは何かを簡単に説明しておきます。 PCとスマホの表示を1つのHTMLファイルで…
webサイトリニューアル。 そこにwebディレクターは欠かせない職種ですよね。 あなた含め、複数人のwebディレクターが1つのプロジェクトを進めることになったものの・・・ 「自分の役割がわからない」 …
webディレクターという仕事は、やることが多岐に渡ります。 また求められる能力としても、コミュニケーション能力、企画提案力、進行管理能力などこれもまた多いです。 今回はwebディレクターになると、具体…
ベースの知識はあるのに、何故か上手くいかない人がいる。 私はwebプロデューサーとして、多くのwebディレクターと関わりながら仕事をしています。webディレクターには企画が上手な人、お客さんとの関係を…
最近webディレクターと話をしていて、ページが長いので、コンテンツを開閉させるなどして、短くしようとしている、というような話を聞いた。ただ、なぜ短くするのか？ということに対する解を持っていないように感…
カスタマージャーニーマップで定義するのは、ユーザーの「感情」と「行動」。 最初にカスタマージャーニーマップとは何かを簡単に。ユーザーが興味を物「サービスや商品」についてどう認知し、どう理解し、どう行動…
採用サイトの制作を相談いただくことがあるが、そこに含めるコンテンツを整理したい。 これまでに自分が関わったコーポレートサイトの採用コンテンツ、また、自分は現在自社の採用担当も務めており、求職者からの質…
Webサイトの制作会社は、クライアント（Webサイトのオーナー）の顧客が何を求めているか理解し、その顧客に響く情報提示が必要です。そのためには、クライアントとその顧客のことを深く理解する必要があります。その理解を効率的に進める「型」というものがありますので、今回はそれを紹介します。
webディレクターという職業にある世間のイメージ みなさんはどのようにお考えでしょうか？ 長時間労働 中間管理職的な働き方 いろんな人に振り回される わがままなデザイナーがいてムカつく こんな感じでし…
タブレットアームは買ってはいけない？使って感じたメリット・デメリット。【結論：動画視聴が捗って最高】 
Notionのページを拡大・縮小する方法【ズームイン・ズームアウト】【ショートカット】 
Macのボイスメモ。録音データをファイル化する方法。【ドラッグするだけ】 
Notionのページを別アカウントに移行・コピーする方法。 
Notionが料金プラン変更。作ってしまったチームスペースの削除方法。 
Notion上でメッセージをやりとりする方法。【コメント機能便利】 
Notionでガントチャートを瞬殺で作る。【プロジェクト管理】 
Keynoteのマスタースライドの使い方。雛形利用で効率爆上がり。 
Notionのガントチャート。親子関係とグループを使ってすっきり。【タイムライン】【プロジェクト管理】 
Keynoteのスライドサイズ。A4印刷・画面表示の最適設定。 
【Quicktime Player】Web会議を録画する方法。【ZOOM】 
お名前.comでDNS設定。ドメイン名とIPアドレスを紐づける手順。 
Macで電話をかけたり、受けたりする方法。【在宅ワーク】【リモートワーク】 
Macの特定アプリをキーボードショートカットで起動する方法。 
iPad Proのケース、蓋なしにしたら快適だった。 
Notion、有料プランから無料プランへの戻し方。【無料プランに戻したけど特に問題なかった。】 
Keynoteでテキストを自在に編集・装飾。Tips17個。 
Mac間のファイル移動・コピー方法。「共有」機能を使おう。【USBメモリは時代遅れ】 
Apple HomePodを３ヶ月使って分かった、現実的な使い方。 
Notionでスケジュール表を作成する際「依存関係」を設定しておくと便利。【タイムライン】【プロジェクト計画】 