ECOLエコル|釧路の中古品販売サイト

トップページを、
3つの見せ方で作りました。

商品データと下層ページ(一覧・詳細・受取と配送・店舗・問い合わせ)は3案とも同じです。違うのはトップページの見せ方だけ。見比べて、しっくりくる方向をお選びください。

試作これは確認用の試作です。商品・価格はすべてサンプルです。ECOLの実在庫や実際の条件ではありません。

A案のイメージ(準備中)A案 トップページ

A案|見て回る楽しさ

品ぞろえと新着、カテゴリを前面に出して、探す楽しさで選んでもらう案です。大手リユースショップのような探しやすさを重視し、情報量は多めです。

  • 商品量
  • 新着
  • カテゴリから探す
PCで見る
B案のイメージ(準備中)B案 トップページ

B案|写真を主役に

白を基調に余白をたっぷり取り、商品写真をゆったり見せる案です。ネットショップらしい、落ち着いた印象に仕上げています。

  • 余白
  • 商品写真
  • 落ち着き
PCで見る
C案のイメージ(準備中)C案 トップページ

C案|釧路のお店らしさ

実店舗や倉庫の空気感と、掘り出し物を見つける感覚を出す案です。地域に根ざしたリユースショップの温度感を大切にしています。

  • 実店舗感
  • 掘り出し物
  • 地域密着
PCで見る

3案をスマホ幅で並べて見る

スマホで開いたときの見え方を、幅390pxで3案並べます。

3案のちがい(一目で)

違うのはトップページの見せ方だけです。一覧・詳細・受取と配送・店舗・問い合わせは共通です。

A案B案C案
一言で見て回る楽しさ写真を主役に釧路のお店らしさ
見せ方品ぞろえ・新着・カテゴリを前に出す白基調・余白・商品写真をゆったり実店舗・倉庫の空気感、掘り出し物
情報量多め少なめふつう
印象大手リユースショップのような探しやすさネットショップらしい落ち着き地域に根ざした温度感

今回の試作でできること/将来段階でできること

将来段階は、いまの時点での提案です。実現できると決まったものではありません。

初期版(この試作)

商品を見て、相談して、受け取る

商品閲覧問い合わせ・取り置き店頭受取・配送相談

お支払いは店頭またはご相談、という前提で作っています。商品データは手で更新する想定です。

将来の提案

次の段階で、こうした形を考えられます

  • オンライン決済サイト上でお支払いまで進める形。方式・費用は今後の確認事項です。
  • スマホ撮影からのAI下書き登録撮った写真から商品名・説明などの下書きを作り、人が確認してから公開する形。
  • SOLD OUTの自動反映売れた商品の表示を、手作業なしで切り替える形。
  • LINE・SNSへの自動投稿新しく載せた商品を、LINEやSNSにも反映する形。

どれも今回は作っていません。どこまでやるかは、下の「確認したいこと」で伺います。

3案共通のページ

ここから先は、どの案から進んでも同じ画面です。

先方に確認したいこと

ご覧いただいたうえで、この5つを教えてください。「例」は考える材料で、答えの候補として決めているものではありません。

  1. どのデザインが近いか例:A・B・Cのどれか/案をまたいで「ここはA、ここはB」/どれも違う(違う点だけでも)
  2. 何を販売したいか例:家電・家具が中心か/冬・除雪・アウトドアなど季節品も/自転車・工具まで/点数は絞るか、たくさん載せるか
  3. どんな購入方法にしたいか例:問い合わせ・取り置きのみ/お支払いは店頭/将来はオンライン決済も/現金・カード・QR決済など
  4. 配送や受取をどうしたいか例:店頭受取のみ/近隣は配送/大型は要相談/宅配便も使うか
  5. どこまで自動化したいか例:更新は手作業/スマホで撮って下書きまで自動/売れたらSOLD OUTを自動反映/LINE・SNS投稿まで

一度に全部でなくても大丈夫です。分かるところ、気になったところからで構いません。

まだ決まっていないこと

サイトの見せ方が大きく変わるため、先に教えていただきたい点です。

  1. 店頭で商品を販売しているか、置き場所はどこか店舗ページと受け取りの流れの前提になります。
  2. 配送するか、できるエリアはどこまでかいまは買取の出張エリアを、仮に置いています。
  3. 大型の家具・家電の配送料金と、搬入の扱い冷蔵庫・ソファ・食器棚など。金額は載せていません。
  4. お支払い方法(現金・カード・QR決済など)この試作ではオンライン決済を持たない前提です(将来の提案は上の「できること」)。
  5. LINEを、買取用と共通にするか、分けるかいまは買取用のLINEを仮に置いています。

ほか17項目(状態ランクの基準、保証、ロゴの扱い、撮影の進め方など)は、別紙の一覧でご確認をお願いします。

スマホ幅(390px)新しいタブで開く ↗