クイズ形式キャンペーンサイトのコーディングご依頼 HTML・CSSコーディングの仕事の依頼

N2P

4.9 (21件のレビュー) 本人確認未提出発注ルールチェック済み

クラウドワークスで発注するにあたり、必要な知識・ルールを確認するためのチェックテストです。
もっと詳しく

仕事の概要

固定報酬制	100,000円〜 300,000円
納品完了日	-
掲載日	2021年10月30日
応募期限	2021年11月02日
必要なスキル	HTML CSS JavaScript JavaScript (jQuery) git

応募状況

応募した人	40 人
契約した人	0 人
募集人数	1 人
気になる！リスト	8 人

この仕事に応募したクラウドワーカーを見る

仕事の詳細

クイズ形式のキャンペーンサイトコーディング案件の募集をいたします。 # 概要ユーザー情報入力後に簡単なゲームを行いながらクイズに答えていくゲーム型のキャンペーンサイトのフロントコーディングです。TOP〜ユーザ情報入力〜クイズ設問（全部で５問で、３択形式）〜ミニゲーム（仮）という構成です。詳細については下記の「仕様」部分に記載しております。 ※システム制作はご依頼には含んでおらず、弊社にて別途対応いたします。具体的には、フロントコーディングでご作成いただいたユーザー情報入力ページやクイズページのhtmlをもとに、弊社でプログラム実装いたします。つきましては各種htmlページの作成をお願いいたします。 # 必要スキル・ご経験等・HTML/CSS3（SASS等のプリプロセッサ歓迎）・git（弊社BitBucketにて運用いたします）・レスポンシブサイト構築の豊富なご経験・CSS3やJavaScriptを使用したアニメーション・エフェクト実装の豊富なご経験・LP/キャンペーンサイトフロントエンド部分構築の豊富なご経験・バックエンドのテンプレートへの繋ぎ込みを想定したコーディングのご経験 # 必要ツール・PhotoShop（画像の切り出しの際に使用して頂きます）コーディングについてはエディタ等は問いません。また、必要に応じてGulpやWebpack等を使用頂いて構いません。 # スケジュール想定（要ご相談）現状、ざっくりとではございますが、下記のような想定スケジュールを希望しております。・11月5日：デザインデータご支給、コーディング開始・11月12日(ご相談)：コーディング一次チェック/お戻し・11月18日(ご相談)：コーディング仮FIX → 弊社にてバックエンド繋ぎ込み開始・11月19日〜12月10日：バグ等の調整やクライアントからの調整要望対応等・12月12日：ローンチ ------------------------------- #【重要】ご連絡について ■弊社の稼働時間が11:00-20:00のため、その時間時間帯にご連絡が取れる方が望ましいと考えております。 1日1回といったペースではなく（特に開始日・テストアップ・ローンチの前後は）状況によっては頻度の高いコミュニケーションが発生するかと思いますのでそれが可能な方にお願いしたいと考えております。 ■ご依頼先の作業スピードにもよりますが、土日での進行が可能な方を優遇いたします。 # 案件開始時のミーティングについて初めてのご依頼・ご相談の場合、 SLACK/Google Meet/ZOOMなどでのご説明・キックオフMTGをさせていただけますと幸いです。 ------------------------------- #コーディング制作ページ ※（）はおおよその相対ボリューム感です ①トップページ（小）ロゴ・説明文・スタートボタンと背景等のあしらいの比較的シンプルなページです。 ②ユーザー情報入力 / 規約同意ページ（中）ユーザー情報3項目と利用規約・確認ボタンが入るページです。ユーザー情報3項目と規約同意のチェックボックスにバリデートを実装して頂きたいです。 ③準備完了画面（小）ロゴ・説明文・スタートボタン・背景等のあしらいのみの、シンプルなページです。 ④クイズページ (小) 【クイズテキスト】および、【選択肢（３つ）】で構成されるクイズテンプレートページです。 ⑤正解（不正解）ページ ⑥ゲームページ　（★後述） ⑦最終結果ページ（小） ------------------------------- #【検討中の要素】ゲームページ（⑥）について下記A〜Cパターンのいずれか想定しております。いずれのパターンになるかは別途ご相談させていただきます。なお、B>C>Aの順で演出ボリュームが異なるかと想定されます。 ※デザインPSDはご支給いたします。【Aパターン】＜概要＞ PSDのデザインデータをもとに、クイズの進行度合いがわかるような簡易アニメーションを実装する。【Bパターン】＜概要＞ボタンを押すと、玉が飛んで標的に当たる（もしくは当たらない）といった形での成功or失敗ゲーム。※ユーザーのアクションとしてはボタンクリックのみ、また、結果としてのhtmlアニメーションを３−４種類作成。【Cパターン】＜概要＞スクラッチができるクイズコンテンツ。 ■スクラッチは3×3の9個のマスがあり、タップでそれぞれを削ることができる ■スクラッチパターンのテンプレートをいくつか作成点 ■簡易アニメーションで演出以上です。企画詳細につきましては応募頂いてから個別にてご相談させてくださいませ。ご連絡をお待ちしております、よろしくお願いいたします。
特記事項
オフィス訪問不要プロフェッショナル求む継続依頼あり

クイズ形式のキャンペーンサイトコーディング案件の募集をいたします。

# 概要
ユーザー情報入力後に簡単なゲームを行いながらクイズに答えていくゲーム型のキャンペーンサイトのフロントコーディングです。TOP〜ユーザ情報入力〜クイズ設問（全部で５問で、３択形式）〜ミニゲーム（仮）という構成です。詳細については下記の「仕様」部分に記載しております。
※システム制作はご依頼には含んでおらず、弊社にて別途対応いたします。
具体的には、フロントコーディングでご作成いただいたユーザー情報入力ページやクイズページのhtmlをもとに、弊社でプログラム実装いたします。つきましては各種htmlページの作成をお願いいたします。

