こんにちは。LIGでアカウントプランナーをしています、なおです。 これから制作会社にWebサイト制作を依頼したいけど、どんな流れで進むのかがイマイチ想像がつかない、という方も多いのではないでしょうか？ この記事では、Webサイト制作の流れやプロジェクトをスムーズに進めるためのポイントについて解説します！ ▼この記事を読んでわかること Web制作がどんなフローで進むのか プロジェクト成功のために各工程で注意すべきこと サイト公開後はどんなことが必要になってくるのか Web制作を成功させるために事前に準備しておきたい情報 Web制作を依頼するその前に！ 準備しておくと後の制作がスムーズに進む事前情報についてご紹介します。 Webサイトの目的とターゲットを定める Webサイトを作ることでなにを実現したいのか、またどんなターゲットに見てほしいのかを事前に定めておきましょう。 目的やターゲット設定だ

フリーランスになってお仕事を頂くお客様と直接話す機会が増えてきました。 会社員の頃は受託の仕事ではなかったので、こういった経験がないまま独立したため、最初に聞いておくべきことや確認する事が非常に多く、結構時間がかかります。 僕の場合、Webサイトを作って欲しい、リニューアルをして欲しいという要望からヒアリングをするというのが多いのですが、ちょっとどういった事を話し合っているのかを書き留めようと思います。 最初の打ち合わせ前に行うこと お客様との打ち合わせの前にその業界について色々調べます。というのも、我々サイト制作者はあくまでサイト制作のプロであって、お客様の業界に関してはほぼ素人なので知らないことばかりです。 そうなると、自分がデザインを作るとしても、何故その色なのか。何故その配置なのか。という部分がぼんやりとしてしまうので、最低でも どういう商品が今人気があって注目されているのか どう

先月にWeb系のKindke本を半額セールしていたと思ったら、今回はなんと全品999円セールをやっています。さすがに最新刊はありませんが、今年発売された本もけっこうあるので、気になりつつも未購入だった人はこの機会に要チェックです。 ※2015年9月の【全品999円】現場で役立つ「Webデザインの本」大特集（10/1まで）情報です。

こんにちは。安達です。今年も引き続き、張り切って行きたいと思います。 さて、突然ですがみなさんは「プロジェクトマネージャー」を目指してますか？　もちろん、ひと口にプロジェクトマネージャーと言ってもさまざまな方がいます。 大規模な業務システム構築のプロジェクトもあれば、ECサイトやWebサービス構築プロジェクトもあります。LSIのチップ制御ソフトウェア開発もあれば、スマートフォンのゲームアプリ開発もあります。 ただ、共通して必要とされるスキルが、「プロジェクトマネジメント」だということは、みなさんも意見が一致するのではないでしょうか。 しかしそうはいっても、プロジェクトマネージャーになってから独学でプロジェクトマネジメントをゼロから学ぶのはとても非効率です。もちろん会社でOJTをするなり、体系的なプロジェクトマネジメントのマニュアルがあるならば、さしあたっての問題はないでしょう。 でも、ある

ども。ナカムラです。 今回はいつもの「やたら上位に食い込みたがるディレクターズマニュアルの記事」と比べるとかなり粒度細かめ。 実際の現場でディレクターがワイヤーを書くその前に「やらなければいけないこと」とその理由について解説してみたいと思います。 ちなみに、お題は「既存コンテンツありのリニューアル with Word Press 案件」と仮定してみます。 さて、ワイヤー書く前にディレクターって何やればいいんでしょうね？ とりあえずサーバー周りの情報整理 WordPressに限らず、どんな案件でもまぁ必須。なんかしらCMSを乗せる場合であれば間違いなく事前に確認しておかないと大怪我するアレですね。 とりあえずLAMP動くかどうか？とセキュリティ系の情報くらいは整理しときます。 この辺の情報は1枚のドキュメントにまとめといたほうが後で楽かもですね。 既存のページ調査 リニューアルであれば、まず

