Peer to peer eShop Platform Design

  • Status: Closed
  • Prize: $300
  • Entries Received: 94
  • Winner: Salomondc8

Contest Brief

The website you will be designing is a peer-to-peer marketplace, called CrowdStore.net, where users can create and access numerous individual eShops created by others. Your task is to design the structure and layout of the landing page (index page), ensuring it is intuitive, visually appealing, and responsive for both desktop and mobile devices. The design must incorporate both usability and aesthetic principles to facilitate seamless interaction. Below, I outline the essential sections of the landing page, along with the functionality and design elements required for each. You should be able to provide also HTML and CSS, so it is highly recommended if you use for example figma for the entire process. Indicate if you use figma in your proposals.

General Layout and Design Requirements

The landing page should have a clean, modern aesthetic with a responsive design. Use consistent typography, harmonious color schemes, and intuitive navigation elements. All sections must flow naturally and guide the user through the primary functionalities of the platform. Ensure buttons, input fields, and other interactive elements are prominent and easily clickable. Where applicable, include placeholder text and icons to illustrate functionality.

---

Sections to Include on the Landing Page

1. Section to Join an eShop
This section enables visitors to access eShops created by other users. Clearly explain its purpose: users can visit a specific eShop if they know the unique shop ID (a 44-character string). Provide an input field where users can enter the shop ID and a button labeled "Join eShop" to proceed.

Visually, this section can include:
- A title like: "Enter an eShop" or "Access an eShop".
- A brief descriptive paragraph: _"If you know the ID of an eShop, enter it below to access the shop and browse its products."_
- Input field placeholder text: "Enter Shop ID (44 characters)".
- A prominent call-to-action button: "Join eShop".

---

2. Section to Create an eShop
Allow users to generate their own eShop. This section should emphasize the simplicity of the process and explain that a unique shop ID will be automatically created. Users only need to click a button to start.

Key design elements include:
- A title such as "Create Your eShop".
- A descriptive paragraph: "Want to start selling? Click below to create your eShop and begin adding products. Each eShop gets a unique ID for others to visit."
- A large, visible button labeled "Create My eShop".

---

3. Section to View Previously Visited eShops
This section displays thumbnails of eShops the user has previously visited. Limit thumbnails to a maximum of four per row, with each thumbnail showing a logo, image, or screenshot provided by the shop owner. Each thumbnail should also display the shop’s title underneath.

Functionality and design features:
- Include a brief explanation: "Here are eShops you’ve visited. Click a thumbnail to revisit, or remove it to maintain your privacy."
- Add a small "Remove" icon (e.g., a trash can) on each thumbnail for easy deletion.
- Provide an overall toggle switch labeled "Save Visited Shops" to enable or disable adding shops to this list.

---

4. Section for Orders
This section lists all items ordered by the user, grouped by the respective eShop. For each order, show the items, their prices, and the total cost. If the order hasn’t been paid for, include a button to initiate payment.

Design and functionality:
- Use a title like "Your Orders".
- Display grouped orders with the eShop name as a header for each group.
- List individual items within each group, showing product name, quantity, and price.
- Include a total price line for each order and a "Pay Now" button for unpaid orders.
- Add visual dividers between eShop groups to improve readability.

---

5. Section to Export and Import Data
Since the website operates on a peer-to-peer model, user data is stored locally on the user’s device. This section allows users to export their data as a file or import data from another device to maintain their continuity.

Include:
- A title such as "Manage Your Data".
- Two buttons labeled "Export Data" and "Import Data", placed side by side.
- A brief explanatory paragraph: "Your data, including orders and eShops, is stored locally on this device. Use the options below to back up or restore your data."

---

Additional Notes for Design
- Use whitespace effectively to separate sections while maintaining visual harmony.
- Employ icons or subtle illustrations to enhance comprehension (e.g., a store icon for eShops, a folder icon for data export/import).
- Ensure all buttons and input fields are touch-friendly for mobile users.

