Web担トップ » 「サイト制作／デザイン」すべて人気記事ランキング

「サイト制作／デザイン」すべて人気記事ランキング

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

ページ

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

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

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

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

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

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

DX経営図鑑（全8回）

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

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

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

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

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

事例

エクスペリエンスデザインとは？ UXとは何が違う？電通Creative Technologist 岡田氏に聞く

なぜ企業はエクスペリエンスデザインに力をいれるのか、電通の岡田氏に聞く

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

Google検索アプライアンス（GSA）2019年に終了、サイト内検索で使ってる場合は注意！

グーグルが、Google検索アプライアンス（Google Search Appliance、GSA）の提供を2019年に終了することを発表

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

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

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

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

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

あなたのサイトを成功に導くウェブサイト制作会社

業界10年間の歴史が支えるクリエイティブとマーケティング能力――コスモ・インタラクティブ

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

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

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

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

企業Webサイトはオワコンなのか？これからの10年を予測

企業Webサイトは、ユーザー変化、環境変化によって常に進化し続けている。過去・現在を振り返り、これからの未来10年を予測する。

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

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

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

成功するCMS導入の必須ノウハウ

Part 4　失敗しないCMS導入ワークフロー：詳細設計

1ページ目：Part 4　失敗しないCMS導入ワークフロー：詳細設計
2ページ目
3ページ目
4ページ目

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

titleタグ、metaタグおよびURLの構造 - 『検索エンジン最適化の初心者ガイド』改訂版#4-2

今回はtitleタグ、metaタグ、そしてURLの構造についてだ。

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

企画アイデアがざくざく生まれるUX発想シート＋UX的発想の超基本

UX的発想を体験し、新企画のアイデアを生み出していこう

1ページ目：企画アイデアがざくざく生まれるUX発想シート＋UX的発想の超基本
2ページ目：UXの超基本は5W1Hの想像力

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

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

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

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

Step 2-14 委託先の選定③契約書

Step 2-14で知ってほしいことは、契約書の種類や契約の際の注意ポイントを知ることです。

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

メディアサイトにおけるページ細切れ問題

社内サイトが部門ごとにバラバラ、必要な情報を得られない!? ─富士通の基盤再構築プロジェクト

再構築時の体制、コンセプト、苦労したポイントまでノウハウを公開！

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

はじめてのRFP――発注時に意思疎通をスムーズにする提案依頼書の作り方

Web担お悩み相談室

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

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

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

「WixはSEOが弱い」は昔の話！グーグルも認めた進化と、知識ゼロでもSEOできる3つの機能を大公開

グーグルも認めるほどSEOフレンドリーなプラットフォームへと進化している「Wix.com」。知識がなくてもSEO施策ができる3つの機能とは？

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

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

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

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

カインズ、サイボウズの人気オウンドメディア編集長に聞く！コンテンツのPDCAはどう回してる？

B2CとB2B、違う立場で成果を上げている人気オウンドメディア「となりのカインズさん」「メールワイズ式」の編集長2名に、どのようにPDCAを回しているか、A-canの白砂ゆき子氏が聞いた。

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

デジタルネイティブ世代に刺さるコンテンツはどう作る？三井住友海上のオウンドメディア「くるまも」担当者に聞いた

損害保険会社がなぜカーライフを打ち出すオウンドメディアを運営しているのか？運用目的や運用体制などについて、話をうかがった。

【グラフィック】よく聞く「見やすい」ってどんな状態？

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

Apple、Google、Microsoft、Adobeが共同開発したバリアブルフォントって何？

ひとつのフォントファイルで複数フォントが利用できるバリアブルフォント。まだ一部のフォントでしか利用できないが、一般化していく可能性があるのでチェック（第8回）。

ノーコードウェブ制作プラットフォーム「STUDIO」のプラグイン「Figma to STUDIO」を提供

STUDIO、デザインプラットフォーム「Figma」で作成したデータから容易にサイト公開が可能

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

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

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

デザイニングWebアクセシビリティ

現在地がわからないサイトを改善する2つのアプローチ

ナビゲーションとパンくずリストの組み合わせで現在地を表現しましょう

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

img（画像）には文字色を指定しよう（そう、文字の色を）

なぜ画像なのに「文字の色」を指定しなければいけないのでしょうか。

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

STUDIO導入・内製化で運用コストが40分の1に！パシフィコ横浜のWebサイトフルリニューアルの成果

「サステナブルウェブデザイン」を掲げ、たった4か月でサイトリニューアルを実施。コスト削減のほかに、問い合わせ件数88.7％減、CO2排出量も6.8トン削減。リニューアルの舞台裏を聞いた。

デザイニングWebアクセシビリティ

複雑な表が理解できないサイトを改善する5つの改善アプローチ

表を使うならシンプルな形のものにしましょう

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

金持ちは優遇するもの。学校では絶対に教えてくれない商売現場の真実

インタビュー

Webフォントとは使い方や「読み込みが重い？遅い？」に回答

Webフォントとは？に悩む方向けの情報。webfontは読み込みが遅い、重いと言われることがあるが現在ではそんなことはない。本記事ではフォントおじさんこと関口浩之さんが印象を与えるweb fontのメリットや実装方法、システムフォントとの違いもわかりやすく解説。また、ブランディング向上やサイトの世界観を文字で伝えるためのウェブフォント選びに困ったときに使えるランキングサイトも紹介する。

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

見積もりが高いといわれたら。Noという交渉術

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

貴様、名を名乗れでございます

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

UX指向アンケートでカスタマーエクスペリエンスを可視化するデータをサクッと集めよう

簡易的なカスタマージャーニーマップ作成を見据えたUXアンケートのコツをご紹介

デザイニングWebアクセシビリティ

カテゴリ名や構造がわかりづらいサイトを改善する3つのアプローチ

ユーザーが内容を想像できるカテゴリ名と、使い慣れた情報構造のパターンを採用しましょう

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

Figma×Googleが、デザイン人材育成をサポート！日本の小中高の学校に教育プログラムを無償提供

デジタル人材育成の裾野を広げていくFigma Japanを取材。学校に無償提供するねらいとは？そして大人は今、何をすればいいのか？

ページ

Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

[SILVER SPONSOR]

株式会社ミツエーリンクス Repro株式会社

[SPONSOR]

株式会社日本レジストリサービス株式会社キノトロープ株式会社サイズプライム・ストラテジー株式会社