Peer to peer eShop Platform Design

  • Stato: Closed
  • Premio: $300
  • Proposte ricevute: 94
  • Vincitore: Salomondc8

Descrizione del concorso

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.

Competenze consigliate

Winner
Concorso in Primo Piano
Pubblica un concorso simile

Feedback del Datore di Lavoro

“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.”

Immagine del profilo TomasM, Czech Republic.

Le migliori proposte per questo concorso

Visualizza altre proposte

Bacheca pubblica per chiarimenti

  • AhsanAsif279
    AhsanAsif279
    • 2 mesi fa

    Check #104

    • 2 mesi fa
  • rajbevin
    rajbevin
    • 2 mesi fa

    Sir, Please check #103 Thax.

    • 2 mesi fa
  • rajbevin
    rajbevin
    • 2 mesi fa

    Sir, Please check #103 Thax.

    • 2 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

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

    • 2 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

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

    • 2 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

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

    • 2 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

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

    • 2 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

    #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!

    • 2 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

    #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 :)

    • 2 mesi fa
  • pollobg
    pollobg
    • 2 mesi fa

    please check sir #64 #65

    • 2 mesi fa
  • AhsanAsif279
    AhsanAsif279
    • 2 mesi fa

    You need finctionalities also ? Or design only?

    • 2 mesi fa
  • noorulhassan786
    noorulhassan786
    • 2 mesi fa

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

    • 2 mesi fa
  • noorulhassan786
    noorulhassan786
    • 2 mesi fa

    I created it in figma

    • 2 mesi fa
  • lateefstudios
    lateefstudios
    • 2 mesi fa

    99% of entries are AI generated

    • 2 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

    #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 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

    #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 mesi fa
  • fullstack46138
    fullstack46138
    • 2 mesi fa

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

    • 2 mesi fa

Mostra altri commenti

Come iniziare a usare i concorsi

  • Pubblica il tuo concorso

    Pubblica il tuo concorso Con facilità e in pochi istanti

  • Ottieni tante proposte

    Ottieni una Miriade di Proposte Da tutto il mondo

  • Seleziona la proposta migliore

    Seleziona la proposta migliore Scarica i file - Facile!

Pubblica subito un concorso o unisciti a noi oggi stesso!