Webサイトをレスポンシブデザインにリニューアルの仕事

見積もり募集の結果

実際の発注内容

依頼の予算

5,000 円 ~ 50,000 円

実際の支払い金額

40,000 円 ~ 50,000 円

実際の受注者

studio_lei

• 希望時間単価 ---
• 実績 3
• 評価満足率 100 %
• プロジェクト完了率 ---

• 機密保持 -
• 本人確認 -
• 電話 -

見積もり募集の内容

提示した予算

5,000 円 ~ 50,000 円

依頼概要

Webサイト『日本俳句研究会』をレスポンシブデザインにリニューアルします。
http://jphaiku.jp/
このサイトのレスポンシブWEBデザインを制作していただきたいです。
現在の緑と白を基調としたデザインを踏まえた、シンプルなものが望ましいです。凝った画像などのデザインは必要ありません。ページ読み込み時間の早さを重視した軽いサイトが理想です。
主にトップページ、各コンテンツの目次ページ用のデザインと、コンテンツ掲載ページ用のデザインの２種類を制作していただきたいです。
（高齢者を対象としたサイトなので、できれば、現在のようにページ上部にジャバスクリプトでＣＳＳを切り替える機能を設置したいです。このＣＳＳでは、読みやすいように本文の大きさを変更します。標準 大 特大の３つが切り替え可能となります）
標準の文字サイズは1em＝16pxとします。

Google AdSenseの広告を主な収益源とするので、広告を効果的に配置できるデザインにしたいです。コンテンツ直下に、２つ300×250の広告を設置。ページ上部、コンテンツの見出しの下にスポンサードリンクの小文字の下に、レスポンシブデザイン広告を設置。

すべてのページに意見を送るためのメールフォームを設置します。
メールフォームもレスポンシブデザインにしてください。


HTML5とCSS3によるコーティング。文字コードはUTF-8。
検索エンジン対策としてセマンティック・ウェブに準じた記述にしていただきたいです。
参考にしていただきたいサイト。

バーモント大学
http://www.uvm.edu/student_life/

画面幅の狭いデバイスの場合、ヘッダーメニューがアコーディオンに畳まれて収納されるのが良いです。スマフォ版ではメニューが畳まれて表示されるようにしてもらえると、ありがたいです。
（文字の大きさを切り替える機能も畳まれて収められる）

日本のニュース
http://www.japantimes.co.jp/

メニューにGoogleの検索窓が収納される形で設置されています。この設置方法が良いです。
これと同じように検索窓を入れられるようにしてください。
検索窓のソースは後でお送りします。


ＰＣとタブレットは、２段組レイアウトとして、右側にamazonの商品広告が設置できるようにします。ここには広告の他、関連ページヘのリンク、メールフォームへのリンクなどを掲載します。
参考
http://jphaiku.jp/how/tannka.html

また、各ページの下には、前のページヘ。次のページヘ、といったリンクも設置したいです。次のページが、「俳句と川柳の違い」というタイトルでしたら

次のページ >> 俳句と川柳の違い

というリンクがブロック要素で表示されます。
文字がはみ出るようでしたら、左寄せで表示します。
このリンクについては、プレジデントonlineのスマフォ版を参考にしてください。
http://president.jp/

その下に、「目次へ」「前のページヘ」リンクをブロック要素で並べて表示。

●俳句一覧のページ。
春、夏、秋、冬、新年、自由律俳句の５つの種類の俳句掲載ページを作ります。
さらに年ごとにページをわけます。
春の俳句、2014年の投稿版、といった感じです。

俳句一覧ページのトップページでは、最新の投句一覧を並べ、春、夏、秋、冬、新年、自由律のページヘの大型リンクを配置します。

書評ページもこれに順した作り方をしようと思います。

ＨＴＭＬとＣＳＳの基本的なことは理解しております。
例えば、こちらのサイトのデザインは、私が一人で作りました。
http://www.raitonoveru.jp/

細かい修正などは、こちらでできますので、大枠を作っていただければ大丈夫です。
報酬は五万円ほどで考えております。