非エンジニア、非デザイナーの僕でもできた、ランディングページのデザインと制作。第2回LeanLaunchPad第2回OB回オープンロジhttp://openlogi.comのランディングページを作成した際のデザイナーもエンジニアもいない中で制作した経験談をお話しました。

1. 非エンジニア非デザイナーでも
できた
ランディングページの制作
株式会社オープンロジ
代表取締役CEO 伊藤 秀嗣
http://openlogi.com
www.openlogi.com
第2回LeanLaunchPad OB会
プレゼン資料

2. www.openlogi.com
オープンロジの紹介
EC・通販事業者、メーカーや企業/店舗
または個人でも
!
物流のアウトソーシングサービス
です
!
最短2分でWEBから利用できる

3. 今日のタイトル
www.openlogi.com

4. 非エンジニア・非デザイナーの
!
僕でもできた！
!
ランディングページの制作
www.openlogi.com

5. VCに入社後、
すぐ創業メンバーとしてECベンチャー
に転籍
営業、マーケティング、事業開発業務に従事
直近のキャリアとしては営業部門のマネジャー
を経験し、
2013年末にオープンロジを設立
www.openlogi.com
経歴紹介！

6. WEBデザインも
システム開発も
経験ない。。。
www.openlogi.com

7. 改めてタイトル
www.openlogi.com

8. 非エンジニア・非デザイナーの
!
あなたもできる！
!
ランディングページの制作
www.openlogi.com

9. !
ランディングページ
をご覧ください
www.openlogi.com
http://openlogi.com

10. まず最初にやったこと
写真素材探し
www.openlogi.com
デザイン
研究１
2
3

11. １.研究
www.openlogi.com
国内外含め300サイト以上見ました。

12. ２.写真や素材探し
www.openlogi.com
5枚選ぶために
合計3万枚以上見ました。

13. 写真サイト
www.openlogi.com
・ iStock photo
・ image navi
・ PIXTA
・ amana images
・ payless image

14. アイコンの素材
www.openlogi.com
iconfinder.com

15. ３.デザインはCACOO
www.openlogi.com
・直感的な操作感
・色コードの指定ができる
・実際の画面サイズを設定
・簡単に共有できる

16. CACOOのデモ
ご覧ください
www.openlogi.com

17. デザインのコーディング…
www.openlogi.com

18. 結果として
クラウドワークスを利用しました。
www.openlogi.com
４万円∼１５万円まで
幅広い提案を頂きました。

19. 評価軸
www.openlogi.com
・価格
!
・修正更新どうしよう・・・

20. www.openlogi.com
・最安の４万円の提案を採用！
!
・修正メンテが自分でもできる！

21. www.openlogi.com
その理由は・・・

22. www.openlogi.com
Adove Muse

23. Adove Museのデモ
ご覧ください
www.openlogi.com

24. www.openlogi.com
ランディングページにかかった費用
!
CACOO ５千円
写真素材 ６万円
クラウドワークス ４万円
労力時間（汗） ０円
合計 １０万５千円

25. www.openlogi.com
Tips
!
カラーコード知りたい
!
フォントの種類とサイズ知りたい

26. www.openlogi.com
カラーコード知りたい
!
・iromiru
!
・Photoshop

27. www.openlogi.com
フォントの種類とサイズ
!
・Chromeの拡張機能
→what font

28. www.openlogi.com
参考になった
と思ったら
http://openlogi.com
を「いいね」お願いしますー
!
＆気軽に連絡ください

29. 以上になります。
!
ありがとうございました。
www.openlogi.com
株式会社オープンロジ
代表取締役CEO 伊藤 秀嗣