「サイト制作／デザイン」解説記事人気記事ランキング

Web担で過去30日にアクセスが多かった順の人気記事ランキングです。

（全 759 記事）

ページ

【レポート】デジタルマーケターズサミット2024 Summer

UDフォントって？ウェブフォント選定の極意！基本から最新トレンドまで徹底解説

Webサイトの魅力を高めるには、デザイナー以外もフォント選定の基本と最新トレンドを知ることが重要。Ubieの大木氏がウェブフォントの活用ポイントを解説。

【レポート】デジタルマーケターズサミット2023 Winter

おしゃれな3色の配色パターン組み合わせ：センスのいいビジネス資料に

色の組み合わせ次第でビジネス資料やポスターの訴求力が変わる！おしゃれな3色配色パターンを使ったカラーパレットの選び方について、書籍・イラスト・グラフィック・Web制作など幅広いデザイン事業を手掛けるingectar-e代表の寺本恵里氏が、配色の基本と仕事に役立つ「トレンドカラー」について詳しく語った。

安く!早く!を実現するサイト制作の発注マニュアル

「概算見積書」「超概算見積書」の違いって？ 3種類の見積もりを徹底解説――プロが教える見積書7つの極意②

概算見積書と超概算、正式見積の違い、正確に理解していますか？また「概概算、概々算、大概算」は、実は同じものを指しているなどPMBOKの規定に基づいた種類の違いについて、分かりやすく徹底解説。

進化が止まらない！最新ツール

FigmaがAIでさらに進化！ Web制作はもはや完全自動化目前？「Config APAC 2024」現地レポ

Figmaが2024年7月、シンガポールでアジアで初となるデザインカンファレンス「Config APAC」を開催。AIを活用した新機能と新しいUIが公表されたイベントの模様を、現地からレポート。

イベント・セミナー

9segsを用いた顧客分析とは？フレームワークで顧客起点マーケを実現

顧客分析はどのように行うと成果が得られるのでしょうか？この記事では「9segs」という9つの顧客セグメントに分けるフレームワークを例に、フレームワーク導入の重要なポイント、セグメント分析、PDCAサイクルの手順を解説します。このフレームワークを使用することで、成長させるべき顧客セグメントを特定し、顧客の像や提供する価値、具体化するアイデアを考慮し、施策の実行後に顧客動向を検証することが重要です。

初代編集長ブログ―安田英久

Webサイトのメンテナンス中画面を出す正しい作法と.htaccessの書き方

サイトのメンテナンス中画面を人間にも検索エンジンにも適切にするやり方。

実践！プロも使うラピッドUX手法

カスタマージャーニーマップとは？ UX向上を達成する7つの事例と作成方法

カスタマージャーニーとは、顧客が商品・サービスを知ってから最終的に購買に至るまでのプロセスのこと。その定義を理解した上で、今回は社内でのジャーニーマップの作り方を5つのステップから学びます。Webサイトだけでなく戦略や施策に応じて変化する、タッチポイントや様々な顧客体験に合わせた7つの事例とサンプルも紹介。ユーザー理解を容易にし、消費者(カスタマー)のインサイトを共有することで、サイト改善・UXの

進化が止まらない！最新ツール

ノーコードでWebサイト作成！ Canvaでホームページの作り方解説

「Canva Webサイト（Canva Websites）」は、Canvaが提供する無料のWebサイト作成ツールです。シングルページWebサイトの作り方は直感的で簡単です。カスタマイズ可能なテンプレート、無料ドメインの利用など、多彩な機能が利用可能です。Canvaを使ったWebデザインにおいて非常に強力なツールとなります。Canvaのエキスパートがツールのメリットとデメリットについて解説します

Webデザイン、これからどうなるの？（全10回）

1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説

シングルカラムのWebデザインって、2カラムとどう違うの? 特徴やメリットは? モバイルファーストなサイト制作が求められる今の時代、ワンスクロールで見ることのできるシングルページレイアウトは主流になっています。ワンカラムだからこそできるコンテンツ設計や、ハンバーガーボタンの標準化など、日々変わりゆくウェブサイトのこれからを大解説。（第3回）

進化が止まらない！最新ツール

Canvaで結婚式招待状を印刷したら高クオリティ！実は印刷ミスしたがサポートも神対応すぎた

素人でも簡単におしゃれなデザインができるツール「Canva」で印刷してみたら高クオリティで驚き！実は、印刷をミスってしまったのだが、サポートが神対応すぎた。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 2-5 サイト設計書の作成手順：最適な構造やコンテンツリストのテンプレート付

Webサイト制作で仕様書を作成する際には、ユーザー導線のみならずSEOにも考慮したサイト構造の選択が重要です。今回は、様々な構造のサイトマップとコンテンツリストの例を紹介します。ダウンロード可能なテンプレートもご活用ください。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 3-9 Webページに最適な画像の形式は？拡大してもぼやけない拡張子も