# 必要スキル・ご経験等
・HTML/CSS3（SASS等のプリプロセッサ歓迎）
・git（弊社BitBucketにて運用いたします）
・レスポンシブサイト構築の豊富なご経験
・CSS3やJavaScriptを使用したアニメーション・エフェクト実装の豊富なご経験
・LP/キャンペーンサイトフロントエンド部分構築の豊富なご経験
・バックエンドのテンプレートへの繋ぎ込みを想定したコーディングのご経験

# 必要ツール
・PhotoShop（画像の切り出しの際に使用して頂きます）
コーディングについてはエディタ等は問いません。
また、必要に応じてGulpやWebpack等を使用頂いて構いません。

# スケジュール想定（要ご相談）
現状、ざっくりとではございますが、下記のような想定スケジュールを希望しております。
・11月5日：デザインデータご支給、コーディング開始
・11月12日(ご相談)：コーディング一次チェック/お戻し
・11月18日(ご相談)：コーディング仮FIX → 弊社にてバックエンド繋ぎ込み開始
・11月19日〜12月10日：バグ等の調整やクライアントからの調整要望対応等
・12月12日：ローンチ
-------------------------------

#【重要】ご連絡について
■弊社の稼働時間が11:00-20:00のため、その時間時間帯にご連絡が取れる方が望ましいと考えております。
1日1回といったペースではなく（特に開始日・テストアップ・ローンチの前後は）状況によっては頻度の高いコミュニケーションが発生するかと思いますのでそれが可能な方にお願いしたいと考えております。
■ご依頼先の作業スピードにもよりますが、土日での進行が可能な方を優遇いたします。

# 案件開始時のミーティングについて
初めてのご依頼・ご相談の場合、
SLACK/Google Meet/ZOOMなどでのご説明・キックオフMTGをさせていただけますと幸いです。

-------------------------------
#コーディング制作ページ ※（）はおおよその相対ボリューム感です
①トップページ（小）
ロゴ・説明文・スタートボタンと背景等のあしらいの比較的シンプルなページです。

②ユーザー情報入力 / 規約同意ページ（中）
ユーザー情報3項目と利用規約・確認ボタンが入るページです。
ユーザー情報3項目と規約同意のチェックボックスにバリデートを実装して頂きたいです。

③準備完了画面（小）
ロゴ・説明文・スタートボタン・背景等のあしらいのみの、シンプルなページです。

④クイズページ (小)
【クイズテキスト】および、【選択肢（３つ）】で構成されるクイズテンプレートページです。

⑤正解（不正解）ページ

⑥ゲームページ　（★後述）

⑦最終結果ページ（小）
-------------------------------
#【検討中の要素】ゲームページ（⑥）について
下記A〜Cパターンのいずれか想定しております。
いずれのパターンになるかは別途ご相談させていただきます。
なお、B>C>Aの順で演出ボリュームが異なるかと想定されます。
※デザインPSDはご支給いたします。

【Aパターン】
＜概要＞
PSDのデザインデータをもとに、クイズの進行度合いがわかるような簡易アニメーションを実装する。

【Bパターン】
＜概要＞
ボタンを押すと、玉が飛んで標的に当たる（もしくは当たらない）といった形での成功or失敗ゲーム。※ユーザーのアクションとしてはボタンクリックのみ、また、結果としてのhtmlアニメーションを３−４種類作成。

【Cパターン】
＜概要＞
スクラッチができるクイズコンテンツ。
■スクラッチは3×3の9個のマスがあり、タップでそれぞれを削ることができる
■スクラッチパターンのテンプレートをいくつか作成点
■簡易アニメーションで演出

以上です。
企画詳細につきましては応募頂いてから個別にてご相談させてくださいませ。
ご連絡をお待ちしております、よろしくお願いいたします。

特記事項

オフィス訪問不要

プロフェッショナル求む

継続依頼あり

クライアント情報

NONAME Produce(n2p)はWeb、SNSを軸にしたデジタルプロモーションの制作会社です。
17年間、500以上のデジタルプロモーションを手がけた知見を活かし、
デジタルとクリエイティブで「伝わる」を作ることで、
ユーザーに価値ある情報と体験を提供します。

N2Pの詳細を見る

最近応募したクラウドワーカー

クラウドワーカー	応募日時
木村_vc	2021/11/02 22:28
森の木ばやし	2021/11/02 12:53
webr.o	2021/11/02 03:13
@Shin	2021/11/01 23:24
プロのホームページ屋	2021/11/01 23:02
ntanakarr	2021/11/01 18:22
熊谷倫太郎	2021/11/01 17:01
kenmatsui	2021/11/01 16:48
giftcode	2021/11/01 16:24
eiy_08	2021/11/01 14:56
Princess5113	2021/11/01 10:05
モックアップ@	2021/11/01 10:01
pretty1010	2021/11/01 09:45
SHIBA_INU01	2021/11/01 09:35
（退会済み）	2021/11/01 08:20
koutaou	2021/10/31 22:06
幸運210	2021/10/31 05:38
ロジカルシンキング	2021/10/30 19:02
PlanetDesign	2021/10/30 17:12
SECRET-STAR	2021/10/30 15:07

クイズ形式 キャンペーンサイトのコーディングご依頼 HTML・CSSコーディングの仕事の依頼