2ページ目：「サイト制作／デザイン」すべて人気記事ランキング

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

ページ

Webサイトリニューアル特集

Webリニューアルでメール反応が274%改善、アステラス製薬が挑んだ“マーケ一貫マネジメント”

アステラス製薬は「Astellas Medical Net」をリニューアルした。その際「Adobe Experience Cloud」を導入し、多くの成果を得ているという。

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

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

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

ロフトワーク流「プロジェクトコミュニケーション術」（全3回）

2時間でメンバーの相互理解を深める「コンセプトマップワークショップ」の手順とは？

チームビルディングのためのコンセプトマップをつくってみよう（第2回）。

ビジネス目的別企業Webサイト成功の法則

これからの企業サイトにあるべきWeb戦略

そのサイトは何のためのサイトか。企業サイトはビジネス上の目的を設定することが必要不可欠です。

1ページ目：これからの企業サイトにあるべきWeb戦略
2ページ目：これからの企業Webサイトに求められるもの

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

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

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

DX経営図鑑（全8回）

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

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

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

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

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

スパイラルが「WordPress」でセキュアな会員サイトを制作できる高性能プラグイン提供

「SPIRALセキュアセッションマネージャー」、大規模アクセス対応の会員サイトを構築

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

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

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

Figma Japanが事業戦略発表会、日本が世界中で最も急成長していると公表

米国FigmaのCEOは「Figmaで想像から現実へと、より簡単で効率的に移行」

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

「テンプレを使ってもダサい」を解決！ Canvaで作る“センスに頼らない”デザインとは

テンプレートでもおしゃれなデザインを作りたい！内製化してコストを削減したい！ Canva社認定Expertのぺち丸氏が、ノンデザイナーでも簡単に本格的なクリエイティブを生み出せる「Canva」の魅力について語った。

タブレット向けWebデザインのノウハウ40選

タブレット向けWebデザインのノウハウ40選　――　第2章　タブレットデザインを考える

「スクリーンサイズ」「ナビゲーション」「アピアランス（デザイン）」「UI／UX」に関する18ノウハウ

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

Step 2-6 サイト設計書の作成②基本デザイン

Step 2-6で知ってほしいことは、サイト戦略を基に、デザインコンセプトやトンマナを決定することです。

Googleが日本語を自動改行する「BudouX」をオープンソース「GitHub」で公開

文節単位の分かち書きで分かりやすく改行、軽量サイズのライブラリを機械学習で開発

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

快速ページ表示のためのblank.gifのdata URI化、最短表現や処理の重さを実際にテストしてみた

data URIって何？使うとどう良いの？という人向けの基本解説もあります

Webサイトリニューアル特集

日経ビジネス電子版、5年ぶりのリニューアル：3つの”タイム”を軸に編集体制・コンテンツも変更

「日経ビジネス電子版」5年ぶりのリニューアル。狙いを編集長の原氏に聞いた。

電通デジタルが誰一人取り残されない「みんなのコミュニケーションデザインガイド」

グループ8社と共同制作し無料公開、多様性の課題に対応した事例やソリューション集約

DX経営図鑑（全8回）

スターバックスのDX事例　混んでいても問題なし、美味しいコーヒーをいつでも飲めるテイクアウトが作り出した「自由」

喫茶店でカップを使って飲むものだった従来のコーヒー文化。Starbucksはテイクアウトモデルで、飲食体験に新たな「自由」を持ち込みました。

企業ホームページ運営の心得

ポイントは絶対儲かる金の卵。囲い込みだけじゃない大人の事情

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

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

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

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

Figmaの新機能がスゴい！バリアブル・開発モードなど Web制作“時短”の味方に！「Config 2023 現地レポ」

Figmaが2023年6月、サンフランシスコでカンファレンスを開催。イベントをレポートするとともに、Web制作にも役立つ新機能を解説する。

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

要件定義とは？ Webサイトリニューアル成功のカギを握る「要件定義」の目的と作り方を紹介

「要件定義ってどんなもの？」「上層部を説得できない」「複数部門の要望がバラバラ」―まず何から始めるべきかをお伝えします。

権利がクリアな写真を低コストで使うにはどうしたらいいの？／【漫画】僕と彼女と著作権・特別篇

有料でもいいので、サイトのイメージに合った、著作権的にクリアな写真を使いたいけど、何に注意すればいいの？　教えて、有栖川さん！