By following these guidelines, the landing page will not only provide an excellent user experience but also effectively communicate the core functionalities of the peer-to-peer marketplace.

Recommended Skills

Employer Feedback

“Salomon truly understands project requirements and approaches design with the user's perspective in mind. This thoughtful and user-centered approach sets him apart and gives him a significant advantage. His work exceeded my expectations, and I highly recommend him to anyone looking for a talented and insightful designer.”

Profile image TomasM, Czech Republic.

Top entries from this contest

View More Entries

Public Clarification Board

  • AhsanAsif279
    AhsanAsif279
    • 1 month ago

    Check #104

    • 1 month ago
  • rajbevin
    rajbevin
    • 1 month ago

    Sir, Please check #103 Thax.

    • 1 month ago
  • rajbevin
    rajbevin
    • 1 month ago

    Sir, Please check #103 Thax.

    • 1 month ago
  • fullstack46138
    fullstack46138
    • 1 month ago

    #96 #97
    seems like you did not like input and output data section in footer i just changed it can you please check now !

    • 1 month ago
  • fullstack46138
    fullstack46138
    • 1 month ago

    #85
    button texted was misplaced "Create My eShop" just fixed and resubmitted please check !

    • 1 month ago
  • fullstack46138
    fullstack46138
    • 1 month ago

    #84 has 3 designs 2 for desktop and 1 for moblie
    means design is responsive !

    • 1 month ago
  • fullstack46138
    fullstack46138
    • 1 month ago

    pleaes before declaring winner take a look at #84 i did a lot of hard work to make it look perfect !

    • 1 month ago
  • fullstack46138
    fullstack46138
    • 1 month ago

    #84
    after getting 4 starts in 2 entries i reanalyzed everything and spent my night to create this completed version which include mobile design as well all inputs and buttons are interactive and ready in figma

    I have completed the comprehensive design for both desktop and mobile versions of the CrowdStore.net landing page, meeting all outlined requirements. The design is modern, user-friendly, and fully responsive, ensuring seamless navigation across devices. Each section is crafted to balance usability and aesthetics, incorporating intuitive layouts, clear functionality, and consistent visuals.

    The design process was conducted using Figma, providing a streamlined approach for collaboration and export to HTML and CSS. I am ready to share the finalized designs for review and feedback.

    Looking forward to your response!

    • 1 month ago
  • fullstack46138
    fullstack46138
    • 1 month ago

    #79
    Final version of Peer to peer eShop of entry #40
    i have examined your ratings and made changes accordingly feel free to leave feedback if something is missing :)

    • 1 month ago
  • pollobg
    pollobg
    • 2 months ago

    please check sir #64 #65

    • 2 months ago
  • AhsanAsif279
    AhsanAsif279
    • 2 months ago

    You need finctionalities also ? Or design only?

    • 2 months ago
  • noorulhassan786
    noorulhassan786
    • 2 months ago

    Ok sir thanks for reviewing what else can i add to it. I am unsure about colors can you please tell me more.

    • 2 months ago
  • noorulhassan786
    noorulhassan786
    • 2 months ago

    I created it in figma

    • 2 months ago
  • lateefstudios
    lateefstudios
    • 2 months ago

    99% of entries are AI generated

    • 2 months ago
  • fullstack46138
    fullstack46138
    • 2 months ago

    #40
    i created this design after reading your job description and closely observing your rated designs and make it to look as close as possible !
    please finalize theh design so that i can provide you with files ! :) !

    • 2 months ago
  • fullstack46138
    fullstack46138
    • 2 months ago

    #40
    sounds like this is the only non AI design i submitted i am glad you recognized talent and rated accordingly ! please let me know if you need figma file html css file etc or need to deploy it on your server ! i wish best wishes for your ecommerce bussiness !

    • 2 months ago
  • fullstack46138
    fullstack46138
    • 2 months ago

    #40 is not ai generated do you liked the design ?
    moreover i took inspiration from rated designs from you

    • 2 months ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!