• カンプの依頼

  • PSD to HTMLの依頼

  • 依頼概要

    カンプと、コーディング指示書を、JPEGおよびPSD形式で作成

  • Q&A

  • コーディング指示書の内容

  • スタイルガイド

  • コンテンツ

  • ブログコンテンツ

  • アクセス解析

  • レスポンシブ

  • Seach Console

  • 最初は、一般に非公開でサーバーにアップロードし、関係者だけが閲覧できるようにする。

  • 締め切り:
    価格

  • カラーパターンの作成
    http://webcolourdata.com/
    のように、何がメインカラーで、何がアクセントカラーなのか、全体の配色を割合で表示。

  • プロジェクトの背景

  • プロジェクトの「目的」は何ですか?

    • Freelancer.comに、訪問者を誘導し、コンテストに参加してもらう。
    • メディアの関心を引き、記事を書いてもらう
    • コンテストの経過、審査員の取材などをブログ記事にし、SNSで拡散し、トラフィックを増やす
  • 想定している「ターゲット」はどんな人ですか?

    • コンテストに参加するデザイナー(プロ・アマ問わず)
    • コンテスト後に、シャツを購入するかもしれない顧客(AIDMAのAあたり)
    • コンテストについて記事を書いてくださるメディアの方々
  • ターゲットの「流入経路」はどう想定していますか?

    • Facebookページ
    • Facebookグループへの投稿
    • Facebook広告
    • 口コミ(デザイン学校やデザイナー同士がSNSやメッセンジャーで共有)
    • コンテストについて記事を書いたメディア
  • この商品の「売り・強み」は何ですか?

    • 賞金10万円
    • デザイナーは、国内外に名前を売れる
    • 誰でも参加できる
    • 新規性による話題性
  • 全体の「デザインテイスト」の希望はありますか?

    • ファッションブランドではなく、コンテストであるということが一目でわかる
    • 英語と日本語、両方でサイトを作成するので、どちらでも通用するデザイン
    • ミニマルなデザイン
    • 英語と日本語で、異なるフォントの設定
    • シャツの値段は、5000円から1万円の予定なので、量販店っぽくないデザイン
    • 中性的なデザイン(シャツは男女両方なので)
    • デザイナーの創造性を制限したくないので、無地に近いデザイン
    • 和の配色
    • 既存のWordpressテーマを使用・編集し、全体的に白を基調としたミニマルなデザインを作る。
      http://nipponcolors.com/#nadeshiko
  • 色の例

    京紫きょうむらさき
    #9d5b8b

    藍色あいいろ
    #165e83

    臙脂えんじ
    #b94047

    柿渋色かきしぶいろ
    #9f563a

    緑青色ろくしょういろ
    #47885e

    朱・緋あけ
    #ba2636

    墨すみ
    #595857

    刈安色かりやすいろ
    #f5e56b

    瑠璃色るりいろ
    #1e50a2

    支子色くちなしいろ
    #fbca4d

    深紫ふかむらさき
    #493759

    紅くれない
    #d7003a
    Tho

  • 予算

    既存のWordpressテーマを使用・編集し、全体的に白を基調としたミニマルな

  • リンク
    スライドショーなどの動き
    フォント
    フォントサイズ
    各要素のサイズ
    レスポンシブのサイズ

  • その他の希望
    Wordpressを使用する
    Google Analyticsを使用し、コンバージョンタグを埋め込む
    レスポンシブデザイン(ソーシャルでコンテントとを拡散させる予定のため)
    国旗で言語切り替え

  • デバイスフォントと画像化するフォントを意識する

  • フォント
    配色

  • ヘッダーメニュー

    • Reverence
    • Docs(プロジェクト資料)
    • Team
    • News/Blog
    • Language
  • メイン

  • フッターメニュー

    Facebookページ
    Project Docs(資料)
    ニュースレター
    先行予約
    ブログ
    お問い合わせ

    例:https://nkn.org/

  • コンバージョンタグ

    SNSシェア
    問い合わせ
    Freelancer.comコンテストへの移動

  • アイキャッチスライダー的なモノ
    参考:https://nkn.org/

  • コンテスト参加者の数

    多くの人が参加している雰囲気を出し、もっと人を集めるために必要。ただし、初期段階は参加者が少ないので、逆に人を寄せ付けなくなる。
    だから、「Be the first one who like this post」のようなメッセージを表示する容認する。

  • コンテストの審査員の紹介

    ICOプロジェクトページのようにする。
    例:https://nkn.org/

  • コンテストのメンバーの紹介

    ICOプロジェクトページのようにする。
    例:https://nkn.org/

  • ロードマップ

    • コンテストの詳細
    • 自分の詳細
{"cards":[{"_id":"6e65a91b2ebe3f3391000063","treeId":"6e65a9d72ebe3f3391000060","seq":14390807,"position":1,"parentId":null,"content":"カンプの依頼"},{"_id":"6e65a8372ebe3f3391000065","treeId":"6e65a9d72ebe3f3391000060","seq":14390871,"position":1,"parentId":"6e65a91b2ebe3f3391000063","content":"## 依頼概要\n\nカンプと、コーディング指示書を、JPEGおよびPSD形式で作成"},{"_id":"6e659f832ebe3f339100006f","treeId":"6e65a9d72ebe3f3391000060","seq":14390873,"position":1,"parentId":"6e65a8372ebe3f3391000065","content":"\n締め切り:\n価格\n"},{"_id":"6e64f8c12ebe3f33910000da","treeId":"6e65a9d72ebe3f3391000060","seq":14391203,"position":2,"parentId":"6e65a8372ebe3f3391000065","content":"カラーパターンの作成\nhttp://webcolourdata.com/\nのように、何がメインカラーで、何がアクセントカラーなのか、全体の配色を割合で表示。"},{"_id":"6e65a3ea2ebe3f339100006b","treeId":"6e65a9d72ebe3f3391000060","seq":14390826,"position":9,"parentId":"6e65a91b2ebe3f3391000063","content":"# Q&A"},{"_id":"6e65a7132ebe3f3391000067","treeId":"6e65a9d72ebe3f3391000060","seq":14390868,"position":0.5,"parentId":"6e65a3ea2ebe3f339100006b","content":"プロジェクトの背景"},{"_id":"6e65a6a02ebe3f3391000068","treeId":"6e65a9d72ebe3f3391000060","seq":14390838,"position":1,"parentId":"6e65a3ea2ebe3f339100006b","content":"## プロジェクトの「目的」は何ですか?\n* Freelancer.comに、訪問者を誘導し、コンテストに参加してもらう。\n* メディアの関心を引き、記事を書いてもらう\n* コンテストの経過、審査員の取材などをブログ記事にし、SNSで拡散し、トラフィックを増やす\n"},{"_id":"6e65a5d82ebe3f3391000069","treeId":"6e65a9d72ebe3f3391000060","seq":14390839,"position":2,"parentId":"6e65a3ea2ebe3f339100006b","content":"## 想定している「ターゲット」はどんな人ですか?\n* コンテストに参加するデザイナー(プロ・アマ問わず)\n* コンテスト後に、シャツを購入するかもしれない顧客(AIDMAのAあたり)\n* コンテストについて記事を書いてくださるメディアの方々\n"},{"_id":"6e65a5842ebe3f339100006a","treeId":"6e65a9d72ebe3f3391000060","seq":14390840,"position":3,"parentId":"6e65a3ea2ebe3f339100006b","content":"## ターゲットの「流入経路」はどう想定していますか?\n* Facebookページ\n* Facebookグループへの投稿\n* Facebook広告\n* 口コミ(デザイン学校やデザイナー同士がSNSやメッセンジャーで共有)\n* コンテストについて記事を書いたメディア\n"},{"_id":"6e65a1ee2ebe3f339100006d","treeId":"6e65a9d72ebe3f3391000060","seq":14390852,"position":4,"parentId":"6e65a3ea2ebe3f339100006b","content":"## この商品の「売り・強み」は何ですか?\n* 賞金10万円\n* デザイナーは、国内外に名前を売れる\n* 誰でも参加できる\n* 新規性による話題性\n"},{"_id":"6e65a0c52ebe3f339100006e","treeId":"6e65a9d72ebe3f3391000060","seq":14391369,"position":5,"parentId":"6e65a3ea2ebe3f339100006b","content":"## 全体の「デザインテイスト」の希望はありますか?\n* ファッションブランドではなく、コンテストであるということが一目でわかる\n* 英語と日本語、両方でサイトを作成するので、どちらでも通用するデザイン\n* ミニマルなデザイン\n* 英語と日本語で、異なるフォントの設定\n* シャツの値段は、5000円から1万円の予定なので、量販店っぽくないデザイン\n* 中性的なデザイン(シャツは男女両方なので)\n* デザイナーの創造性を制限したくないので、無地に近いデザイン\n* 和の配色\n* 既存のWordpressテーマを使用・編集し、全体的に白を基調としたミニマルなデザインを作る。\nhttp://nipponcolors.com/#nadeshiko"},{"_id":"6e64e9df2ebe3f33910000db","treeId":"6e65a9d72ebe3f3391000060","seq":14391206,"position":5.5,"parentId":"6e65a3ea2ebe3f339100006b","content":"## 色の例\n京紫きょうむらさき\n#9d5b8b\n\n藍色あいいろ\n#165e83\n\n臙脂えんじ\n#b94047\n\n柿渋色かきしぶいろ\n#9f563a\n\n緑青色ろくしょういろ\n#47885e\n\n朱・緋あけ\n#ba2636\n\n墨すみ\n#595857\n\n刈安色かりやすいろ\n#f5e56b\n\n瑠璃色るりいろ\n#1e50a2\n\n支子色くちなしいろ\n#fbca4d\n\n深紫ふかむらさき\n#493759\n\n紅くれない\n#d7003a\nTho"},{"_id":"6e6315a52ebe3f33910000e0","treeId":"6e65a9d72ebe3f3391000060","seq":14391368,"position":5.75,"parentId":"6e65a3ea2ebe3f339100006b","content":"## 予算\n既存のWordpressテーマを使用・編集し、全体的に白を基調としたミニマルな"},{"_id":"6e659d7b2ebe3f3391000082","treeId":"6e65a9d72ebe3f3391000060","seq":14391132,"position":6,"parentId":"6e65a3ea2ebe3f339100006b","content":"例:\nFor your Inspiration\nhttps://tfi.ac.jp/contest/\nhttp://dansen.co.jp/contact/contest.html\nhttp://www.k-ff.jp/pc/\nhttp://www.fashion-gp.com/\nhttps://www.euro-fashion-award.com/en/award/award_2018/\nhttps://www.thehandbagawards.com/\nhttp://andam.fr/en/contest-accessories-prize/\f\nhttps://nkn.org/"},{"_id":"6e65a7d42ebe3f3391000066","treeId":"6e65a9d72ebe3f3391000060","seq":14390879,"position":10,"parentId":"6e65a91b2ebe3f3391000063","content":"## コーディング指示書の内容"},{"_id":"6e659efc2ebe3f339100007e","treeId":"6e65a9d72ebe3f3391000060","seq":14390880,"position":1,"parentId":"6e65a7d42ebe3f3391000066","content":"リンク\nスライドショーなどの動き\nフォント\nフォントサイズ\n各要素のサイズ\nレスポンシブのサイズ"},{"_id":"6e659e462ebe3f3391000081","treeId":"6e65a9d72ebe3f3391000060","seq":14390884,"position":2,"parentId":"6e65a7d42ebe3f3391000066","content":"その他の希望\nWordpressを使用する\nGoogle Analyticsを使用し、コンバージョンタグを埋め込む\nレスポンシブデザイン(ソーシャルでコンテントとを拡散させる予定のため)\n国旗で言語切り替え\n"},{"_id":"6e64d6bf2ebe3f33910000de","treeId":"6e65a9d72ebe3f3391000060","seq":14391215,"position":3,"parentId":"6e65a7d42ebe3f3391000066","content":"デバイスフォントと画像化するフォントを意識する"},{"_id":"6e64e5812ebe3f33910000dc","treeId":"6e65a9d72ebe3f3391000060","seq":14391207,"position":10.5,"parentId":"6e65a91b2ebe3f3391000063","content":"# スタイルガイド"},{"_id":"6e64e53e2ebe3f33910000dd","treeId":"6e65a9d72ebe3f3391000060","seq":14391214,"position":1,"parentId":"6e64e5812ebe3f33910000dc","content":"フォント\n配色"},{"_id":"6e657be42ebe3f339100008b","treeId":"6e65a9d72ebe3f3391000060","seq":14391021,"position":11,"parentId":"6e65a91b2ebe3f3391000063","content":"# コンテンツ"},{"_id":"6e6555bc2ebe3f33910000d4","treeId":"6e65a9d72ebe3f3391000060","seq":14391137,"position":0.5,"parentId":"6e657be42ebe3f339100008b","content":"### ヘッダーメニュー\n* Reverence \n* Docs(プロジェクト資料)\n* Team\n* News/Blog\n* Language"},{"_id":"6e6553592ebe3f33910000d5","treeId":"6e65a9d72ebe3f3391000060","seq":14391138,"position":0.75,"parentId":"6e657be42ebe3f339100008b","content":"### メイン\n"},{"_id":"6e653dc92ebe3f33910000d7","treeId":"6e65a9d72ebe3f3391000060","seq":14391150,"position":0.5,"parentId":"6e6553592ebe3f33910000d5","content":"アイキャッチスライダー的なモノ\n参考:https://nkn.org/"},{"_id":"6e65798d2ebe3f33910000cc","treeId":"6e65a9d72ebe3f3391000060","seq":14391139,"position":1,"parentId":"6e6553592ebe3f33910000d5","content":"コンテスト参加者の数\n\n多くの人が参加している雰囲気を出し、もっと人を集めるために必要。ただし、初期段階は参加者が少ないので、逆に人を寄せ付けなくなる。\nだから、「Be the first one who like this post」のようなメッセージを表示する容認する。"},{"_id":"6e656da92ebe3f33910000ce","treeId":"6e65a9d72ebe3f3391000060","seq":14391140,"position":2,"parentId":"6e6553592ebe3f33910000d5","content":"コンテストの審査員の紹介\n\nICOプロジェクトページのようにする。\n例:https://nkn.org/"},{"_id":"6e656cff2ebe3f33910000cf","treeId":"6e65a9d72ebe3f3391000060","seq":14391141,"position":3,"parentId":"6e6553592ebe3f33910000d5","content":"コンテストのメンバーの紹介\n\nICOプロジェクトページのようにする。\n例:https://nkn.org/"},{"_id":"6e6564192ebe3f33910000d0","treeId":"6e65a9d72ebe3f3391000060","seq":14391142,"position":4,"parentId":"6e6553592ebe3f33910000d5","content":"ロードマップ"},{"_id":"6e65787c2ebe3f33910000cd","treeId":"6e65a9d72ebe3f3391000060","seq":14391143,"position":5,"parentId":"6e6553592ebe3f33910000d5","content":"* コンテストの詳細\n* 自分の詳細"},{"_id":"6e65477e2ebe3f33910000d6","treeId":"6e65a9d72ebe3f3391000060","seq":14391145,"position":2,"parentId":"6e657be42ebe3f339100008b","content":"### フッターメニュー\nFacebookページ\nProject Docs(資料)\nニュースレター\n先行予約\nブログ\nお問い合わせ\n\n例:https://nkn.org/"},{"_id":"6e635f4b2ebe3f33910000df","treeId":"6e65a9d72ebe3f3391000060","seq":14391356,"position":12,"parentId":"6e65a91b2ebe3f3391000063","content":"# ブログコンテンツ"},{"_id":"6e65a8d92ebe3f3391000064","treeId":"6e65a9d72ebe3f3391000060","seq":14390808,"position":2,"parentId":null,"content":"PSD to HTMLの依頼"},{"_id":"6e6593ab2ebe3f3391000084","treeId":"6e65a9d72ebe3f3391000060","seq":14390941,"position":1,"parentId":"6e65a8d92ebe3f3391000064","content":"アクセス解析"},{"_id":"6e65935a2ebe3f3391000085","treeId":"6e65a9d72ebe3f3391000060","seq":14391005,"position":1,"parentId":"6e6593ab2ebe3f3391000084","content":"コンバージョンタグ\n\nSNSシェア\n問い合わせ\nFreelancer.comコンテストへの移動"},{"_id":"6e6592092ebe3f3391000088","treeId":"6e65a9d72ebe3f3391000060","seq":14390950,"position":2,"parentId":"6e65a8d92ebe3f3391000064","content":"レスポンシブ"},{"_id":"6e65916d2ebe3f3391000089","treeId":"6e65a9d72ebe3f3391000060","seq":14390960,"position":3,"parentId":"6e65a8d92ebe3f3391000064","content":"Seach Console"},{"_id":"6e6537512ebe3f33910000d8","treeId":"6e65a9d72ebe3f3391000060","seq":14391158,"position":4,"parentId":"6e65a8d92ebe3f3391000064","content":"最初は、一般に非公開でサーバーにアップロードし、関係者だけが閲覧できるようにする。"}],"tree":{"_id":"6e65a9d72ebe3f3391000060","name":"Reverenceのウェブデザイン","publicUrl":"6e65a9d72ebe3f3391000060"}}