Avin A Multi-Concept Ecommerce Sketch Template

Sketch File Included

2.Sktech files, 40 art-boards inside.

Avin User Interface_Light

• 01__Intro_1
• 02__Intro_2
• 03__Home
• 03.1__Home_Menu
• 03.2__Home_User_Area
• 04__Home
• 05__Products
• 06__Product_View
• 07__Product_Cart
• 08__Product_Address
• 09__Product_Payments
• 10__Settings_Account
• 11__Settings_Orders History
• 12__Settings_Wishlists
• 13__Settings_Adress
• 14__Settings_Payments

Components

• 01__Shopping Cart
• 02__Search
• 03__User Menu
• 04__Menu
• 05__Calendar
• 06__Product_Details
• 07__Status Messages
• 08__Add Address

Avin User Interface_Dark

• 01__Intro_1
• 02__Intro_2
• 03__Home
• 03.1__Home_Menu
• 03.2__Home_User_Area
• 04__Home
• 05__Products
• 06__Product_View
• 07__Product_Cart
• 08__Product_Address
• 09__Product_Payments

Components

• 01__Shopping Cart
• 02__Search
• 03__User Menu
• 04__Menu
• 05__Calendar

Fonts Used

• Cairo
• 29LT Bukra

Icons Used

• Google Material Icons

How to Edit Sketch File

In order to edit the file, you need to have Sketch app for Mac installed on your system, and the fonts mentioned in the credits installed. As you can see on the left side, the layers are well organized and grouped into folders, which make editing very easy.

Easy editing

In user interface page select any element then on the right side you will find the section overrides then you will find every element’s title and a text box or drop-down menu so you can change what you want.

Advanced editing

You can edit every element in the template by going to components page and select the item and you’re free to change everything in it. 

So, all you have to do is select the layer from the left, and then edit it with the inspector on the right side.

  That’s not all! But enjoy now.

Sources and Credits

The sample images viewed in the Sketch preview are for demo purposes only and are not included with your purchase.

These images are courtesy of

• Shutterstock
• Unsplash