Wireland for Ecommerce - Massive Wireframe Library Collection

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.

FEATURES

• Web Responsive Layouts
• Mobile Layouts
• Table Layouts
• 2,000+ possible combinations
• 200+ Layouts ready to use
• 19 popular content categories
• 7 Ready to use landing pages
• UI kit base elements
• Markups & Comments Elements
• 40 differents navigation styles
• 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

1. Version 1
2. Version 2
3. Version 3
4. Version 4
5. Version 5

03.SHOP CATALOG

1. Store Page – No Filter
2. Store Page – Card View
3. Store Page – List View
4. Store Page – Categories
5. Store Page – Category Page

04.PRODUCT DETAIL PAGES

1. Version 1
2. Version 2
3. Version 3
4. 05.CHECKOUT PROCESS
5. Shopping Cart – Empty
6. Shopping Cart – Filled
7. Checkout – Contact Information
8. Checkout – Shipping
9. Checkout – Payment
10. Checkout – Confirmation
11. Checkout – Order Tracking_Form
12. Checkout – Order Tracking_Page
13. 06.USER ACCOUNT
14. My Account – Basic Information
15. My Account – Address
16. My Account – Payments
17. My Account – Wishlist
18. My Account – Orders

07.MISCELLANEOUS

1. Contact
2. Find a Store – List
3. Find a Store – Map
4. Find a Store – Store Page
5. Store Profile

08.BLOG

1. Home Page
2. Category – Card View
3. Category – List View
4. 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

SOURCE & CREDITS

FONT USED You need to install Monserrat Font before start editing the Sketch files (you can find it at Google Fonts website)