1ページ目：権利がクリアな写真を低コストで使うにはどうしたらいいの？／【漫画】僕と彼女と著作権・特別篇
2ページ目
3ページ目
4ページ目
5ページ目：写真素材を商用利用するとき注意すべきポイントとは？

インタビュー

検索順位下落からのV字回復！「DOORS」が考える本質的なSEOとは

ブレインパッドが運営するオウンドメディア「DOORS」。Googleコアアルゴリズム変動で検索順位が下落。どのようにV字回復したのか話を聞いた。

生田昌弘の「Web担当者に喝！」

やりたいことや予算が決まっていないのに見積もりを求めるWeb担当者に喝！

あいまいな依頼内容では、制作会社はまっとうな見積もりができない。まずはRFP（提案依頼書）でやりたいことを明確にすべし

はてなが訊く「オウンドメディア成功の法則」

グランプリ受賞！富士フイルムのオウンドメディア「ChekiPress」が考えるブランディングの本質とは？

「コンテンツマーケティング・グランプリ2023」ブランドコンテンツ部門でグランプリを受賞したCheki Press担当者に話をうかがった。

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

タブレット向けサイトの文字サイズは16pxがいいとの調査結果……イマドキの文字サイズの話

タブレット端末でユーザーが好むWebサイトの調査結果といまどきの文字サイズ指定

SNS埋め込み活用ツールEmbedSocialを使ってSNSとWebのシームレスな連携を実現しよう

世界中で利用されているSNS埋め込み活用ツールEmbedSocial（エンベッドソーシャル）は、インスタグラム、ツイッター、Youtube、Google、TikTokなどから投稿や口コミを集めてウィジェット化し、Webサイトに埋め込むSaaS型ツールです。EmbedSocialを使って、SNSとWebの連携を強化してみませんか。

Web担お悩み相談室

Webサイト構築で「デザインを先に見せて！」、要件定義を理解してくれないクライアントにはどう対応すべき？

Webデザイナーからのお悩みは「要件定義よりも先にデザインを求める顧客」について。クライアント案件に生かせる交渉術のワークも紹介。【Web担お悩み相談室】

ヤプリがWebサイトのコンテンツを素早くアプリ化する新サービス「Feed Boy」提供

テキストや写真など幅広く反映、ECサイトの新着商品のアプリ化がシステム連携不要で実現

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

Step 2-11 UXに基づくシナリオ例②BtoBサイト

Step 2-11で知ってほしいことは、UXを基にした、BtoBサイトのユーザーシナリオ作成ポイントです。

「HubSpot」がデザインツール「Canva」との連携を強化、一層継ぎ目なく機能利用が可能

デザインの作成・共同作業・公開がHubSpotで完結、プラットフォームの行き来なく実現

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

Webサイトで視覚的なインパクトを強く残したいときに効果的なヒーローイメージとは？

写真を全画面に表示するヒーローイメージは、視覚的なインパクトを強く残したいWebサイトで効果的です。そのサンプルや特徴を紹介します（第5回）。

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

Step 4-2 Webサイト運用フローの明確化

Step 4-2で知ってほしいことは、スムーズな運用のためには、運用フローの明確化が重要だと知ることです。

「Adobe Express」でクリエイティブやWebページが数ステップで完成する新機能

「Yahoo!広告連携機能」「Webページ専用テンプレート」「流し込みテキスト」など

HTML+CSSコーディングが10倍速くなるZen Coding

HTMLを一気に書き上げよう | Zen Coding 3-5

Zen Codingの構文を組み合わせよう

1ページ目：HTMLを一気に書き上げよう | Zen Coding 3-5
2ページ目：「#」「.」「*」「>」「+」「(」「)」の位置に注意！

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

Step 2-17 プライバシーポリシー

Step 2-17で知ってほしいことは、個人情報保護法とプライバシーポリシーの概要を知ることです。

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

画面サイズのレスポンシブデザインはなぜ必要? 対応が必須となったいま求められること

「ブレイクポイントってなに?」「媒体ごとにWebページの画面サイズが異なって見づらい」「横幅はどうやって変える?」このような声は少なくなり、PC・スマホ・タブレット、あらゆるサイズに対応するレスポンシブデザインは、現在では標準的な存在となりました。さらに、画像のレスポンシブも重視されはじめています。今後求められるWebデザインについておさらいします（第4回）。