Webページで使用される画像ファイルについて、JPEG、PNG、GIF、WebP、SVGなどの一般的な画像形式（拡張子）の特徴や、ビットマップ形式とベクター形式の違いをビギナーにもわかりやすく解説します。凝ったデザインのホームページにしたいのに、スマホで拡大したときにぼやけたり、文字が潰れてしまわないように、適切な画像ファイル形式とサイズを使用することが大切です。

初代編集長ブログ―安田英久

CSSの::afterと:after コロンの数の違いは？疑似要素とクラスとは

CSSセレクタにはコロン2つの「::after」「::before」という書き方と、コロン1つの「:after」「:before」という書き方がありますが、その違いは何でしょう？また「疑似クラス」と「疑似要素」がHTML上でどのような役割なのかを解説します。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 2-7 【サンプルDL可】Webサイトの要件定義書やワイヤーフレームを準備しよう

要件定義書のテンプレートやサンプル、書き方をお探しですか？ECサイトやWebサイト、CMSの設計には、要件定義書の作成が重要です。この記事では、デザインやシステム構成、運用体制に必要な資料を解説し、ワイヤーフレームやテンプレートもダウンロード可能です。設計書作成の前に、しっかりと要件定義書を整えましょう。

中小企業のための失敗しないWebシステム発注・開発

システム開発の見積書｜比較・評価ポイントを押さえて失敗しない業者選び

Webシステム開発会社の選定にあたり、相見積もりをどのように比較すれば良いのでしょうか？ SI企業を選ぶうえで、納期、体制、能力、実績、企業信用度などの要素が重要です。本記事では、実際のサンプルを交えながら、それぞれの項目について解説します。金額のみならず多面的な評価軸を持って比較することで、自社にマッチした業者を選ぶことができます。また、見積書を作成する側にとっても参考になる内容となっています。

上司を説得できる企画資料の作り方講座

「企画書」基本の書き方とは？提案が通りやすくなる資料作成のコツ

現状分析や費用対効果など、上司が見ているポイントを押さえて、「通る」企画書・提案資料作成のコツを解説します。良い例・悪い例を比較しながら、より具体的で説得力のある企画書の作成を目指します。記事の最後に、企画書の構成要素テンプレートを載せているため、ぜひ活用してください。

Moz - SEOとインバウンドマーケティングの実践情報

ホームページをGoogle検索に引っかからないようにする12の方法

検索エンジンにWebサイトのコンテンツをヒットさせないようにしたい! Google検索結果に表示させない方法って? 名前などの個人情報やプライバシーを守るため、あるいはキーワードカニバリゼーション解消のため、そう悩む人は少なくありません。今回は、ホームページを検索にひっかからないように、インデックスさせないようにする12のコツを紹介。いつもとはまた少し違った視点からSEOを学びましょう。

進化が止まらない！最新ツール

Figmaで作ったデザインをWebサイトに即反映「STUDIO」

ノーコードWeb制作プラットフォーム「STUDIO」は、Figmaと連携し、デザインをインポートできる新機能「Figma to STUDIO」をリリースしました。HTMLやCSSを編集する必要がなく、出力ができるため、デザインを自動でレスポンシブ化、Webデザイナーの作業を大幅に時短することができます。

Moz - SEOとインバウンドマーケティングの実践情報

PV稼ぎ？やたらとページをめくらせるうざいメディアサイトの狙いとは？

必要以上にページネーションを使う「うざい」メディアサイトの問題と解決策について説明します。ページ分割は、広告収入の増加やユーザー体験の向上といった利点がありますが、やたらとページ送りが多いと不快ですよね。SEOの観点からも好ましくないとされています。実は解決策もあり、CSSレイヤーとJavaScriptを使った方法を紹介します。

初代編集長ブログ―安田英久

ページ表示2秒でユーザーはイライラし始め、3分の1が「もういいや」となる

ページの表示にどれくらいかかると「遅い」と感じられ、ユーザー行動にどんな影響が出るのか

初代編集長ブログ―安田英久

iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう

iPhone/iPadのホーム画面にあなたのサイトが追加されたときに表示されるアイコンの設定方法

【レポート】デジタルマーケターズサミット2022 Summer

“思わずクリックしたくなる”バナーデザイン発注のコツ！「イメージと違う」を解消する6項目

非デザイナーのための「失敗しないバナーデザイン発注のコツ」をWebデザイナーのカトウヒカル氏が解説。

【レポート】デジタルマーケターズサミット2024 Summer

成功事例・失敗から学ぶWebサイトリニューアル。ポイントは「分析」「デザイン」「CMS」

Webのリニューアル、成功と失敗の分かれ道とは？ジー・サーチの岡本敏秀氏が語る秘訣。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 3-10 Webページに動画を埋め込むとき最適な形式・拡張子

Step 3-10 で知ってほしいことは、Webページで使う動画を掲載する際の注意ポイントを知ることです。

【レポート】Web担当者Forumミーティング 2024 春

