Community Store - Sell & Shop Within Your Circle

Overview

A clean and social-first mobile interface designed for a community-driven e-commerce platform, where users can buy and sell unused items directly within specific interest-based groups. The UX is crafted for minimal friction – from joining a community to uploading a product and completing a sale.

Screens Breakdown

1️⃣ Get Started / Intro Screen

  • Function: First-touch entry point introducing users to the Community Store.

  • UI Notes:

    • Friendly illustrations and a central “Get Started” button create a welcoming vibe.

    • Short tagline clarifies the platform’s mission to connect communities for buying and selling.

2️⃣ Community Dashboard / Home Screen

  • Function: Discover and join interest-based communities.

  • UI Notes:

    • Horizontal filters (Recent, Most Members, Most View) help with sorting.

    • Clear “Join” and “Leave” CTAs for each community.

    • Visual identity enhanced through profile previews and view counts for social proof.

    • A prominent “SELL” button in the tab bar ensures easy access to listing products.

3️⃣ Community Chatroom / Listings Feed

  • Function: See what others are selling within a specific community.

  • UI Notes:

    • User avatars indicate activity and personalization.

    • Each listing has direct actions like Buy Now, Wishlist, Delete, and Mark as Sold.

    • Layout resembles a messaging app with sale listings, giving it a familiar and friendly UX.

4️⃣ Sell Your Product Screen

  • Function: Upload a product to your selected community.

  • UI Notes:

    • Easy-to-use image uploader with drag-and-drop + camera option (up to 5 images).

    • Fields for product name, price, and detailed description are cleanly structured.

    • Community selection dropdown helps users target the right group.

5️⃣ Success Confirmation Screen

  • Function: Confirmation popup after successful upload.

  • UI Notes:

    • Bold congratulatory message with a 3D rocket-style illustration for delight.

    • Reinforces task completion and keeps momentum high with a “Continue” button.

Design Highlights

  • User-Centric UX: Built around real user behaviors – community exploration, casual selling, and in-app conversations.

  • Illustration & Branding: Soft, welcoming illustration style adds personality.

  • Effortless Navigation: Clear CTAs and modern tab bar ensure frictionless transitions.

  • Micro-interactions: Subtle touches like “+7” and “+11” member previews promote engagement.

Don't forget to follow me if you don't to miss other shots. 

Please show a little bit of appreciation! & show some ❤ and follow me.

I'm available for the freelance project

Enjoy!

More by ME UI/UX Designer

View profile