コイントスサイトのデザイン＆フロントエンドHTMLコーディングウェブデザインの仕事の依頼

lhas

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

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

仕事の概要

固定報酬制	300,000円〜 500,000円
納品完了日	-
掲載日	2021年12月15日
応募期限	2021年12月21日
希望イメージ	単色カラフルシンプル複雑気軽厳粛リーズナブル高級伝統的先進的女性的男性的
希望する色	特になし・その他
納品ファイル	高解像度JPG形式（.jpg）フォトショップ形式（.psd） PNG形式（.png）

応募状況

応募した人	48 人
契約した人	1 人
募集人数	1 人
気になる！リスト	2 人

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

仕事の詳細

自社新規企画サイトのデザイン＆HTMLコーディングをお願いします。いわゆるコイントスをして表か裏かを表示するようなサイトになります。ワイヤに各ページの詳細をまとめていますのでご確認頂ければと存じます。基本資料 https://lhas.jp/TEMP/fcc/20211215_FCC.zip 内容物：・ワイヤフォルダ ※ワイヤフレーム各ページ・ワイヤ元ファイル.png ※ワイヤ各ページと同じ内容で、コメントでURLをいくつか書いておりますのでそれの取得用に含めております。Fireworks CS6で、「レイヤー」と「ページ」に各ワイヤが別れています。・サイトマップ.pdf ・コーディング注意事項.txt ・参考HTML　※自社サイトに使用しているHTMLで、コラム記事に流用します。ワイヤ 1-10 コラム記事一覧.png　1-11 コラム記事詳細.pngでご確認ください。日本向けではなく主にアメリカに向けたサイトになりますので、誰にでも違和感のない、シンプルなデザインが良いと思います。サイト内で使用する画像や音声ファイルについてはこちらで用意して支給いたします。テキスト（英語）についてはワイヤのものをそのまま使用ください。デザインとフロントエンドHTMLコーディングの依頼になりますが、コーディングについては少し難易度が高いため、コーディングのみ可能というフロントエンドエンジニアの方からもご応募お待ちしております。ですので、デザインのみ可能という方からもご応募お待ちしております。 ●デザイン・コーディング基本指示事項１． Webフォントやfont awesomeは使用不可です。２． font-familyは全体一箇所で以下でお願いします。 font-family:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; 見出し部分なども極力同じフォントで、太さや大きさで調整ください。３． PCとSPのレスポンシブでお願いします。タブレットは、横置きはPC表示、縦置きはSP表示でお願いします。 media queriesは以下の区分けでお願いします。 sp @media screen and (max-width: 767px) {} tablet @media screen and (min-width:768px) and (max-width:1067px) {} PC @media screen and (min-width:1068px) {} ４． PCはヘッダー・フッターは横幅100%、コンテンツエリアは横幅1068pxでお願いします。（ワイヤでは便宜上コンテンツエリアは1000pxとしております。またワイヤは適当に配置しており厳密ではありませんので、あくまで要素の参考としてお考えください。） SPはワイヤでは640pxの横幅で作成しておりますが、横幅100%です。５．他ページへのリンクは全て href=”#”でお願いします。（別にする箇所はワイヤにて指示しております。）６．アイコンや画像は、背景画像指定ではなく、imgタグでお願いします。７．最終的にはWordpressのテーマに加工するため、それに合わせた汎用指示書を用意していますのでご確認ください。(上記内容物のコーディング注意事項.txt）８． jQueryを読み込みますが、（コーディング注意事項.txt参照）アニメーションなど別のライブラリを読み込む場合は、干渉しないようにお気をつけください。９．当方の環境がWindows10 Fireworks CS6になり、CCに対応しておりません。お手数ですがデザイン納品はFireworks CS6やPhotoshop CS6で確認できる形式でお願いいたします。 IllustratorはNGとさせていただきます。１０．対応ブラウザ PC・・・Chrome,Firefox,Edgeの最新版 SP・・・iOSはSafariの最新版、AndroidはChromeの最新版本案件は急ぎ案件ではないため、お願いする方の都合に合わせて予定は柔軟に対応可能です。ワイヤの内容をしっかり理解してご提案頂ける方にお願いいたします。（テンプレ的にご提案頂いても難しいです。）基本資料については閲覧後に廃棄するようにお願いいたします。ご不明な点などございましたらお気軽にお申し付けください。よろしくお願いいたします。
特記事項
プロフェッショナル求む継続依頼あり

自社新規企画サイトのデザイン＆HTMLコーディングをお願いします。

いわゆるコイントスをして表か裏かを表示するようなサイトになります。

ワイヤに各ページの詳細をまとめていますのでご確認頂ければと存じます。

基本資料
https://lhas.jp/TEMP/fcc/20211215_FCC.zip

内容物：
・ワイヤフォルダ ※ワイヤフレーム各ページ
・ワイヤ元ファイル.png ※ワイヤ各ページと同じ内容で、コメントでURLをいくつか書いておりますのでそれの取得用に含めております。Fireworks CS6で、「レイヤー」と「ページ」に各ワイヤが別れています。
・サイトマップ.pdf
・コーディング注意事項.txt
・参考HTML　※自社サイトに使用しているHTMLで、コラム記事に流用します。ワイヤ 1-10 コラム記事一覧.png　1-11 コラム記事詳細.pngでご確認ください。

日本向けではなく主にアメリカに向けたサイトになりますので、誰にでも違和感のない、シンプルなデザインが良いと思います。
サイト内で使用する画像や音声ファイルについてはこちらで用意して支給いたします。
テキスト（英語）についてはワイヤのものをそのまま使用ください。