プログラミング不要！ノーコードツールで誰でも簡単　プロ並みの企業Webサイトを作成可能に

Web制作で活用されている「ノーコードツール」の基本的な知識と、主要ツールの特徴、ツールの選び方や制作事例を交えた活用メリットを紹介する。

Instagram企業公式アカント分析データ＆事例集

インスタグラムの企業アカウント17業界961件を分析! 人気なInstagramに学ぶ活用の傾向

マーケティングにおいて、もはや欠かせない要素であるインスタグラム。本記事では、業界ごとのInstagram動向を独自に分析しました。「フォロワー数の多い公式アカウントって？」「エンゲージメント率の平均は？」「投稿頻度はどのくらい？」インスタ運用に悩むSNS担当者へ、人気の企業アカウントの面白い活用方法やKPI設計・ベンチマークに役立つデータを紹介します。

進化が止まらない！最新ツール

Google社内でも利用、2022年使いたいデザインツール世界1位の「Figma」は何がスゴい？

数々の世界的大企業が利用するデザインプラットフォーム「Figma」が2022年に日本進出。夏には日本語版をリリース予定。一体どんなツールなのか？

進化が止まらない！最新ツール

Canvaで結婚式の招待状LPサイトを作ってみたらレイアウトが崩壊…プロに相談してみたら、ぐーんと改良された

Canva Webサイトでは一体どんなサイトが作れるか、編集部員が実際に作ってみた。しかしなんかうまくいかず、プロに相談し改善した流れをまるっと紹介！レイアウトが崩れないコツやポイントを解説。

【レポート】Web担当者Forumミーティング 2024 春

ダークパターンとは何か？ Web担当者がユーザーを惑わさないために知っておきたい7分類

社会問題化しているダークパターン。ダークパターンとは何か、ダークパターンが生まれる構造や対応法について、コンセントの長谷川敦士氏が徹底解説する。

初代編集長ブログ―安田英久

Excelにコピペできる！調整さんがさらに便利になるブックマークレット

スケジュール調整ツール「調整さん」の機能がもっと便利になるブックマークレットを紹介します。これで参加者の日程調整がより見やすくなるとともに、データをエクセル、CSVに出力できないという悩みを解決。コピーアンドペーストでExcelに貼り付けでき、並び替え、集計、印刷が可能になります。

初代編集長ブログ―安田英久

ヤフーの画像はなぜyimg.jpドメインなのか？サイト高速化の手法とヤフーの失敗例

【レポート】デジタルマーケターズサミット2024 Winter

伝わるWebサイトをつくる！ユニバーサルデザインの基本と具体的な改善方法

より多くの人に伝わるWebサイトにするために、どのような改善を行えばよいのか？ユニバーサルデザインの基本知識とともに、具体的な改善方法を解説する。

DX経営図鑑（全8回）

NIKEのDX事例　アスリートの孤独に寄り添うNIKE+、NIKE Run Club、NIKE Training Clubのアプリとデジタル戦略

辛い運動トレーニングも、エンターテインメント性と科学的アドバイスで乗り越えられます。ユーザー目線が嬉しいNIKEのデジタル活用術とは。

【レポート】Web担当者Forumミーティング 2015 Spring

UXを定量的に評価する7つの基準で客観的にサイトを改善していこう

自社サイトのUX指標を定量化して改善、オンラインビジネスを成功させる7つのUX基準とは

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 3-1 Webサイト開発フェーズ_スケジュール管理での注意点

Step 3-1で知ってほしいことは、制作スケジュールで、Web担当者が押さえておきたいポイントを知ることです。

【レポート】Web担当者Forumミーティング 2024 春

Canvaのテンプレで簡単&オシャレに！センスに頼らない“伝わるデザイン”の基本

「テンプレを使ってもダサい」を解決！デザインの知識がない担当者は必見。Canva Japan認定講師の山本和泉氏が、Canvaでオシャレなクリエイティブを作るための配色やフォント選びのコツを紹介。

Instagram企業公式アカント分析データ＆事例集

運用がうまい！企業インスタネタの成功企画事例バズったもの紹介

投稿・企画ネタの参考になる！運用がうまいInstagramの企業アカウントをライフスタイル・小売・サービスのように業界別にまとめました。ユーザーが思わず「いいね！」したくなるには、どのようなポイントをおさえればいいか。また、投稿する時間帯や曜日、投稿タイプはエンゲージメントに関連性があるのか。実際の投稿から分析していきます。

良いウェブサービスを支える「利用規約」の作り方

サービスやサイト名の商標登録、かぶり大丈夫？調べる方法とは

Webサイトやネットショップ、アプリなどのWebサービス名を決めるときに気を付けなければいけないのが「商標権」です。今回は自社のサービス名が商標権を侵害していないかを調べる方法について解説します。サービス名が他とかぶっていないか簡単に調べることができる検索サイトもありますし、商標登録をする際の詳細に調査する方法もあります。また、人の商標権を侵害するとどうなるのかも確認しておきましょう。