Get a free consultationConsultation
Menu

E-commerce & retail

180 e-Commerce

A mobile commerce app for branded fashion and accessories, built around four ways to trade: purchase, sell, rent and auction.

Industry
E-commerce & retail
Platform
Mobile app
Our role
UI/UX Design + Development
180 e-Commerce presentation banner: the app's home screen on a phone, with search, a leather duffle bag promotion, category chips and product cards, among 3D shopping bags and shapes.

Project overview

180 e-Commerce is a mobile shopping app for branded fashion and accessories. Its presentation shows a single app that supports four ways to trade (purchase, sell, rent and auction), with account creation, phone verification and a product catalogue organised by category.

What the app does

The app introduces each way to trade on full-screen onboarding cards, then takes shoppers to a home screen with search, a promotional banner, category filters and a product grid that switches between purchase and rent. Sellers list an item through a Sell / Purchase form with brand and product fields.

From the project presentation

Collage of 180 e-Commerce screens: onboarding for Sell, Auction and Rent, sign-in, phone verification, the home screen, product listings, sign-up and the Sell / Purchase form.
The core screen set, from onboarding to listing an item.
Two phones showing the 180 e-Commerce home screen and the Sell / Purchase onboarding screen with a red leather handbag.
Home screen and the Sell / Purchase introduction.
Three floating phones showing the 180 splash screen, the Auction onboarding screen and the sign-in screen.
Splash, Auction onboarding and sign-in.

Key screens and user flows

  1. Auction and Rent onboarding screens with full-bleed product photography, captions, pagination and Skip and Go buttons.

    Onboarding

    A branded splash screen leads into full-screen introductions for Sell / Purchase, Auction and Rent, each with pagination, a Skip option and a single call to action.

  2. Sign-in screen with email, password, Google and Facebook options, beside the phone verification screen with a four-digit code field and numeric keypad.

    Account access

    Email and password sign-in with Google and Facebook options and a forgotten-password link; sign-up asks for name, email, password, phone, location, city and district; a four-digit SMS code verifies the phone number.

  3. Home screen with search, a promotional banner, category chips, Purchase and Rent tabs and product cards with prices, beside the start of the Sell / Purchase form.

    Browse, buy and sell

    The home screen combines search, a promotional carousel, category chips and Purchase and Rent tabs with product cards that show price and a favourite action. The Sell / Purchase form starts a new listing.

Visible features

  • Branded splash screen
  • Onboarding for Sell / Purchase, Auction and Rent
  • Google and Facebook sign-in
  • Forgotten-password link
  • SMS phone verification with resend and wrong-number options
  • Sign-up with location, city and district
  • Search, notifications and cart in the header
  • Promotional banner carousel
  • Category filters
  • Purchase and Rent tabs
  • Product cards with price and favourites
  • Sell / Purchase listing form
  • Bottom navigation: home, categories, favourites, profile

Design approach

  • Photography-led onboarding

    Each mode is introduced with a full-bleed product photograph, a short caption and a single action, so the four ways to use the app are clear before sign-in.

  • A calm canvas for products

    Light surfaces let product photography carry the colour, while deep navy and a warm bronze accent mark primary actions and selected states.

  • Consistent, familiar controls

    Rounded input fields, full-width primary buttons and pill-shaped category chips repeat across sign-in, verification and browsing.

  • Commerce essentials within reach

    Search, notifications and the cart sit in the home header; favourites and the profile are one tap away in the bottom navigation.

Design system

Colour palette

  • Bronze accent#A36937
  • Deep navy#0C283B
  • Light canvas#F5F5F5

Typography

Poppins

A geometric sans-serif used throughout, from bold headlines to form labels. Shown here in this site's system typeface.

This case study is based on the original project presentation. Personal details, third-party names, prices, offers and QR codes are obscured in the images where they appeared; it makes no claims about results, launch status or the technology used.

More projects

Tell us what you want to build.

Share your goals and we will recommend where to start.

Get a free consultationView packages