デザインとフロントエンドHTMLコーディングの依頼になりますが、コーディングについては少し難易度が高いため、
コーディングのみ可能というフロントエンドエンジニアの方からもご応募お待ちしております。
ですので、デザインのみ可能という方からもご応募お待ちしております。

●デザイン・コーディング基本指示事項

１．
Webフォントやfont awesomeは使用不可です。

２．
font-familyは全体一箇所で以下でお願いします。
font-family:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;

見出し部分なども極力同じフォントで、太さや大きさで調整ください。

３．
PCとSPのレスポンシブでお願いします。
タブレットは、横置きはPC表示、縦置きはSP表示でお願いします。

media queriesは以下の区分けでお願いします。

sp
@media screen and (max-width: 767px) {}

tablet
@media screen and (min-width:768px) and (max-width:1067px) {}

PC
@media screen and (min-width:1068px) {}

４．
PCはヘッダー・フッターは横幅100%、コンテンツエリアは横幅1068pxでお願いします。
（ワイヤでは便宜上コンテンツエリアは1000pxとしております。またワイヤは適当に配置しており厳密ではありませんので、あくまで要素の参考としてお考えください。）
SPはワイヤでは640pxの横幅で作成しておりますが、横幅100%です。

５．
他ページへのリンクは全て href=”#”でお願いします。（別にする箇所はワイヤにて指示しております。）

６．
アイコンや画像は、背景画像指定ではなく、imgタグでお願いします。

７．
最終的にはWordpressのテーマに加工するため、それに合わせた汎用指示書を用意していますのでご確認ください。(上記内容物のコーディング注意事項.txt）

８．
jQueryを読み込みますが、（コーディング注意事項.txt参照）アニメーションなど別のライブラリを読み込む場合は、干渉しないようにお気をつけください。

９．
当方の環境がWindows10 Fireworks CS6になり、CCに対応しておりません。
お手数ですがデザイン納品はFireworks CS6やPhotoshop CS6で確認できる形式でお願いいたします。
IllustratorはNGとさせていただきます。

１０．
対応ブラウザ
PC・・・Chrome,Firefox,Edgeの最新版
SP・・・iOSはSafariの最新版、AndroidはChromeの最新版

本案件は急ぎ案件ではないため、お願いする方の都合に合わせて予定は柔軟に対応可能です。

ワイヤの内容をしっかり理解してご提案頂ける方にお願いいたします。（テンプレ的にご提案頂いても難しいです。）
基本資料については閲覧後に廃棄するようにお願いいたします。

ご不明な点などございましたらお気軽にお申し付けください。
よろしくお願いいたします。

特記事項

プロフェッショナル求む

継続依頼あり

追記

2021年12月15日 21:11

応募を多く頂いておりますので大変お手数ですが追加で質問をさせていただきますのでご回答ください。
（これからご応募頂ける方は下記への回答もお願いいたします。）

１．
基本資料には全て目を通されましたか？

２．
cookieにデータを保存して、動的に読み出す箇所がございます。（フリップ結果履歴）
同種の実績はありますでしょうか？　URLがあればお願いいたします。

３．
コイントスのアニメーションがございます。パララックスなど、
同種の実績はありますでしょうか？　URLがあればお願いいたします。

また、コイントスのアニメーションの実装方法について概要説明をお願いいたします。（ざっくりで大丈夫です。）

なお、ご回答頂けない方は不採用とさせていただきますので予めご了承ください。

早く申し込みをして頂いても採用になるということはありません。
クラウドワークス・ランサーズで公募しておりますが、それぞれの公募期日に変更はありませんので、ゆっくりご検討頂ければと思います。

公募期日終了後に、良さそうな方のみにメッセージをお送りいたします。
よろしくお願いいたします。

クライアント情報

大阪市城東区で自社WEBサイト運営、WEB制作業を行っております、ラス・ウェブワークスの田中と申します。

・自社メディア/自社サイト運営
・Webサイト企画・制作
・Webシステム開発
・Webマーケティング（集客・アクセス解析）

クライアントからの案件及び自社サイト構築のために、必要な場合にクラウドワークス、ランサーズ、シュフティなどで請けてくださる方を公募しております。

主には、
・HTMLフロントエンド開発（HTML5・CSS3・javascript）
・バックエンドシステム開発（PHP・MySQL）
・サイトデザイン
・記事企画/調査/執筆
・翻訳（主に英語）

などの仕事をお願いしております。

よろしくお願い致します。

※クラウドソーシングサービスでお仕事を受注することは行っておりません。

lhasの詳細を見る

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

クラウドワーカー	応募日時
devstar	2021/12/21 17:53
Good_Friend	2021/12/21 15:32
23452345	2021/12/21 03:59
オオヤマユウ	2021/12/21 00:23
女神5113	2021/12/19 23:26
UI D&W	2021/12/18 14:18
pretty-baby	2021/12/16 10:37
和樹＠web制作	2021/12/16 10:24
いとあきひろ	2021/12/16 09:53
PlanetDesign	2021/12/16 09:46
wwd2023	2021/12/16 09:26
WEB建築家	2021/12/16 08:05
スリーS	2021/12/16 06:19
Lovely Thing	2021/12/16 01:05
プロのホームページ屋	2021/12/15 23:45
koutaou	2021/12/15 23:13
野嶋達平@丁寧対応	2021/12/15 20:41
ベストランサー	2021/12/15 20:19
SmileWeb	2021/12/15 20:14
MYART Inc.	2021/12/15 18:59

コイントスサイトのデザイン＆フロントエンドHTMLコーディング ウェブデザインの仕事の依頼