01_Theme Preview.jpg 02_Navigation Bar.jpg 03_Value Proposition.jpg 04_Product Description.jpg 05_Product Details.jpg 06_Product Grid.jpg 07_Promo.jpg 08_Customer Reviews.jpg 09_FAQs.jpg 10_Content.jpg 11_Slider 11.19.00 AM.jpg 12_Footers.jpg 13_Loging & Signup.jpg 14_404.jpg 15_Home Page 1.jpg 16_Home Page 2.jpg 17_Home Page 3.jpg 18_Home Page 4.jpg 19_Home Page 5.jpg 20_Store Page - No Filter.jpg 21_Store Page - Card View.jpg 22_Store Page - List View.jpg 23_Store Page - Categories.jpg 24_Store Page - Category Page.jpg 25_Product Page v1.jpg 26_Product Page v2.jpg 27_Product Page v3.jpg 28_My Cart - Empty.jpg 29_My Cart - Filled.jpg 30_Checkout - Contact.jpg 31_Checkout - Shipping.jpg 32_Checkout - Payment.jpg 33_Checkout - Confirmation.jpg 34_Checkout - Order Tracking_Form.jpg 35_Checkout - Order Tracking_Page.jpg 36_My Account - Basic Info.jpg 37_My Account - Address.jpg 38_My Account - Payments.jpg 39_My Account - Wishlist.jpg 40_My Account - Orders.jpg 41_Contact.jpg 42_Find a Store - List.jpg 43_Find a Store - Map.jpg 44_Find a Store - Store Page.jpg 45_Store Profile.jpg 46_Blog - Home Page.jpg 47_Blog - Category_Card View.jpg 48_Blog - Category_List View.jpg 49_Blog - Article Page.jpg 50_Dropdown Menus.jpg 51_Buttons.jpg 52_Inputs & Form.jpg 53_Video & Images.jpg 54_Miscellaneous - 1.jpg 55_Miscellaneous - 2.jpg 56_icons.jpg 57_Cards.jpg 58_Markups.jpg
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
- 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
- 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
SOURCE & CREDITS
FONT USED You need to install Monserrat Font before start editing the Sketch files (you can find it at Google Fonts website)