Ecommerce Design

Concept

This design follows the 'Material Design' guidelines, and provides templates and layouts useful for E-Commerce applications.

This design supports Dark Mode.

Default configuration

This design uses by default the following configuration:

  • This design creates by default a "sample cart functionality"
  • Color palette: Black; Light style with dark mode enabled
  • Home: Shopping home with tabs and application bar always visible; Onboarding is enabled
  • Menu: Menu with a banner image.
  • Security: Login with background-image: Register with logo
  • Fields design: Labels position is 'Left Open'; Data sections in elevated cards; Edit fields with underline

Samples

Native mobile app Home screen shows a hamburger menu, a rotating image carousel above three thumbnail tiles labeled Run, Pose, and Photo, and a tab strip (Promotions active, Babies, Makeups, All) above a group photo banner, with a bottom navigation bar showing Option 1, Option 2, and Option 3 icons.

Mobile app Home screen with a hamburger menu and 'Home' title, a large handshake banner image with three carousel dots, a row of image tiles labeled Run, Pose, and Photo, and below it category tabs Promotions, Babies, Makeups, All with a group photo and product thumbnails under the Promotions tab.  Mobile app 'Launchpad' home screen with a hamburger menu, showing tile links 'Manage Products' (Products icon), 'Manage Accounts' (People icon), a notification banner reading 'Temperature sensor predicts overheating failure in 4 days.' dated August 21, 2017, and a 'My appointments' tile labeled Notifications.

 

Mobile app 'Category list' screen with a hamburger menu, showing a 'Common' section with Food, Men's festival, and Women day category tiles, and a 'Top' section with Makup, Daily Products, Furniture, Baby products, Women's bags, and Men's bags tiles, each with a product image and label.  Mobile app 'Category list' screen variant with a left sidebar of filters (Recomended selected, Nutrition, Furniture, Toys, Phones) and a right content area showing 'Common' (Food, Men's festival, Women day) and 'Top' (Makup, Daily Products, Furniture, Baby products, Women's bags, Men's bags) category tiles.

 

Mobile app 'List Multiple Info' screen with an add-person icon in the top right, listing rows with a title, an Id number, a red Price value, and an info circle icon on the right; entries include Table (Id 1, $123.00), Traditional Uruguayan mate (Id 2, $12.00), a premium HP laptop description (Id 3, $3.00), Ergonomic PC keyboard (Id 4, $25.00), Phone (Id 5, $123.00), a football description (Id 6, $2.00), and Painting (Id 7, $123.00).  Mobile app login screen with a background photo of a person carrying shopping bags, overlaid with red-tinted 'User' field prefilled with 'John Freeman', a 'Password' field with a hide/show eye icon, a red 'LOGIN' button, and a 'No account yet? Create one' link below.