8. 　デザイン完了！ デザインガイド作成！ 開発完了！事前に打ち合わせ！ （設計段階） 開発者と、 A から Z まで事前にとことん話し合うこと 可能な限り、毎回確認（開発社 ( 者 ) ごとに、スタイルは違う！） 全てのデータを表記する考えは、捨てること（互いに疲れるだけ） 何だ、いいヤツ じゃないか デザインガイド ? おすすめのプロセスとは…

ぶつかるから良くなる 文脈や話し手の背景により「デザイン」の意味合いが変わることがあります。先月のセミナーでは、デザインには葛藤やぶつかり合いが含まれていると話しました。ぶつかり合いと書くと、負のイメージが先立つかもしれませんが、デザインプロセスにおいて欠かせない要素だと思います。 デザインを語る場において、参加者が考えを述べることがアイデアを検証する（ぶつける）ことになります。『考えを述べる』ということは、自分の考え方がひとつの解になるということを証明しなければいけませんし、そうしなければ聞き手には理解できないことがあります。時には意見の相違がありますが、自然なことですし違いを歓迎するべきです。アイデアを出し合うからこそ見つかる課題もありますし、アイデアがより洗練することもあるからです。 良い会話ができたと思う瞬間は、誰のアイデアか分からないけど、皆が理解して先に進めることができる状態。

違う人たちとデザインを語る デザイン批評は、とても難しいですが、目を背けることもできない課題です。前回のセミナーで、批評のときに使う言葉遣いを紹介したものの、フォーカスをズラさず会話を進めるのは至難の業です。デザイナーだけが集まる場や、長く仕事をしている間柄であれば感覚で伝わることがありますが、そうでない場面はたくさんあります。結局のところ、デザインは主観的なところが多いわけですから、様々な背景の人たちが集まる仕事場でデザインの意見が分かれるのは当然なのかもしれません。 さらに批評を複雑にしているのが、手を動かしているデザイナーだけにデザインを任せるのは困難というところがあります。IDEOの Time Brown 氏が TED の講演で「デザインはデザイナーだけに任せるには重要すぎる」という言葉を残しています。今のデザインは利用者だけでなく、ビジネス、市場、文化、技術への理解が不可欠です。

リニューアルでは何も変わらない Webサイト制作の仕事で、いつの間にか当たり前になっているのが『リニューアル案件』。2, 3 年おきに見た目の衣替えをしたり、使い勝手の向上のためナビゲーションや情報構造の見直しをします。 テクノロジーだけでなく、Web を取り巻く文化や社会が目まぐるしく変わるので、定期的なリニューアルをして『追いつく』ことは必要なのかもしれません。しかし、ただ見た目を変える、情報構造を変えるといった「作る」「作り直す」ということが目的になることがあります。リニューアルをすれば何かが変わるという淡い期待感が寄せられることがありますが、費用対効果が良くないことがあります。 第一印象はとても重要です。 全面リニューアルを通して見た目がよくなれば、印象は良くなるかもしれません。しかし、デザインを変えたからといって、コンテンツも自動的に良くわけではありません。最初の印象がよくても、

ども森谷です。 各種折衝にスケジュール管理、タスク管理にクオリティ管理などなど...。ぶっちゃけディレクターのやることって多いですよね。 が、そんな「分かりやすい明確なミッション」の影で忘れがちな、でも最も重要なミッションが「モチベーション管理」だったりします。 今回は、そんな日陰にあるけど重要な部分にフォーカスを当ててて解説してみますね。 メンバーのモチベーションがプロジェクトの成功を左右する 実際に現場に入ったことの無い方からしてみれば迷信みたいな感じですが、現実です。 が、クライアントや上司からすると軽視されがち。 なので、これまでディレクターのミッションとしてあんまり重要視されてなかったんです。 最近は「マネジメント」とか「7つの習慣」なんかのブームからなのか、よーーーやディレクターのミッションとしてこのへんが注目されてきてたりします。 「いまさらかよ！」て人も、「そんなん言われて

2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう

