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

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

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

ページ

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

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

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

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

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

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

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

最低限おさえておくべき「プライバシーポリシー」のポイント（前編）

「プライバシー」とは何か、対象となるのはどんな項目か、などを解説

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

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

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

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

教祖に群がるビジネスモデル。インフォプレナーという甘い誘惑

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

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

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

【レポート】アナリティクスサミット2019

データ分析者を社内で増やすには？メルカリから学ぶ「ゆるふわBI」の取り組み

「意思決定者と比較してアナリストの数が少ない」という課題をデータ分析民主化で解決する

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

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

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

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

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

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

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

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

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

ユーザー視点のウェブデザインガイド

第0回　その気になった客を逃さないフォーム設計術

1ページ目：第0回　その気になった客を逃さないフォーム設計術
2ページ目：解決！問題だらけのフォーム設計
3ページ目：エラー画面にもユーザビリティーを
4ページ目：良いサイトに学ぶユーザビリティーの高いフォーム

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

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

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

【Webサイト企画-ユーザーに適切な情報を届けるために】LATCH法を使った情報整理

タンスの中身からビッグデータを取り扱うデータベースの整理まで、LATCH法を使うとあらゆる情報を分類・組織立てることができます

【漫画制作に欠かせないポイント】大ヒットアニメ映画の共通点！

様々なコンテンツの中でも、今注目を集めている漫画について考察してみたと思います！

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

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

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

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

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

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

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

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

Step 2-3 調査・分析手法（サイト/ユーザーニーズ）

2-3で知ってほしいことは、「サイト調査」「ユーザーニーズ調査」の必要性と主な手法です。

RIAシステム構築ガイド Essential 2007

詳細画面遷移図と最終画面／RIAシステム構築ガイド #16

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

Step 2-12 委託先の選定①RFPとコンペ

Step 2-12で知ってほしいことは、RFP・コンペの概要と注意ポイントを知ることです。

各社の事例でわかるオウンドメディア運営の「企画」「構築」「成果」ノウハウ

「適当に取材して一丁あがり！」なんて考えてないよな？オウンドメディアの取材記事は事前準備が9割【前編】

成功する取材と失敗する取材の違いとは？中山氏と鈴木（アミケン）氏が取材のノウハウについて語り合った。前編は事前準備と当日の心構えについて。

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

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

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

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

Step 2-4 Web戦略書の作成（KGI・KPI等）

Step 2-4で知ってほしいことは、Web戦略書には目的・KGI・KPI、ユーザーシナリオ等を記し、メンバーで共有することです。

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

「Figma to STUDIO」正式版をローンチ！ベータ版から追加された2つの機能とは？

「Figma to STUDIO Launch Party」のイベントレポート。ベータ版との違いや開発秘話、今後の展望について解説した。

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

Web経由の申し込みが対比125%、スカパー！公式サイトリニューアルでCX改善「番組探しも面白い」

スカパー！公式サイトが2022年7月にリニューアルした。2年以上にわたる大規模プロジェクトをどう進めて、Webサイトはどう変わったのか。スカパーJSATと電通デジタルに話を聞いた。

HTML5完全読本―実践テクニックとWebデザインの最新動向

必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1

あらためてHTML5の特徴と新たに追加された機能についておさらいする

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

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

NTTタウンページがSEOに強いホームページ作成サービス「Digital Lead」を提供開始

「Digital Lead Powered by AndValue」、SEO対策のアンドバリューとの共同ブランド

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

没入感や臨場感をWebサイトで表現するのに役立つヒーロームービーとは？

ページが読み込まれると、全画面で動画が自動再生されるヒーロームービーを採用するWebサイトでは、被写体の持つ雰囲気や情緒をユーザーに届けられる（第6回）。

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

Step 3-2 ドキュメント上の「システム構成」を読み解く

Step 3-2で知ってほしいことは、要件定義書等ドキュメントに記してある「システム構成」が何となくわかることです。

Web担お悩み相談室

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

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

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

Step 1-1 ビジネスとWebサイトの目的

1-1で知ってほしいことは、担当するWebサイトのビジネス上の役割を明確にすることが大切だということです。

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

サイト表示が2秒遅いだけで直帰率は50％増加！　DeNA事例から学ぶWebの自動最適化手法／日本ラドウェア

わずか数秒のパフォーマンスの違いが、直帰率やコンバージョン率に跳ね返る。

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

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

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

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

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

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

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

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

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

マツケンコラボのグランバザールが大反響！パルコの「クリエイティブ制作」の裏側を聞いた

枠にハマらない多彩な表現をするパルコ。2024年1月には“マツケン”こと俳優・松平健さんを起用したクリエイティブが話題に。どのように制作されたのか、その裏側を聞いた。

インタビュー

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

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

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

入社者の認知率100％を達成！ DeNA採用オウンドメディア担当者が明かした、意外なアナログPR施策とは？

成功している採用系オウンドメディアには、どのような秘訣があるのか？DeNAの採用オウンドメディア「フルスイング」の運営を担当する風早亮氏、榮田佳織氏にお話をうかがった。

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

企業ミッションに基づいたシマノのオウンドメディア戦略とは？

企業理念に沿ったオウンドメディアを継続する秘訣は何か？自転車部品メーカー・シマノの「Cyclingood」の運営を担当する阿部竜士氏、鈴木迪子氏にお話をうかがった。

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

開発不要でWebサイトを多言語化＆海外SEOにも対応「WOVN.io」、どんなツール？【イベントレポ】

Webサイトの多言語化ツールを提供しているWovn Technologiesがカンファレンスを開催。イベントをレポートする。

アドビが「Adobe Photoshop」に生成AIで「ジェネレーティブ塗りつぶし」機能を搭載

生成AI「Adobe Firefly」に機能追加、画像に拡張やオブジェクトの追加・削除が可能に

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

これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様

autocomplete属性に関する新しい仕様です。

Adobeが画像生成AI「Adobe Firefly」の商用利用を可能に、ウェブ版の一般提供を開始

β版を終了、各種ソフトのAdobe Firefly搭載機能は「Adobe Creative Cloud」に統合

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

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

.com でドメイン名を取得することのメリットとデメリット

ランディングページなどマーケティング用ウェブページで .com でドメイン名を取得することのメリットとデメリットについて説明します。

「Wix Studio」にビジュアルサイトマップとワイヤーフレームの自動生成AIツール搭載

Wix.com、広告代理店やWeb制作会社、デザイナーのサイトの制作のプロセスを効率化

目的に合ったウェブページをAIが生成する「ペライチクリエイトアシスタント」を提供

ペライチ、参考にしたいウェブサイトのURLを入力するとページ構成やデザインを提案

モリサワがフォントサブスクサービス「Morisawa Fonts」の「Webフォント」の機能を拡充

手軽に導入できる新プラン「Webフォント Lite」も開始、月契約が選択可能に、書体も増加

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

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

各社の事例でわかるオウンドメディア運営の「企画」「構築」「成果」ノウハウ

歴戦のプロ編集者が語る、インタビューで本音を引き出す相づち・会話のテクニックとは？【後編】

インタビューで本音を引き出せるかは取材者の技量にかかっている。多くの取材をこなす中山氏と鈴木（アミケン）氏が心がけていることとは？

ページ

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

[SILVER SPONSOR]

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

[SPONSOR]

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