その1:ランランランLanding Pagesを作ろう!簡単でかっこいいアマチュア向けのランディングページの作り方!

おすすめ記事ピックアップ

アマチュアとプロの差は何かご存知ですか。そうです。アマチュアは自己満足で終わること。プロは相手に満足してもらうことが、大きな違いなんです。アマチュアで終わるかプロになれるか、その気持が大切で・・・・・。

あーそうそう、それそれと、わかってはいますけど、アマチュアの自己満足の楽しさは、気持ちがいいものです。バッバっと作って、おお!(感嘆符)。ふっふふ、いいものができてしまった!って、そういうのも大切ですよね。

今日は、アマチュア向けのランディングページの作り方をご紹介します。HTMLとCSSとサーバの知識はちょっぴり必要です。HTMLとCSSは読めて少し加工できればOKです。サーバはFTPでファイルをアップできれば十分です。

さて実例の紹介です。こちらが1日で作成したアマチュアによる自己満足の「ランディングページ」です。どうでしょう、クールでかっこいいでしょう。スクロールに動くナビゲーションバー、画像がフワッとできる仕組みなど。いいかんじです。


プロ目線&上から目線で冷静に分析すれば、最初に表示されるキャッチで動画を見させるなんてもってのほかです。10秒で8割が離脱するのに、そこへ動画を持ってくるなんてクズです。そしてスクロールすると、特長と説明が出てくるのですが、字がちっちぇー。見づらいー。なんて許せません。そして色が薄くて読みづらい。ランディングってユーザーを離陸させることじゃないのですよ。と言いたくなります。ははは。


あと下までひっぱておいて、商品の紹介とオススメが、超ざっくりなんですけどもー。なんかもっとこれだからオススメ、こういうメリットがあります。絶対効果がある!そういった押し売り的な強引さが、はなから抜けていますけどもー。知りたい人はググレと言わんばかりです。


はい。アマチュア目線に戻りたいと思います。もちろん素材は使い回しですが、サイトを制作するのに、思いついてから1日ぐらいしか時間を掛けていません。8時間程度でしょうか。それでも、なんかカッコイイサイトになっているとおもいませんか。細かいことはいいんです。

なんか見た目がかっこよくて、HTML5みたいな。CSS3みたいな。スークリプトジャバみたいな。左右が自動で可変するデザインみたいな。クールでお金かけて作ったでしょう感が、制作していて気持ちが良いです。そして作ったらパッと手を話してしまいます。ははは。

1日で作成する簡単でかっこいいアマチュア向けのランディングページの作り方!次回へ続きます。前置きが長くなり、時間切れになりました。ごめんない。

ざっと全体の流れですが、海外テンプレートの入手、日本語化カスタマイズ方法、サーバーへアップ公開、こんな感じで説明してゆきます。今回は前置きのみです。

きっと次回へ続く




いいね!と思ったらお願いします。


名前

AddToAny adsence adwords Amazon AmazonFBA Calculator Analytics Blogger BMAG chrome CODEPREP Eclipse envato facebook FAQ feedly Font Awesome Geek Press Gifzo Illustrator kindle LinkWithin Logaster myfonts NAVER Photoshop PHP picasa Premiere Similarweb TOPSY tumblr Wordpress wpX XAMPP zenback ウェブマスターツール ウハウハモウケタイ カスタマイズ ゲストシリーズ ココナラ サイト制作 ドメイン はじめに プレスリリース プレスリリース作成 プレスリリース利点 まとめ ランディングページ リリース送付先の見つけ方 レビュー 考察 子孫セレクタ 思いつきサイト制作 書評 足成 台湾 通販 日記 忍者おまとめボタン 文章の基本
false
ltr
item
ふりむけばコウホウ : その1:ランランランLanding Pagesを作ろう!簡単でかっこいいアマチュア向けのランディングページの作り方!
その1:ランランランLanding Pagesを作ろう!簡単でかっこいいアマチュア向けのランディングページの作り方!
アマチュアとプロの差は何かご存知ですか。そうです。アマチュアは自己満足で終わること。プロは相手に満足してもらうことが、大きな違いなんです。アマチュアで終わるかプロになれるか、その気持が大切で・・・・・。
http://4.bp.blogspot.com/-ThKhP8y6PFc/UcMUpLxQLKI/AAAAAAAAKi0/EML4Sv23qto/s640/%E3%83%97%E3%83%AC%E3%82%AF%E3%82%B9%E3%82%BF%E3%83%BC%EF%BC%88PLEXTOR%EF%BC%89%E3%81%AE%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1SSD%E3%81%AF%E3%81%93%E3%82%8C%E3%81%A0%EF%BC%81.jpg
http://4.bp.blogspot.com/-ThKhP8y6PFc/UcMUpLxQLKI/AAAAAAAAKi0/EML4Sv23qto/s72-c/%E3%83%97%E3%83%AC%E3%82%AF%E3%82%B9%E3%82%BF%E3%83%BC%EF%BC%88PLEXTOR%EF%BC%89%E3%81%AE%E3%82%AA%E3%82%B9%E3%82%B9%E3%83%A1SSD%E3%81%AF%E3%81%93%E3%82%8C%E3%81%A0%EF%BC%81.jpg
ふりむけばコウホウ
http://www.furimuke.com/2013/06/1landing-pages.html
http://www.furimuke.com/
http://www.furimuke.com/
http://www.furimuke.com/2013/06/1landing-pages.html
true
8618648785166852656
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All 関連記事:もっと見るはクリック→ LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy