menu
閉じる
  1. 【デザインとは?デザイナーとは?】
  2. 徹底的にモデリングする「TTM」
  3. 読んでもらいたいブログ3選
  4. 【秘密】企業への裏口就職の仕方
  5. ポートフォリオ作成の極意
  6. 【GGRKS】参考デザインはこう探せ
  7. 初めてのデザインの仕事
  8. デザイナーは商売道具にコダワレ!
  9. デザイナーの「5ステージ」
  10. ​​もうフォロー済みですか? 見るだけでもWEBデザインについて学べる…
閉じる
閉じる
  1. 15年ぶりのタイで思うこと・・
  2. 読書の春
  3. 7つの質問シェアします。
  4. WBAスクールの講師
  5. 3月12日バナーコンテスト結果発表
  6. 【大募集】新たな試みが始まります
  7. ヒアリングで大事なこと
  8. デザイナーの言葉の選び方。
  9. 3億分の1の競争率をくぐり抜けた私たち。
  10. 1分で曲作ってみました!
閉じる

ぬるま湯デザイン塾 – 公式ブログ

ランディングページの納品

From:ドラゴン★尾上
神田の新オフィスより、、、

こんばんは。
ども、尾上です。^^

いよいよ今週は、
ぬるま湯サミット!

久しぶりの大規模会場での
オフラインセミナー。

ワクワクしています♪

当日、あなたにお会いできるのを
楽しみにしています。^^

ということで、
前回に引き続き、
今回のテーマは、

「ランディングページの納品」

というテーマでお話をしていきます。

もう分かってますよね。

最初に結論から話をすると、、、
クライアントからの指示に準ずる

クライアントとの
二人三脚で進めていくもの。
というのが大前提。

ですが、
これまでに尾上が経験してきた納品形態を
ざっと紹介したいと思います。

いきなりクラアイントから
謎指示もらってあたふたする前に、
予備知識として持っておきましょう。

まず初めに納品前の進め方

基本的な進め方として、
デザイナーが所有している
サーバー・ドメインに仮アップロードして
URL共有して確認依頼しながら進めていくのがオススメ。

画像とWEB上って見た時の印象が違う。
ファーストビュー範囲にどこまでの情報が入るとか。
最終完成イメージに近ければ近いほど良いです。

大抵の場合、鼻からサーバー&ドメイン情報
これってもらえていないことが多い。

共有を待っている間が無駄
もしくは取得依頼している間が無駄
なので自分の所にパスワードかけてUP共有します。

納品形態は大きく3種類

①HTML一式ファイル納品(法人で多い)

②代理アップロード(個人で多い)

③WP納品(イレギュラー)

一つずつ簡単に
説明していくと、、、

①HTML一式ファイル納品(法人で多い)

コーディングしたデータ一式を
ZIP圧縮してクライアントに共有して納品します。

ファイル構成の基本は、
・index.html
・imgフォルダ(画像置き場)
・cssフォルダ(スタイルシート置き場)style.cssなど

その他、動的なスクリプトを別途使用している場合には、
jsフォルダなども一緒にまとめて共有します。

クライアント側で自社サーバーにアップロードしてもらうので、
WEB担当の専任スタッフが居る場合が多いです。

デザイナー側としてはファイル納品が一番安全です。
クライアントの機密情報であるサーバードメイン情報をもらわなくて良いし、
間違って削除や上書きをすることもありません。

結局は手作業なので、初心者だろうが玄人だろうが、
そのうち人為的ミスを起こします。

②代理アップロード(個人で多い)

HTMLもらってもコレどうしたら良いの?
ってクライアント向けです。

サーバードメイン情報をもらってから
指定してもらったURLになるように
代理でファイルをアップロードします。

アップロード=納品

ただし、危険度が高いので要注意。
サーバードメイン情報を掌握するってことは、
何でもできちゃうってこと。