ワイヤーフレームとは、簡単に説明するとコンテンツやレイアウトなどを示した設計図や構成図のことを言い、これをしっかり作っておくことでデザインやコーディングといったその後の作業をスムーズに進めることができます。 単にワイヤーフレームと言っても「ツールやソフトを使用する」「基本的に全て手書きで行う」など人によって作り方は違うと思いますが、個人的にワイヤーフレーム作成時に便利だなと感じたツールや素材を紹介します。 また、専門ギャラリーや参考になるショーケースなども併せて紹介するので、あまりワイヤーフレームを見たことないという人はそちらも参考にしてみてください。 便利ツール インストールしたりソフトへの拡張機能として使うものなどもありますが、今回はオンラインで使用するツールを紹介します。 中には使用する為には登録が必要なものや場合によっては有料になるツールもありますが、ほとんどフリーで作成も保存もで

2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。

長年一緒に仕事しているディレクター、Webディレクターズマニュアルの@cafekentaにいつも口酸っぱくお願いしていることをまとめてみました。限られた時間で高いクオリティ、高いモチベーションを維持して納品したいので僕は彼に5つのお願いをしています。 1. ディレクター自身が納得できてから依頼をしてください わからないことをわからないまま依頼しても、視覚的にコンテンツの理解を助けようとするデザイナーは、ただただ混乱し時間がかかってしまうだけです。僕は必ず「で、結局何がしたいの？」と必ずディレクターに投げ返し、その意図を確認します。 事前に電話一本入れてお客様に確認しておけば済むことを、勝手な憶測だけで進めてしまい結局作り直しになったケースを何度も見ています。 2. わからなければ相談してください ワイヤーが決まらないとき、導線設計に納得いかないとき、わからなければ相談してください。ディレク

はいどーもこんにちは。最近妙に忙しくて、久しぶりの投稿なのに変な具合にテンション高めのナカムラです。 タイトルからいきなり叫んでますが、今回は先日参加した「ゼロからのディレクション講座:設計編」の内容で特に気になったポイントのピックアップ記事になります。 （主にクライアントワークにおける）要件定義⇒情報設計⇒仕様定義のフローに関するかなり詳細な講義で、なかなか見る機会の無いガチ見積りの作り方あり、実践的なワークショップありと、かなり勉強になりました。 が、さすがにここに全部載せるわけにもいかないので、本記事ではナカムラ自身にとって最も印象的だった「情報設計」部分の考え方と、その具体的手法について思い出しながらまとめてみようと思います。 ※恐らく高い確率で抜け漏れが発生します。ちゃんと知りたい人は次回講演へ！ 情報がキチンと設計されてないと何も作れない。 当たり前の事を言うようですが、「誰が

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 初めまして。社長室でUI/UXディレクターをしている渡辺（@mw19830720）と申します。現在は主にUI/UX視点でのAmebaスマホののクオリティ管理を担当しています。 普段ディレクターが本ブログで執筆することはあまりないと思いますので、今回はいつもと少し雰囲気を変えて、「サービス立ち上げ時におけるUI設計やディレクションの質を高めるポイント」というテーマで、あえて盲点になっているかもしれないと感じている点をまとめてみました。 まずは画面設計のフェーズにおいて2点ほど。 仕様書全体を都度見返す 画面仕様書の作成には数日～長くて数週間程度かかると

先日「アクセス解析しました！」と言ってPVとVisit、アクセス元検索ワード上位25件のアナリティクス画面印刷データ"だけ"を渡されて、思わず切れそうになったナカムラですこんにちは。 今回はそういう意味不明なことをして恥をかかないようになるためのアクセス解析（主にGoogleアナリティクス）の基本について書きたいと思います。また、割とディレクター歴の浅い人向けの内容になる予定ですので、アクセス解析バリバリ！な方には少々物足りない内容になるかと思います。 なんでアクセス解析なんて面倒なことをするんだろう？ それは、ざっくり言い切ってしまえば、以下のような事を考えるため。もしくは考えるための指標を探すためです。 ・サイトの「良くないところ」を探して、改善する理由を見つけ出すため。 ・ユーザーが本当は何をしたいのか？を把握して「次このサイトでなんかやるとしたら 何しよう？」を考えるため。 ・ユー