お客さんと話す前に知っておきたい、UXの超基礎 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIG Techonology部の永松です。 近年、UI・UXという言葉が当たり前に使われるようになりましたが、「なんとなくは理解しているけれど、説明ができない」「UIとUXの違いがわからない」という方も多いのではないでしょうか。 また、UXの指す内容が人によって違うため、クライアントと制作会社で共通認識が持てていないとトラブルになりかねません。そのため基本的な部分をしっかりと理解しておくことが大事です。 そこで今回LIGでは、UXに関する社内勉強会を開催。Technology部でUXを担当する私から、「UXやUXデザインとは何か、そしてエンジニアにとってUXはどう関係があるのか」をテーマにお話しさせていただきました。 制作会社だけでなく、様々な企業のみなさんにもお役に立てる内容だと思いますので、この記事では講座の一部をお届けします。 UX=UI・UXではない UX（ユーザーエ
要件定義って何をやるの？制作側が気をつけるべきポイント | 株式会社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」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 余白によって与える印象はこんなに変わる！ 余白はデザインをする上で非常に重要な要
「いいデザイン」を決めるのは、依頼主でも先輩でもない。｜nanocolorカワバタ氏からデザインを学ぶみなさんへ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
LIGブログ編集長のMakoです。 弊社が運営するWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」（通称デジLIG）は、2023年に「リーダーズ講座」を開講します。 リーダーズ講座とは 本気でクリエイターを目指すみなさんの学びを支援すべく、業界歴10年以上のトップクリエイターを講師に迎えお届けするデジLIGだけの特別講座。詳細はこちら 初回講座に先んじて、講師陣からデザインを学ぶみなさんへメッセージを頂戴しました。第一回目はnanocolor代表のカワバタさん（@nanocolorkwbt）。デザイナー・マーケターとして成果を追求し続けるカワバタさんからのアツい言葉の数々、ぜひご注目ください。 講師：株式会社nanocolor 代表取締役社長 川端 康介 氏2004年、EC事業スタートアップに参画。デザイン/広告/商品開発などの知見や技術を独学で身につけ、2010
ウェブサイトの制作、運営でやってはいけないこと 2020
そう、まずはここから。 私がこのホームページを作る人のネタ帳を書き始めてから13年がすぎました。 今回はその13年前、一番はじめに書いた記事を振り返ってみようかと思いまして、この記事を書き始めています。一応リンクは記事の最後に貼っておきますがヤバイくらい恥ずかしい代物だったので見ない方がいいかもしれないです。 というわけで、その記事を現代ならどう書くのかなという事に焦点をあわせて書いていこうと思います。あとは人間が1400記事、13年をへて、どう変わったのかも見ていただければ、いやなんでもないです。 ちなみに動画版も用意したので、文字読むの嫌な人はこちらをどうぞ 法律を守ろう（当たり前編） すごく当たり前のことを言ってごめんなさいなんですけど、毎年訴えられているのを見かけるのは3つ。この他にも表現方法によってアウトとなる薬事法や、医師法などがありますが、気をつけてくださいと言ったところで簡
Web制作がオンラインで完結するってほんと？LIGとお客さまとの距離を縮めるツールをご紹介します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回の相談会はGoogle Meetなどのビデオ会議ツールを用いることで、完全オンラインにて実施しています。さらに、LIGでは実際にご依頼いただいたあとも、引き続きオンライン（リモート）での制作進行が可能です！ そこで今回は、LIGがリモート環境下で制作する場合、どのようなツールを用いているのかを公開いたします。さらに過去実績として実際にリモート環境下で制作したWebサイトのご紹介もさせてください！ オンライン（リモート）での制作を可能にしているツールを公開 LIGではさまざまなツールを活用してオンライン（リモート）での制作を行っています。制作の際にはお客さまにも導入いただくことで円滑な進行を実現しています。 Slack（チャットツール） チャットツールはおもにSlackを使用しています。LIGのSlackワークスペースにお客さまをご招待し、日々ご連絡のやりとりをさせていただいています。
ランディングページの作り方｜成果を出すための重要ポイント5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、マーケターのまこりーぬです。 サービスや商品の魅力を余すところなく伝え、顧客の獲得を目指すためのランディングページの作成は、より多くの顧客を獲得したいと考えている会社にとって急務であるといえます。……しかし、より多くの顧客を獲得するランディングページを作るためにはコツが必要です！ この記事では、そもそもランディングページとはなにか、その構成と作り方のポイント、作成する際のポイントまで、まるっと解説いたします。 ランディングページとは ランディングページとは、広告からアクセスしてきたユーザーに対し、サービスや商品の魅力を余すところなく伝え、サービスや商品の購入を促すためのWebページです。公式サイトは複数のページで構成されているのに対して、ランディングページは主に、1ページ完結型となっています。 公式サイトとは別にランディングページを作る理由としては、次の3つが挙げられます。 タ
ゴールを見失わないために！デザインをする前にチームで「ムードボード」を作ろう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのもーりーです。 皆さんはデザインを決めるときに、なにを頼りにしていますでしょうか。 僕のデザイナーとしてキャリアの始まりは、チラシや冊子などの紙媒体のDTPオペレーター兼デザイナーからでした。 DTPオペレーターやデザイナー時代からひとりで黙々とデザインを作ってクライアントに提案するという、言い方は悪いかもしれませんが孤立無縁のスタイルでずっとやってきたので、いまだにそのやり方が染み付いています。ですので、ワークショップなどで関係者の合意を集めながらデザインしていく最近のスタイルも勉強しないとなぁと焦っています。 そこで、今回はデザイン作業に入るためのチームでのムードボードの作り方について、勉強ついでにご紹介したいと思います。 「ムードボード」とは ムードボードとはチームでさまざまな視覚表現やトーンアンドマナーを探るためのツールです。流行の調査やアイデア収集に使うこ
Web制作の相談・依頼はこの9点を伝えよう【制作会社が伝授】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。アカウントプランナーの なおです。 今回は、これからWeb制作を検討されているみなさんに向けて、Web制作の相談・ご依頼をするときのポイントをまとめてみました。 これを読んでおけば、Web制作会社のやりとりが進みやすく、スムーズにプロジェクトが進行するはず！ ちなみに…… 前職でThe営業会社に勤めていたわたしは、入社してちょうど1年経ったころ、何も知識がない状態でコーポレートサイトのリニューアル担当になりました。 知識がなさすぎて、Web制作会社に「ヨロシク！」と伝えれば自然とできるものだと思っていました。きっと同じ状態の人ってたくさんいると思うのです。 そんな、Web制作担当になったものの、どうしてよいかわからずに悩んでいるあなたへ届けられればと思います。 「もう知ってるから、早く相談させてくれ！」という方へ 株式会社LIGは、年間150サイトをリリースする豊富な実績と、毎
話題のデザインシステムって何？積極的に取り入れたいデザイン要素14個まとめ
ここ数年、デザインシステム（英: Design System）がデザイナーの間で話題となっています。この記事では、デザインシステムが重要な理由と、何を含む必要があるのか、人気ブランドから公開されているデザインシステムのサンプル例と一緒に、まとめてご紹介します。 多くの企業やビジネスにおいて、デザイン設計により投資するようになってきています。デザインシステムをきちんと作成することは、成長を続けていて、すべてを把握する必要がある企業やチームにとってとても有益で、良いユーザー体験には不可欠と言えます。デザインシステムは、デザインのミスを削減したり、デザインプロセスを高速化、またさまざまなチーム間でのやりとりにも役立ちます。 01. グリッド グリッド（英: Grid）は、ページレイアウトを理解し、統一するために必須のコンポーネントです。たとえば、MailChimpのデザインシステムの最初に記述さ
最初が肝心！初めての打ち合わせ「キックオフミーティング」の心得
2016年10月19日 Webサイト制作 プロジェクトを始動させるため、顔合わせのために行う最初のミーティングを、サッカーの試合開始の合図のキックオフにかけて「キックオフミーティング」と呼びます。キックオフミーティングはプロジェクトの目的を明確にしたり、クライアントと制作チームの親睦を深めたりと、今後業務を進めるにあたって欠かすことのできない重要なミーティングです。今回はそんなキックオフミーティングの必要性や効果的な進め方などをご紹介します。 ↑私が10年以上利用している会計ソフト！ キックオフミーティングの目的 そもそもなんのためのキックオフミーティングなのか？ここをきちんと理解しておかないと、結局なぜ集まったのかわからなくなってしまいます。まず覚えておきたいのは、クライアント自身もWebサイトを通じて何を発信したいのか、漠然としか把握できていないという点です。キックオフミーティングでは
Web制作を発注する際に、事前に準備すべきものとは | いいWebつくろう〜クライアントと制作会社〜
こんにちは。ディレクターのJack (@y_kazuhiko) です。ディレクター連載「いいWebつくろう〜クライアントと制作会社〜」の第12回は、Web制作を発注する際にお客様に準備していただくものに関してです。 担当ディレクターとの課題の洗い出しやヒアリングの際に、発注側でも事前に準備するものがたくさんあります。本記事では、制作フローに沿って、お客様に事前に準備していただきたいものを説明いたします。 制作フローに関して Webサイトの制作フローは、下記5つのステップを踏みます。 ヒアリング・市場調査・分析 要件定義・画面設計 デザイン制作 システム開発 検証 第8回の記事でもご紹介させていただきました。 この中でお客様の事前準備が必要なフェーズは、「ヒアリング・市場調査・分析」フェーズと「システム開発」フェーズとなります。 お客様に事前に準備していただくもの 「ヒアリング・市場調査・分
コンセプトを意識した“伝わる”Webサイトづくり | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターの阿羅漢（あらか：本名）です。 ディレクターによる連載「いいWebつくろう〜クライアントと制作会社〜」第5回のテーマは、Webサイト制作におけるコンセプトの大切さです。 今回は、コンセプトをつくる上での手法というよりは、なぜLIGではコンセプトを決める工程を取り入れていて、大切にしているのかということをお話できたらと思います。 また、実例は出せないので、コーポレートサイトをつくる体でお話します。 主観的な部分もあるかと思いますが、もし宜しければお付き合いくださいませ。 なぜ、コンセプトが必要なんだろう？ アイデアをつくる上での軸を決める LIGでは、Webサイトづくりのはじめの工程として、コンセプトの設定をおこないます。これは、デザイナー、エンジニア、クライアント、そして、ディレクターと、このWebサイトづくりに関わる複数の人たちが、何を頼りにクリエイティブをつくっ
ディレクション費って何？Webサイト制作費の内訳を大公開！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。WebディレクターのJackです。 ぶっちゃけ、Web担当者は「サイト制作にいくらかかるの？」ということが気にかかりますよね。とくに皆さんによく聞かれるのはディレクション費について。 「ディレクション費？ プランニング費？ いらないでしょ？ 値引きしてよ！」 そう思った方！ それは危険です！ Webディレクターの働きは目に見えづらいため、そう考える方も多いとは思います。しかし、プロジェクトの成否はWebディレクターにかかっているといっても過言ではありません。 本記事では、ディレクション費の内訳や、Webディレクターの役割、必要性についてご説明できればと思います。 ディレクション費ってなに？ Web制作におけるディレクション費とは、一言でいうとWebディレクターの稼働対価のことです。いわゆる人件費ですね。 たとえば下記のような稼働に対してかかってきます。 打ち合わせ（ヒアリング）
10万円と100万円は何が違うの？Webサイト制作の価格設定で検討するポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのともぞうです！ ディレクターによる連載「いいWebつくろう〜クライアントと制作会社〜」の第2回目のテーマ、はサイト制作をおこなううえでのお金の話です。 サイト制作を依頼する側も依頼される側も、判断が難しい「お見積り」です。ここだけは抑えたいというポイントをまとめました。 制作費が10万円のWebサイトと100万円のWebサイトって、いったい何が違うの？ まず、サイト制作と一口に言っても、その実現方法はさまざまです。複数のWeb制作会社に依頼して比べてみても、値段から制作方法までバラつきがあるのは当然のことです。 企画からスタートして、0から制作するもの 既に用意しているテンプレートで構築するもの JimdoやTumblrなど、サービスを使用するもの など切り口が複数かつ、各制作会社が設定している単価によって制作値段は変わってきます。極端な例ですが、同じサイト制作で
なんで、そのWebサイトつくるの？【ディレクター新連載スタート】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Web事業部制作課のディレクター・パーヤン（ChankoPahyan）です。 本日よりLIGのディレクター陣による新連載「いいWebつくろう〜クライアントと制作会社〜」がスタートします。 Web業界で働くひと以外にとって、Webをつくっていく過程やWebに関する用語など、わからないことだらけですよね。 この連載では、これからWebサイトをつくろうとしているみなさまが感じるであろう 難しいよ！ ・Webサイトってどう発注すればいいの？ ・なんかいきなり専門用語ばっかりなんだけど…… ・制作会社の人が言ってる◯◯ってなに？ などさまざまな疑問や不安を、LIGのディレクター陣が代わる代わる記事を書き解消していきます。 いいWebサイトをつくるために最低限必要な知識は網羅できるようにしますので、 初めてWebサイトを発注する方も今までに苦い思いをした方も是非ご一読くださいませ。 連載第
見やすい！わかりやすい！伝わる！プレゼンに役立つ資料まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、人事からWebディレクターに異動したなっちゃんです。 上司であるそめひこから「なっちゃん、いいプレゼン資料のつくり方をまとめた記事書いて！」と言われたので、この記事を書き始めました。わたしにタスクを課したそめひこは、現在進行形でプレゼン資料をつくっています。それ、今自分が欲しい記事ってことですよね？ ということで、プレゼン資料づくりから発表の場まで、参考になる資料をまとめました。 デザイン編 ビジネスマン必見！キレイな提案書を作るためのデザインの基礎知識 資料のキレイさ ★★★★★ 読みやすさ ★★★★★ シンプルさ ★★★★★ まず、この資料自体がシンプルかつオシャレで、非常に読みやすくまとめられています。色をうまく使うための基礎とコツが、資料の中にふんだんに盛り込まれています。また、余白の取り方、文字フォント選びについても触れられており、全部読まずとも、重要なポイン
企画書に説得力を。Webディレクターが日々仕入れておきたい情報満載のメディアサイト私選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのあゆみです。 「企画書に、あと一歩強い説得材料が欲しい！」「先方から追加で相談がきたけど、一口にディレクターといってもそこまでは知らないよ！ でも頑張ってベストな提案で戻したい」っていうやきもきすることってありませんか？ そんなとき、「ああ、このデータ最高！」「この考え方やそれに基づいた動き、むっちゃいい！」といったアイデアをくれる救いのサイトたちがあるんです。 わたしは「困ったら見る探す」というブックマークフォルダを作っています。 今回は、Webディレクターがさらっておいて絶対に損はないなと思ったお気に入りブックマークを、超私選ではありますがご紹介します。 01. DIGIDAY http://digiday.jp/ 特にこれ使えるー！って思った記事が2015年12月3日に公開された「日本の10代、もっとも好きな情報源は「Twitter」 〜そのスマホ行動を示す
企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ | コムテブログ
TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ？」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。 企画／提案 １．企画書 企画書はどれくらいのコストで効果（売上）を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基本／上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum ２．提案書 提案
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
