Ecommerce Wireframe Library & UI Kit
About
All you’ll need for your E-commerce Design Project.
Wireland for E-commerce – is a Complete Wireframing Library Collection optimized to structure e-commerce design projects really fast and easy. We focused on helping you complete your project in the most efficient way.
This library consist on 180+ ready-to-use layout sections divided into 18 popular content categories. Suitable for Sketchapp software.
Get the free version here: https://gum.co/qwCFI
FEATURES:
- 2,500+ possible combinations
- 150+ Layouts ready to use
- 18+ popular content categories
- Atomic Design Implementation
- Bootstrap Grid
- Symbols Best Practice
- Text styles
- Google Fonts
FILE STRUCTURE
01. LAYOUT LIBRARY
- Navigation Bars
- Dropdown Menu
- Value Proposition
- Product Description
- Product Details
- Product Grid
- Promo
- Customer Review
- FAQs
- Content
- Sliders
- Footer
- Login & Signup
- 404
02. HOME PAGES
- Version 1
- Version 2
- Version 3
- Version 4
- Version 5
03.SHOP CATALOG
-
Store Page - No Filter
-
Store Page - Card View
-
Store Page - List View
-
Store Page - Categories
-
Store Page - Category Page
04.PRODUCT DETAIL PAGES
- Version 1
- Version 2
- Version 3
05. CHECKOUT PROCESS
- Shopping Cart - Empty
- Shopping Cart - Filled
- Checkout - Contact Information
- Checkout - Shipping
- Checkout - Payment
- Checkout - Confirmation
- Checkout - Order Tracking_Form
- Checkout - Order Tracking_Page
06. USER ACCOUNT
- My Account - Basic Information
- My Account - Address
- My Account - Payments
- My Account - Wishlist
- My Account - Orders
07. MISCELLANEOUS
- Contact
- Find a Store - List
- Find a Store - Map
- Find a Store - Store Page
- Store Profile
08. BLOG
- Home Page
- Category - Card View
- Category - List View
- Article Page
09. UI KIT LIBRARY
- Inputs
- Buttons
- Steppers
- Dropdown
- Progress Bar
- Switch
- Checkbox
- Radio Button
- Pagination
- Pager
- Rating
- Tag
- Tooltips
- Popover
- Dialog
- Tabs
- Alerts
- Accordions
- Breadcrumb
- Panel
- Icons
- Media: Video players and Images
- Forms
- Etc…
10. STYLE GUIDE
- Branding Configuration
- Colors & Shapes
- Font: Headers
- Font Paragraph
- Font: Buttons & Links
11. MARKUP & COMMENTS
- Connectors
- Pointers
- Dotted Lines
- Solid Lines
- Comments v1
- Comments v2
- Extractors
FONT USED
You need to install Monserrat Font before start editing the Sketch files. You can download in the following link: https://fonts.google.com/specimen/Montserrat?query=mo
Reviews
No reviews yet
Comments
FAQs
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.