要件定義って何をやるの？制作側が気をつけるべきポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「要件定義」という言葉、耳にしたことがあるという人は多いと思います。では、要件定義とはそもそも何か、具体的にどうすればいいか答えられますか？ 本連載では、Webサイト制作の要ともいうべき要件定義について掘り下げていきます。LIGブログでは制作サイドの視点から解説します（発注サイドの視点でまとめた記事はつなweBで公開中）。 本記事の監修者 株式会社LIG Webディレクター 因幡 祐香（Yuka_Inaba） Webディレクター歴12年。システム開発を伴うプロジェクトの要件定義やディレクション、長期にわたる安定運用と事業展開を想定した情報管理や体制構築を得意とする。Webディレクター・PM向けのセミナーも実施するなど、メンバー教育にも力を入れている。 株式会社LIG Webディレクター 平山 梨佳（Rika_Hirayama） 1987年福岡県生まれ。2011年よりWeb業界のキャリアをス
デザインは余白でこんなに変わる！Webデザイナーが解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。Webデザイナーのぱんちゃんです。 この記事ではデザインをする上で重要な要素である「余白」について解説します。 「デザインがごちゃごちゃしてしまってなんだか垢抜けない……」 「かといって余白を作るとスカスカしてしまいそうで怖い……」 そんな経験をしたことのある方向けに、余白の役割と効果的な使い方、意識するべきポイントを解説します。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 余白によって与える印象はこんなに変わる！ 余白はデザインをする上で非常に重要な要
【コンテンツマーケティング支援の肝】クライアントの課題を上手にヒアリングする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エディターのカナメです！ 私は普段、エディターとしてオウンドメディアの運用支援やコンテンツ制作を担当しており、クライアントの課題を日々ヒアリングしています。 ちなみにプライベートでは、無事にハーフバースデーを迎えた息子の成長が著しい今日この頃。昨日までできなかった寝返りが、ある日を境に突然コロコロ。うまく離乳食を飲み込めなかったのに、いつの間にかコツを掴んで上手にごっくん。といった具合に、毎日の成長がホント楽しみです。 ただ、赤ちゃんとのコミュニケーションはなかなかに難しい……。ご機嫌にキャッキャ笑っていたかと思うと、急に不機嫌になって、エビ反りキックを喰らわされたりと苦労しております。まだ「アー」「ウー」といった喃語しかしゃべれないので、親子といえども意思疎通は早々にうまくいくもんじゃないですね。 と、前置きが長くなってしまいましたが、今回は、円滑なコミュニケーションにも欠か
LIGにWeb制作を相談したらどんなヒアリング・提案をするのか？実際の流れを紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webサイト制作のアカウントプランナーを担当しているどんちゃんです。 読者の方には、もしかしたら一度はLIGに相談をしてみたいとお考えいただいている方がいらっしゃるかもしれません。今日はそのような方に向けて、日頃のお打ち合わせの様子をお伝えしたいと思います。 心がけは「お客様のお悩みという名のパズルを解く」 私はいつもお客様とお話するのが仕事の中で一番楽しいです。お客様にはお問い合わせいただいているので、何かしらお悩みがあります。 そのお悩みを聞くことで、予想できなかった背景や理由などが色々と出てきます。そういった事情を踏まえながらどうすれば今より良くなるかを考えるのが、ちょっとしたパズルを解くような感覚があり、それを「楽しい」と感じています。 もちろんそれはあくまで打ち合わせ時のことなので、本当の意味でパズルが解ける（＝サイトが完成して利用開始された後の状態）わけではなく、あ
急病で2週間入院して学んだ！Webディレクションの3つのコツ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お久しぶりです。 最近、ノロウイルスやら虫垂炎やらの病気続きで死んでおりました。やすです。 ディレクターという仕事をして半年が経ちました。まだまだ新米ですが今回は私が直面した失敗で学んだことディレクションのコツ3つをお伝えします！ プロジェクトのREADMEを作る これは実体験から学んだことです。 体調が悪く病院に行ったところ、診察したその日に入院を告げられ、急遽2週間入院となりました。当たり前ですが私なしでもプロジェクトは進めなければなりません。その期間、私は病欠なので穴埋めとして代わりのメンバーに対応をお願いします。 私の代わりに対応する方はプロジェクトの概要すら把握していない緊急対応だったので、とても大変だったと思います……（本当にありがとうございます）。 そんな場面に陥ったときプロジェクト概要から対応する内容がまとまっている説明書があれば潤滑に引き継ぎや代わったメンバー本人が対応し
クライアントと信頼関係を築く方法6選〜基礎編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGで「BiTT開発」というオフショア開発事業に所属しているNoah（ノア）です。楽天やファーストリテイリングを経て2021年6月にLIGにジョインしました。 近々、オフショア拠点であるセブに渡航予定なのですが、コロナ禍のせいでなかなか目処が立たず悶々としている今日この頃です……。 ただお仕事のほうは有り難いことに色々なプロジェクト案件をご発注いただけるようになってきており、僕も今までのキャリアでPM（プロジェクトマネージャー）やAM（アカウントマネージャー）をやっていた経験もあるので、最近駆り出されております。そこで改めて思うのが…… やっぱりクライアントと一緒にお仕事するのは楽しい! ということ。理由を考えてみましたが、おそらくクライアントと関係性があるからだと思っています。そこで、今回は「クライアントとの関係値の作り方」についてお話します。 営業の方に限らず、外部のク
ゴールを見失わないために！デザインをする前にチームで「ムードボード」を作ろう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのもーりーです。 皆さんはデザインを決めるときに、なにを頼りにしていますでしょうか。 僕のデザイナーとしてキャリアの始まりは、チラシや冊子などの紙媒体のDTPオペレーター兼デザイナーからでした。 DTPオペレーターやデザイナー時代からひとりで黙々とデザインを作ってクライアントに提案するという、言い方は悪いかもしれませんが孤立無縁のスタイルでずっとやってきたので、いまだにそのやり方が染み付いています。ですので、ワークショップなどで関係者の合意を集めながらデザインしていく最近のスタイルも勉強しないとなぁと焦っています。 そこで、今回はデザイン作業に入るためのチームでのムードボードの作り方について、勉強ついでにご紹介したいと思います。 「ムードボード」とは ムードボードとはチームでさまざまな視覚表現やトーンアンドマナーを探るためのツールです。流行の調査やアイデア収集に使うこ
Web制作の相談・依頼はこの9点を伝えよう【制作会社が伝授】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。アカウントプランナーの なおです。 今回は、これからWeb制作を検討されているみなさんに向けて、Web制作の相談・ご依頼をするときのポイントをまとめてみました。 これを読んでおけば、Web制作会社のやりとりが進みやすく、スムーズにプロジェクトが進行するはず！ ちなみに…… 前職でThe営業会社に勤めていたわたしは、入社してちょうど1年経ったころ、何も知識がない状態でコーポレートサイトのリニューアル担当になりました。 知識がなさすぎて、Web制作会社に「ヨロシク！」と伝えれば自然とできるものだと思っていました。きっと同じ状態の人ってたくさんいると思うのです。 そんな、Web制作担当になったものの、どうしてよいかわからずに悩んでいるあなたへ届けられればと思います。 「もう知ってるから、早く相談させてくれ！」という方へ 株式会社LIGは、年間150サイトをリリースする豊富な実績と、毎
樹形図・マンダラート・グラフを使って、複雑な話をシンプルに表現する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どぉぉぉ〜〜も！ RISHです。 今日は、複雑な話をシンプルにわかりやすくする方法を紹介します。シンプルな記事にしたいので、前置きは短めにして、さっそく本題に入りますね。 1. 話をざっくりどんなカテゴリに当てはまるか分類 一口に「話」といってもいろいろな「話」が存在しますよね？ 問題点をどうしたら解決できるかの話・・・分析系な話 新規プロジェクトにどんな切り口が良いかを検討する話・・・発想系な話 なぜこれをして欲しいのかを説明する話・・・説得系な話 誰かの発言がとても良かったのでまだ聞いていない人に教えたい・・・共有系な話 まだまだいろいろあると思いますが、約半数くらいの仕事上の話は、上記のいずれかになると思います。 2. 話を分類したあと、どの図を書くか機械的に決定 話の分類によって、それぞれ下記の図を使うとイケイケに見えることが多いです。 分析系な話→ロジカルに深くいける樹形図 発想
拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
Webディレクター必見！ プロジェクト開始前に決めておくべきこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どもども、WebディレクターのZIMAです。 よく聞く教訓のひとつに「段取り八分」という言葉があります。 Web制作のプロジェクトにおいても、初動がどこまで詰められているかによって、始まりから終わりまでの流れが決まってしまいます。 最初がフワっとしていると、あとから確認する手間が増えてしまい、双方にとって余計なコストがかかってしまうので、決めるべきことはなるべく初回に決めてしまいたいですね。 「でも、どんなことをどこまで決めればいいの？」という方もいらっしゃるかと思います（1年前の僕です）ので、参考までに僕らがプロジェクトを始める前に決めていることをご紹介します。 提出する資料に記載すべき内容 制作進行体制図 制作メンバーの体制図や、クライアント側の決済確認体制がわかる資料を用意します。 参考に制作側の体制図は上記ような感じです。 各位の役割と氏名、窓口との繋がりがわかるような体制図にしま
これからWebサイト制作をお考えの方へ。「Webサイトは魔法の道具じゃない」ということを伝えたい | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
やっとかめだなも！ 東京都台東区は上野で働く、名古屋出身・Webディレクターのちゃんれみです！ 今回は、これからはじめてWebサイトの立ち上げ、リニューアルをお考えの企業様はもちろん、Web制作業務に携わろうとしているデザイナー、エンジニア、ディレクターのみなさんに向けて、ちゃんれみがWebサイト制作時に意識していることを共有させていただきます。 一般的なことですが、つい忘れがちなことでもあるので、すでにご存知の方にとっても振り返りになれば幸いです！ はじめに：そのWebサイト、本当に必要ですか？ 媒体ごとの役割を考えよう 世の中にはさまざまな媒体が存在しており、Webサイトはあくまでもその手段の一つでしかないのです。それぞれの媒体の特徴やターゲット層との相性などを知った上で、目的に沿った媒体を選ぶ必要があります。 媒体ごとの役割の一例 媒体は「プッシュ型」と「プル型」の2つに大きく分類さ
クリエーターが契約トラブルに見舞われた時の対処方法｜市原えつこ 公式ブログ
こんにちは、市原えつこです。 近頃更新がパッタリと止まっていましたが、その間に何があったかというと 契約関連でモメてました★ 守秘義務がございますので具体的に何があったのか、というのはお話できないのですが、なかなかの泥仕合でした。 これまでの人生であまり悪い人と出会ったことがなかったので この度はじめて修羅場の交渉というのを体験してなかなか楽しかったです。 ※一応念のため付け加えておくと、トラブルが発生したのは仲介業者さんとの契約であって取引先・クライアント様との契約ではないです。独立してからお仕事をさせて頂いたクライアント様はどこも誠実な方々でした 今後の人生で大きな損失を生まないために、インフルエンザワクチンを打って予防接種をしたのだ、とポジティブに捉えることにします。 クリエーターはお金に無頓着だったりあまり法に関する知識がなかったりするケースも多いため、ビジネスワールドの強者から
最初が肝心！初めての打ち合わせ「キックオフミーティング」の心得
2016年10月19日 Webサイト制作 プロジェクトを始動させるため、顔合わせのために行う最初のミーティングを、サッカーの試合開始の合図のキックオフにかけて「キックオフミーティング」と呼びます。キックオフミーティングはプロジェクトの目的を明確にしたり、クライアントと制作チームの親睦を深めたりと、今後業務を進めるにあたって欠かすことのできない重要なミーティングです。今回はそんなキックオフミーティングの必要性や効果的な進め方などをご紹介します。 ↑私が10年以上利用している会計ソフト！ キックオフミーティングの目的 そもそもなんのためのキックオフミーティングなのか？ここをきちんと理解しておかないと、結局なぜ集まったのかわからなくなってしまいます。まず覚えておきたいのは、クライアント自身もWebサイトを通じて何を発信したいのか、漠然としか把握できていないという点です。キックオフミーティングでは
Webサイトを良い状態で持続させるために必要な運用管理 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
これらの情報を踏まえながら、どこまで社内で対応するのか、外部に委託するかを切り分けて行くことになります。運用保守したときのメリットや、LIGがどんな運用保守をおこなっているかのご紹介は、次の連載記事で説明させていただきます。 運用・保守・改修の違いと支払サイクル 少し話が逸れますが、運用・保守・改修にそれぞれどんなイメージを持っていますか？ 記事を書くにあたって改めて調べたのですが、非常に曖昧で、厳密に定義することは難しいようでした。また業界によってもニュアンスが変わる印象でした。 なので、この記事では暫定的に、運用・保守・改修の違いを整理いたしましたので、ニュアンスを捉える参考にしていただければ幸いです。 運用 定期的に情報を更新すること。 ニュースやブログの更新、店舗情報の追加など。 固定費にすることが多い。 保守 問題無く使い続けられるようにすること。 CMSのバージョンアップや、バ
Web制作を発注する際に、事前に準備すべきものとは | いいWebつくろう〜クライアントと制作会社〜
こんにちは。ディレクターのJack (@y_kazuhiko) です。ディレクター連載「いいWebつくろう〜クライアントと制作会社〜」の第12回は、Web制作を発注する際にお客様に準備していただくものに関してです。 担当ディレクターとの課題の洗い出しやヒアリングの際に、発注側でも事前に準備するものがたくさんあります。本記事では、制作フローに沿って、お客様に事前に準備していただきたいものを説明いたします。 制作フローに関して Webサイトの制作フローは、下記5つのステップを踏みます。 ヒアリング・市場調査・分析 要件定義・画面設計 デザイン制作 システム開発 検証 第8回の記事でもご紹介させていただきました。 この中でお客様の事前準備が必要なフェーズは、「ヒアリング・市場調査・分析」フェーズと「システム開発」フェーズとなります。 お客様に事前に準備していただくもの 「ヒアリング・市場調査・分
知っておきたい！新旧ブラウザの見え方を最適化する「プログレッシブ・エンハンスメント」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
※2016年2月末時点 対象環境って？ OS、ブラウザ、バージョンというものがあり、これらの組み合わせで対象環境を定義します。では、そもそも環境が違うと何が違うのでしょうか。 IE8とChrome最新版で見比べてみる 今回紹介するのは、ここ数年ですっかり定着してきたCSS3という技術を使ったときの、対応しているブラウザと未対応のブラウザでの見え方の比較です。具体的には、CSS3が対応しているChromeの最新版と、対応していないIE8で見たときの違いを紹介していきます。 角を丸くして柔らかさを付ける border-radiusを用いることで、角に丸みをつけることができます。 CSS3未対応だと、ただの四角になります。 要素に影をつけてみる box-shadowを用いることで、要素に影をつけることができます。 CSS3未対応だと、影がつきません。 グラデーションをつけてみる linear-g
【話し方のコツって？】1日プレゼン上達テクを学ぶと何が変わるのか試してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エディターのエリーです。 みなさん、プレゼンは得意ですか？ プレゼンで重要なのは、話し方。動画で学ぶ「Udemy」PRシリーズの第3弾では、「プレゼンテーション上達法」について学んでいきます。 今回学んでくれたのは、プレゼンが苦手だというユリナーシュカ。 人物紹介：ユリナーシュカ LIGブログのライター兼エディター。書くことは得意だけど、プレゼンは苦手。好きな言葉は「死ぬこと以外はかすり傷」。 どれぐらい苦手なのか、受講前にプレゼンをしてもらいました。そのときの一枚。なんだろう……おびえたバンビのような表情で庇護欲を掻き立てられますね。 おびえたバンビーシュカの動画はこちらからご覧ください。
PCとスマホどっちでみる？ちゃんと届く画面設計とは | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。ディレクターのむむです。 ディレクター連載「いいWebつくろう〜クライアントと制作会社〜」の第10回は、PCとスマホの画面設計についてお話します。 Webサイトをつくるにあたって、写真を入れたり、文章を入れたりそのほか何を入れようかなと考えるかと思います。しかし、ちょっと待ってください！ 「何を入れるか」も大事ですが、「何で見るか」も画面設計のとても大切なポイントです。今つくりたいと思っているWebサイトに、適切な画面設計はどれかを一緒に考えていきましょう。 PC、スマホ、タブレットで見えるページって違うの？ はじめにペルソナの設定を基に、どのような画面でWebサイトを閲覧するか想像してみましょう。 PCなのか、スマホなのか、タブレットなのか。スマホだとしてもiPhone6PlusとiPhone4では見え方が違ったりもします。 見るデバイスによって画面サイズが異なりUI/UX
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web担当者Forum
