見出し画像

デザイナーが急ぎで用意する「予約フォーム」

2020年10月17日(土)に開催されたオンラインイベント「ゆるデザトーク」で登壇した資料を共有させていただきます...!

(とりあえず一旦登壇資料をペッて貼っているだけなので、徐々に追記していきます。)

自己紹介

画像1

画像2

ウェブ・UIデザイナーとして働いているつついと申します。

画像3

プライベートで、作業用のお供になるPodcastを配信しています
「ながらラジオ」20代社会人5名で週一配信中


本日の目次

画像4


新規事業における予約フォームの重要性

画像5

画像6

画像7

画像27

画像8

Eric Ries “Lean Startup”

リーンスタートアップ、ぜひ読んでみてください

画像9

今となっては世界一のなんでも屋さんになっているAmazonも、最初は予約フォーム付きLPで「本の通販」の需要検証から始めていたようです。

画像10

リーンスタートアップの頻出事例、
今となってはユニコーン企業となった「Door Dash」

こちらは予約フォームではありませんでしたが、電話番号を記載したLPでフードデリバリーの需要検証からスタートしています。

田所 雅之「起業の科学」 / Startup science 2018 8 MVPを構築する

画像11


予約フォーム制作の要件あるある

画像12

画像13

※主観です

画像15


画像17


デザイナー向け予約フォーム作成ツール

画像18

画像19

標準実装されているバリデーションメッセージも含め、HTML&CSSでデザインをフルカスタマイズできる所が魅力のフォーム作成ツールです。

HTML側のform内のaction属性に、formrun側で作成したフォームのaction属性を入れてあげて、リリースするURLを設定すればそれだけで機能します。

画像20

ベンチャー多めです。大企業なら自前でしっかりした予約システムをつくっていることでしょう

画像21

無料で使えるプランからあるので試してみてください

画像22

画像23

※2020年9月時点で、Facebook広告(Instagramを含む)から流入してきたユーザーがformrunのフォームを送信した際に、入力内容が消えてfbclgd(Facebookのパラメータ)だけが送信されるという事象が発生していたので、FB広告で集客される際は十分ご注意ください

画像24

工数も予算も確保できない場合のPlanBはやっぱりGoogle Form

画像25

Email Notifications for Google Forms

1日あたりの送信可能メール数にはご注意ください。


本日のまとめ

画像26

以上となります!


お気軽に絡んでください🙇‍♂️

つつい@鎌倉デザイナ
Twitter https://twitter.com/web_tsutsui


ながらラジオ

YouTube
https://www.youtube.com/channel/UCkLmckdjTxooNYHuhy2Px8A
Spotify
https://open.spotify.com/show/0fiG1tqzJpaEsGPzA1w1IV?si=Ox0kT2pBQ1WrcmPMf9B


サポートいただいたら フェレットの東風(こち)くんにおやつを買ってあげて、 おやつをあげているところは動画でupします。