間違ってクライアントの
全サイトを消去しちゃうなんてことも
過去ありました(笑。えない。

取扱注意です。

そして納品URLとしてよくあるパターンは、
公式サイトのサブディレクトリ階層へのアップロード。

▼公式サイトがこれだとしたら
https://l-works.design/

▼設置場所は以下のようなイメージ
https://l-works.design/seminar/

セミナー募集だったら「seminar」
採用ページだったら「recruit」
イベントページだったら「event」

のように名付けていくことが多い。
注意は半角英数字。

そして、何のページなのか
意味ががわかるように英語記載。

たまに見る恥ずかしいネーミングは、、、
/saiyou/
/moushikomi/
とか日本語をローマ字で記述しているもの・・・

orderとかもっとスマートな
書き方があるでしょ。

英検3級を取得した成果が
WEB業界で役に立ってます(笑

HTMLって中学生英語ベースでの記述なので、
URLも英語ベースで記述してあげるとスマート。

③WP納品(イレギュラー)

マニアックな例で、
WordPressで納品して下さい。
こんな要望もたまにあります。

これのメリットは、

・クライアントが自分で編集しやすくて

・金太郎飴のようにテンプレート化して
LPを大量生産したい時に重宝

します。

修正をいちいちデザイナーに依頼するのも、、、
時間もかかるし、お金もかかる。

なんて場合に最大のメリット。

デメリットはWPの初期セットアップから
テーマ選定から慣れないテーマの解読。。。

経験あればそうでもないけど、
慣れていないと、、、、
HTMLより何倍も時間がかかります。

逆に、慣れてしまえば、
HTMLコードをあまり書かなくて良いので、
尾上はWPのLP制作も得意です。

尾上は1つのWordPressサイトで
固定ページのみでLPを1700サイト以上展開している
マンモスサイトも作っています。

こういった大量生産に
WordPressって効果的な使い方ですね。

デメリットはHTMLと違って
一つ一つのLPの自由度が少なくなること。

とは言え、作り手次第で工夫はできる。

1700LPって他には
なかなか聞いたこと無いですね。

データ共有の仕方について

ココナラなどのプラットフォームを使う場合、
トークルームにて添付・提出することで納品しますが。

一般的には、圧縮ファイルを
オンラインストレージで送付します。

オススメは、GigaFile(ギガファイル)便。
ファイルの保存期限も選べて、
1ファイル200Gまで、個数無制限。

さらにドラッグ&ドロップでラクチン。
https://gigafile.nu/

後はURLをクライアントに渡すだけです。

これだけはやめて欲しいこと

例えば、メールやチャットワークなどで
大容量のファイルを直接添付。

ストレージ領域をめっちゃ使うので、
すぐに容量オーバーでパンクしてしまいます。

最悪の場合、送受信エラー。
追加有料プランへの変更が必要になったり、、、
メリットはありません。

後はZIPファイルなどにまとめずに、
何個も何個もファイルを送信したりする行為。

過去に80個以上のファイルを別々に
送られてきた時には流石にブチ切れました(笑

受け取る側はダウンロードするのが面倒です・・・

ということで、
ざっくり違いや注意点を
説明してきました。

こまい事を言うといくらでもあるのだけど、
今回は簡単にポイントだけまとめてみました。

今回紹介した内容での納品方法を知っていれば、
98%以上の納品には対応できるはず。

それでは、
このゆるいブログの中からでも
一つでもまた気づきや発見があれば幸いです。^^

チャオ!

PS:

いま週末のセミナー内容を考えています。^^

サミットでは合法的に稼ぐ非常識な方法を
お伝えしようと思っているので、
ここでしか語らない話。

ぜひあなたにも聞いて欲しい(笑

↓まだ参加申し込みしていない人はコチラから↓

※残席2席です。
さっき見たら既に満席状態でした・・・

関連記事

  1. 「仕事ができる人」になりたいですか?

  2. TTMの失敗例?

  3. 7つの質問シェアします。

  4. ぬるま湯サミット2023募集開始!

  5. 【冬休みの宿題】あなたにやって欲しい特別課題

  6. 【緊急告知】大阪サミット4/6

おすすめ記事

  1. ​​もうフォロー済みですか? 見るだけでもWEBデザインについて学べる! 【ぬるま湯デザイン塾公式インスタグラムについて】
  2. 【関西の塾生・卒業生の皆様へ】6月17日(土)大阪リアル勉強会参加者募集!chatGPT講座も追加!!
  3. 【デザインとは?デザイナーとは?】
  4. 読んでもらいたいブログ3選
  5. 【GGRKS】参考デザインはこう探せ

コメント

    • umi
    • 2022年 1月 25日

    いつも教えてほしい情報をありがとうございます!
    LP制作の2回目の納品が終わり、
    どちらも、今あるWPの固定ページに
    LPを作ってください。といったご依頼で、ログイン情報を教えていただいて制作しました。WPは固定ページのみで1700サイトもLP制作できるのですね。
    今回のぬるま湯サミットへは参加できずに、とても
    残念です。次はぜひ参加させていただきたいと思っています。

      • ドラゴン★ 尾上
      • 2022年 1月 26日

      umiさん
      チャオ!

      コメントありがとうございます。^^

      着実に一歩一歩
      実務経験を増やしていますね♪

      WPでのLP制作の真骨頂は大量生産!
      1000サイトだろうが、
      10000サイトだろうがページ作成出来ますよ。

      ただし、管理画面の読み込み速度は
      徐々に遅くなっていきます(笑

      サミットは年に一度なので、
      別のイベントの際にはぜひよろしくお願いします♪

    • 神並梢
    • 2022年 1月 25日

    尾上先生いつもありがとうございます。
    LP納品形式役立ちます。

    LP制作のコーディング問い合わせが増えてますが、十人十色で様々すぎて。。。

    週末セミナー楽しみにしています。
    よろしくお願いします。

      • ドラゴン★ 尾上
      • 2022年 1月 26日

      神並さん
      チャオ!

      コメントありがとうございます。^^

      やればやるほど十人十色。
      リピート客がついてきたらクライアントの
      取捨選択もしていきましょう・・・(笑

      サミットは楽しみにしています♪

    • ちいさいゆき
    • 2022年 1月 24日

    過去に読んで欲しいブログの中で
    ディスクトップの方がいいと言うのを読んだのですが
    ノートパソコンを買ってしまいました。
    無料コンサルできいた条件は揃っているのですが。。

      • ドラゴン★ 尾上
      • 2022年 1月 26日

      ゆきさん
      チャオ!

      コメントありがとうございます。^^

      スペックを満たしているのであれば
      ノートパソコンでも学習自体は問題ありません。

      ただし、長い目で見たら
      ノートパソコンでの限界が来るので、
      デスクトップも検討してみてください。

      まずはモニターの増設から!
      学習効率も稼ぎも変わってきますよ♪

  1. この記事へのトラックバックはありません。

【コメントの際の注意点】
コメント欄は、メルマガに関することであったり、同志との交流の場としてお使い下さい。ただし、明らかな荒らし目的のコメント、過度な誹謗中傷、長文すぎるコメント、URL、リンク付きのコメントは削除対象となります。


1986年生まれ。茨城出身。7歳の時に父親の会社が倒産し、借金地獄のホームレスとなる。
その後、祖父母に引き取られ12歳の時にWindowsパソコンをイチから組み立て、WEBサイト制作を独学で始める。
16歳から印刷業界を経験し、その後WEB業界に転身。WEBマーケティングを実践で学び、反応率にフォーカスした売上重視のデザインを得意とする。
2020年にデザイン塾を創業し、世界23ヵ国、延べ64,000人にデザインセミナーや講座を開催。
2022年には熊本県熊本市と立地協定を締結し、地方創成プロジェクト開始。
2023年からは法務省の委託事業として、全国少年院の職業訓練として民間初となるWEB制作講座を開始し、子供たちの社会復帰支援にも尽力している。

ぬるま湯のご質問はお気軽にLINEから


友だち追加

ピックアップ記事

  1. 日々の学習お疲れ様です^^エキスパート講師の森田です。皆さまにお知らせがあります!!…
  2. 大阪リアル勉強会
    皆さん、こんにちは!エキスパート講師の小西です。梅雨明けが待ち遠しい今日この頃、むし…
  3. みなさんこんばんは。クリエイティブディレクターのJUNPEIです。今日は「デザインとは?…
  4. From:ドラゴン★尾上神田のオフィスより、、、こんにちは。ども、尾上です。^^…
  5. From:ドラゴン★尾上神田のオフィスより、、、こんにちは。ども、尾上です。^^…
  6. From:ドラゴン★尾上秋葉原の自宅より、、、こんにちは。ども、尾上です。^^…
  7. From:ドラゴン★尾上秋葉原の自宅より、、、こんにちは。ども、尾上です。^^…

イベント

  1. 【号外】ぬるま湯デザイン合宿 in 熱海開催
ページ上部へ戻る