セカンドメインについて
セカンドメイン画像は名前の通り”2つ目”のメイン画像で、「誰に」「何を」伝えるのかを、明確にする必要があります。
しっかりとしたキャッチコピーで訴求します。基本リンクあり。
※”セカンド”メインはメイン画像下に置くものなので、中ページに流用することは禁止※
【セカンドメイン画像が効果的である実績】
https://www.azono-miraio.com/
https://www.yamamomo2012.com/
https://www.yusin2019.com/
気になるところクリックイラストについて
先行について
ルール
プラン問わず、デザイン依頼前、記事入れの段階でリンク先になるブロックを積んでください。
アンカーリンクになる為、１リンク先１ブロックでお願いします。
※内部記事へはリンクを飛ばせないので禁止※
赤枠の部分が１つのブロックです。タイトルの下にある英語の羅列がブロックIDです。
ブロックIDがついている ＝１ブロック です。
例）上部にある画像でいうと、施工実績ページに「サッシ」「エアコン」「クロス」などの記事をAブロックまたはBブロックで積んでいくイメージです。
ディレクター→デザイナー
また、あくまでもベースは”デザインブロック”で数にカウントし、GOLDであれば基本工数の9つのデザインブロックにもこのブロックも含む認識で問題ありません。
パターン①
ONEで2つデザインブロックを使用し、そのうち1つを多リンクブロックとする
↓
・デザインブロック／１点×2
・デザインブロックコーディング／１点×1
・多リンクブロック・コーディング／１点×1
パターン②
GOLDで基本工数9つのデザインブロックと別でもう一つ多リンクブロックが必要な場合
・デザインブロック／１点×1
・多リンクブロック・コーディング／１点×1
※デザインブロック×9、デザインブロックコーディング×9は基本工数のため。
※9つのうち1つ多リンクブロックがある場合は、多リンクブロック・コーディング／１点×1のみ。
<注意事項>
撮影のないスタンダードONE案件等はリンク先となるブロックが本アップ時にはわからないので、
予めブロックのみ管理画面で積んでおいていただけると互いにスムーズになるので協力お願いします。
GOLD(LP)はデザイン依頼で的確なWFが制作できると思うので、リンク先ブロックを記載しておいください。
※記事登録は、PCとSP分けてブロックを用意しているので後から変更する際などは注意※
基本的には本アップ時にまとめてコーダーで実施したほうが効率的なので、なおさら記事ブロックは用意！
デザイン注意点
1300以下のサイズで収まるよう制作（レスポンシブしない）
各バナー
パララックスについての注意点
ハーフ/大バナーについて
基本工数のハーフバナーをレスポンシブハーフバナー、
基本工数の大バナーをレスポンシブバナー・パララックス大バナーへ変更可能です。
また、追加発注も仕様は選択できます。
3連バナー
3連バナーについて
3連バナーはバナー1つでの名称が「3連バナー」です。
なので、上記の3連バナー①～③で「3連バナー×3」とカウントします。
なので、3連バナー2-①～2-④は「3連バナー×4」となります。
【3連バナー実績】
https://www.atai-boueki.com/
トップページ 取扱品目～お問い合わせ 3連バナー×12
無料外部リンクバナー
無料外部リンクバナーについて
サイドバナーを含み、追加の工数無しで制作可能。
上記に取り上げているSNS及び外部リンクサイト（SNSと呼ぶものではない）ものをまとめて、「無料外部リンクバナー」とまとめます。
動画バナーについて
通常のバナーと異なり、背景が動画のバナーです。
基本的に動画を流しているデザインで、上に文言を重ねる形のバナー。
※ただし、受注額150万円以上案件のみでディレクター上長許可の上で制作可能です。
コンテンツ画像
コンテンツ画像とは
・一枚画である
・たらたらとした説明（文章）はないもの
・あくまで記事の補足であること
・ギミックはない、動かない ＝ギミック付きのコンテンツ画像とかはあり得ない
⇒デザインブロックとの使い分けを明確にする
コンテンツ画像の例と注意点
LPサイトで良く用いられる「悩み」リスト
※コンテンツ画像なので説明まで全て画像です。
※コンテンツ画像なので説明まで全て画像です。
よくある対応エリアのMAPです。
動画プラン定義
動画A＞有限会社中村工業
動画B＞株式会社井之上工業
動画C＞ヒフミ産業
動画F＞エスロジ
動画プランの定義
●動画A
トランジションやエフェクト、モーションロゴは無く映像を繋げたもの。
キャッチは動く。動画尺は30以上～60秒以内。
素材動画は3つ購入可（新規の場合）、既に購入済みの動画素材はいくつ使用してもOK。
●動画B
トランジションやエフェクト、モーションロゴを使用した動画。
キャッチは動く。動画尺は30以上～60秒以内。
※イラストを動かす構成となった場合は、動画Cとなる
素材動画は3つ購入可（新規の場合）、既に購入済みの動画素材はいくつ使用してもOK。
●動画C（動画デザイン￥27,000に＋20,000 / 営業請求）
素材のイラストを用いる必要があり、イラストを動かして制作する動画。
トランジション、エフェクト、モーションロゴも可。
キャッチは動く。動画尺は30以上～60秒以内。
●動画F（無償プラン）
※全素材画像制作になりえる案件（軽配送など）に積極的に素材動画を取り入れ、ディレクター判断で確定するもの
素材の動画を繋げるのみで、キャッチは動かず常に固定。
素材動画は2つ購入可（新規の場合）、既に購入済みの動画素材はいくつ使用してもOK。
購入済動画→ http://easys.jp/picture/archives/category/move（easys / picture）
動画尺は20～30秒程。
動画C パターン①
上記のヒフミ産業様やhttps://www.sun-right.co.jp/ 、https://www.w-line2022.com/ のように、
ストーリー性のあるアニメーションは詳細の指示が必要なので下記の画コンテもともに提出する。
★画コンテ例
案件：有限会社シティーカーゴ
動画C パターン②
https://www.nishikawakogyo2021.com/
のように「場面の切り替えは無く人物などがリピートで細かい動きのあるもの」に関しては、動きの参考となる動画やその動きの明確な指示を記載する。
画像を参考に、詳細な指示を記載。（修正がかなり時間を要するため）
数字で見るランダム変数
【2026/02/05 部門間で決定】
全共通事項
可変：数字のみ
記事の文章部分：画像化
項目数：項目が多すぎるとうるさいため最大約9つを目安
●ブロック
Bブロック使用
デザインブロックの範疇を超えるためDBブロックでは不可
別途コーダー工数が発生します。
●フォント
フォントによって幅が変わりデザインからはみ出るため、
Googleフォントの等幅フォント（Monospace）を指定してください。
https://fonts.google.com/?classification=Monospace
●数字で見るの注意点
・文字幅の影響を避けるため単位は書き出しに含めない
※単位はCSSで設定
●ランダム数字の注意点
2パターンあり
①英数字ランダム
11.1 → XXXX になる可能性があり、文字幅によりデザインからはみ出ることがある
②0 → 特定の数字までのカウントアップ
0→1 と 0→2024 が同じ速度でカウントされるため、見た目の速さが異なる
●参考サイト
株式会社杉原組
https://www.sugiharagumi.com/number
株式会社太田電工社
https://www.otadenko.co.jp/recruit/data
株式会社アスピレーション
https://www.aspiration2013-2.com
創業年数
53
取引先
30
協力業者
30
有給消化
80
平均勤続年数
13
平均残業
3
平均年齢
39
男女比
84
16
リニューアル案件 EC移管について
2021年頃以前のEC付き顧客案件でのリニューアルは、最新のEC（4系）への移設が必要となる。
※旧EC(2系)は/shop、4系はshop.ドメインで構築（左図は2系）
サイト側のIPアップと合わせて、ECの移設作業が必要なためフローは下記
①ラフ制作
↓
②IPアップ＆EC移設
↓※このタイミングでECを停止する必要があり、ECは閲覧不可になる
③DNS切替
↓
④納品
例）11/29納品 11/26～27EC停止、11/28DNS切替
ECが一時的に停止するのでその事情をお客様へも共有する。
環境依存文字について
下記は対応できない可能性が高いです。
1. 絵文字・特殊記号
- 🉑🈚🈯 などの「日本の携帯キャリア依存の絵文字」
- ❀✿✧ などの特殊装飾記号
- Ⓐⓑⓒ（囲み英字）や ㊤㊥㊦（囲み漢字）
2. JIS外の漢字
- JIS X 0213 に含まれない人名用漢字や異体字（𠮷、髙、﨑 など）
- 古い字体（龍 vs. 竜、辨 vs. 弁 など）
3. 特殊な合字（リガチャ）
- アラビア語の一部のリガチャ（ﻻ, ﻷ など）
- 特定のデザインフォントでの装飾文字
4. 特殊なスクリプト
- 一部の未対応の言語文字（例: 古代文字や一部のアフリカ・インド系文字）
※特に2．は対処が必要なため、該当の案件があれば制作サイドへ相談。
見出しチェック（以下デザイナー用）
H2見出し
H3見出し
H3見出し（read moreボタン付き）
H3見出し（詳細ブロックなどでテキストリンクがつく場合）
H4見出し
H4見出し（read moreボタン付き）
