FOGRO | Food & Grocery App UI Kit for Adobe XD

Overview

“FOGRO | Food & Grocery App UI Kit for Adobe XD” – FOGRO is a premium mobile UI Kit to help in your food & grocery app development process. This kit comes packed with more than 54 beautifully designed screens, neatly grouped and organized accordingly to change easily all of the design. It will help you to design clear interfaces for food & grocery apps faster and easier. we have built this app UI kit using Adobe XD tool.

Our package includes 54 well-organized screens for iOS.

FOGRO | Food & Grocery App UI Kit for Adobe XD

• Awesome Unique Look
• Modern and Clean Design
• 54+ Premium Readymade Screens
• Great Usability, Typography and User-experience
• Compatible with Adobe XD 34+ version
• Fully Layered, Grouped & Named appropriately
• Free Web Fonts
• Free Icon Fonts
• Well-Documented Help File
• And Much More…

Screens Included

• 01_Splash
• 02_Onboarding-1
• 03_Onboarding-2
• 04_Onboarding-3
• 05_Welcome
• 06_Sign Up
• 07_Sign In
• 08_Verify Phone Number
• 09_Phone Verification
• 10_Forgot Password
• 11_Change Password
• 12_Reset Password
• 13_Home Screen(Option-1)
• 14_Home Screen(Option-2)
• 15_Category
• 16_Search
• 17_Search-Result
• 18_Product Listing
• 19_Product Details
• 20_Shopping Cart
• 21_Shopping Cart Empty
• 22_Delivery Address
• 23_Checkout
• 24_Order Success
• 25_Order Decline
• 26_Track Order
• 27_Write a Review
• 28_Apply Filters
• 29_Reviews
• 30_User Profile
• 31_About Me
• 32_My Orders
• 33_My Payments
• 34_Credit Cards
• 35_Add New Credit Card
• 36_My Favourite
• 37_Transactions
• 38_Promocode
• 39_Promocode Details
• 40_My Address
• 41_Add New Address
• 42_Notification
• 43_Settings
• 44_Support Center
• 45_Support Center Details
• 46_Live Chat
• 47_Order Tracking Map
• 48_Pofile Menu
• 49_Review Details
• 50_Add Review Shopping
• 51_Add Review Delivery
• 52_Scan QR Code
• 53_Friends List
• 54_Followers List

Icon used

• Flaticon

Fonts used

• Raleway

Graphics used

Note: All images are just used for preview purpose only and NOT included in the final purchase files.

• Vecteezy
• HiClipart
• Unsplash
• Freepik

Main Files

• 54 Screens with XD File
• Well Documented Help File

Software Version

• Adobe XD 34+ version

How to use for Adobe XD File

In order to edit the file, you need to have XD installed on your system and the fonts mentioned in the credit. As you can see on the right, the layers are well organized and grouped into folders, which make editing very easy. So, all you have to do, is select the layer from the right, and then edit it with XD.

Add or Replace Images: You need to download some appropriate images from the image banks or given below links. You can also edit any text, color or any font file by double click and change the same. You can also download full version of Adobe XD from here. Adobe.com

Thank You!

Thank you so much for your interest. Your comments and ratings would be much appreciated.