デザイン制作依頼、詳細

デザイン依頼についてです。

サイト全体のデザイン依頼のため、かなり長いので、項目別にまとめています。

 

また、今回もPC版ではなくモバイル版のデザイン制作で、コーディングは不要です。

一つ注意点がありまして、モバイル版のデザイン制作ではありますが、基本的にコーディングはPCで行うことと、PC版と共通のパーツ等もあるため、ある程度大きなサイズでデザイン制作をお願いしたいです(あくまでも縦横の比率のみモバイルに合わせて頂きたいです)。

 

はじめに

まずはじめに、ヘッダー周りは先日S_Designさまにご制作頂いた、以下のデザインに置き換える予定です。

 

ただ、申し訳ないのですがヘッダー下のバナーのみ以下バナーにご変更をお願いしたいです。

 

以降のデザイン制作の際は、このヘッダー部分のイメージに沿った形での制作をお願いいたします。

 

【依頼1】TOPページ、ヘッダー下バナーの作成

 

上で載せたヘッダー周りデザインの中段、『体験談まとめ』のバナーの下に、もう二つバナーを掲載する予定で、その案を作成頂きたいです。

サイズ感は『体験談まとめ』バナーと同一で、テーマはそれぞれ

パパ活にオススメ出会い系サイト・交際クラブ3選!』

愛人契約にオススメの出会い系サイト・交際クラブ3選!』

です。

色がついている部分は、文字を強調したい部分です。

大きさや色など、目立つようにフォントの調整をお願いします。

また、基本的に『パパ活』の方はカワイイイメージ、『愛人契約』の方は色気のあるイメージでお願いいたします。

【依頼2】カテゴリ名・カテゴリ説明欄

 

各カテゴリページでは、ヘッダーの下に、カテゴリ名とカテゴリの説明欄がありますが、こちらも味気ないのでオシャレにデザインをして頂きたいです。以下の画像の赤枠部分です。

なお、このカテゴリ名は1行に収まるようにデザインをお願いします。

ちなみに上記カテゴリページの実際のURLは

パパ活・愛人体験談まとめ
当サイトに投稿されたパパ活・愛人契約の体験談記事一覧です。『検索フォーム』を使用すればお小遣い額やパパの職業などを選択し、体験談を表示させることもできます♪

です。

【依頼3】バナー画像制作

 

先ほどのURLにアクセス頂ければ分かるかと思いますが、

『体験談まとめ』カテゴリ説明欄の下、バナーが二つ並んでいます。こちらもそれぞれ別々のバナー画像を制作頂きたいです(下画像の赤枠部分)。

 

その際、いま現在のバナー画像に記載の文字を必ず入れるようにお願い致します。

バナーのサイズはお任せ致しますが、だいたい現在のサイズ感で作って頂ければOKです。

さらにバナー画像の下に『新着順』『並び替え』という部分がありますが、こちらもあまりカワイくないので新たにデザインをお願いいたします(上記画像参照)。

 

【依頼】ハンバーガーメニュー内部のデザイン変更

実際にサイト上のハンバーガーメニューを、お手元の端末でご確認頂きたいです。

おおむね下のようなデザインになっていると思います。

上のCategoryの部分と、Popular articlesの部分を、S_Designさまに作成頂いたヘッダーデザインの『New 新着記事』の部分のデザインスタイルに変更頂きたいです。

その方がサイト全体で統一感がでるかと思います。

 

ただ、上の画像と現在のサイト上の表示は少し違っていて、実機で確認できるデザインは上画像に比べてちょっとオシャレさに欠ける印象です。例えばカテゴリ名がずらっと並んでいますが、上下の行間のバランスが揃ってなかったり、×ボタンも可愛くないですし…

この部分のデザイン案を制作する際は、実機上のデザインを踏襲するのではなく、上記画像のデザインをベースにするか、一からご自身での作成をお願いいたします。

 

【依頼4】ページネーション部分のデザイン

 

記事一覧の下の『次のページ』ボタンと数字が並んだ部分(ページネーションと言います)、こちらも初期設定のままなので新たにデザインをお願いいたします(以下画像の赤枠部分)。

 

【依頼5】Popular articlesコンテンツのデザイン

さらにその下、『Popoular articles』というタブエリアがありますが、こちらも全体的なデザイン変更を希望しています。タブの下にある『人気記事をもっと見る』というボタンも含めたデザインをお願いいたします(以下画像)。

 

冒頭に貼っていたヘッダー部分のイメージ案に沿ったデザインでお願いします。

 

また、上記画像の『Popular Article』という部分にご注目ください。

この部分のデザインは、この記事の冒頭に貼ったヘッダーイメージ案のなかの『新着記事』という部分と同一のスタイルでお願いしたいです(ハンバーガーメニュー内でも同じ表記がありましたが、こちらと共通です)。

 

【依頼8】『上へ』ボタンのデザイン

モバイル版では下にスクロールしてくと指のマークの『上へ』ボタンが表示されますが、このアイコンが可愛くないのでサイトのデザインに合うようなカワイイボタンのデザイン案を作って頂きたいです。
大きさは多少変更しても構いません。

 

【依頼9】タグ部分のデザイン改変

例えば以下の記事をスマホでご確認下さいませ。

【長文投稿】最初で最後のパパは、母の知り合いの社長さん
現在40代のバツ1ママです。 愛人を始めるきっかけ 当時27歳だった頃の話です。 その時は夫の借金が原因で離婚し、2人の子供を1人で育てていました。 借金の理由はギャンブルと風俗。 本当にしょうもない、ありふれた話です...

タイトル、アイキャッチ、ニックネーム、パパとの関係、当時の年齢……とずらずらっと項目が並んでいますが、一番下の『タグ』という項目が非常に見づらいですし、デザインが崩れています。こちらの修正をお願いしたいです。特に希望の仕上がりデザイン等はなく、今より見やすくなれればどんなスタイルでも構いません。

ただ、タグとタグのスペースをしっかり確保し、一つ一つのタグがきちんとユーザーに認識されるようなデザインでお願いいたします。

【依頼10】h2~h4タグのデザイン

当サイトではh2、h3、h4タグを多用していますが、このタグのデザイン変更をお願いします。

サイト全体のデザインに合うようなデザインが望ましいです。

参考までに、いま現在のデザインをサンプルとして以下に載せておきます。

【サンプル】h2タグの場合

【サンプル】 h3タグの場合

【サンプル】h4タグの場合

 

【依頼11】目次のデザイン

この記事の最上部でも確認できるかと思いますが、目次のデザインを変えたいです。

上記画像の部分です。

理想のスタイルは、以下サイトの目次です。

畳に白い小さい虫!チャタテムシの生態を知れば駆除ができる!
日本の家屋の約9割に生息するといわれる「チャタテムシ」の生態と駆除方法をご紹介します。家の中でダニよりちょっと大きく、白アリのような大きさ1ミリくらいの小さな虫がいたらそれはおそらくチャタテムシです。繁殖すると危険な虫なので対策方法をしっかり学びましょう!

記事のテーマはともかく、目次部分はすごく可愛いなーと思ったので、こちらをデザイン作成時の参考にして頂きたいです。

【依頼12】フッターリンク

 

PC版、サイト最下部に以下のコンテンツがあります。

フッターリンクといいますが、モバイル版では現在なぜか表示されていません。

モバイル版でもこのフッターリンクを採用予定ですが、ここのデザインをお願いします。

 

 

何か不明な点や、ご質問等ございましたらお気軽にお問合せくださいませ。

どうぞよろしくお願いいたします。

0