Back
Case Study / Instafresh

welcome to Instafresh

instafresh

A Faster And Friendlier Grocery Shopping Assistant

Instafresh is a smart Grocery Delivery App which allows shoppers search store list nearby them. According to
their favorite local stores, they can order the grocery products from the app. Instafresh’s personal drivers will pick and
deliver their order in as little as 60 minutes.

The Challenge

The Challenge

While Supermarket culture has rolled out with greater consumer benefits, the only grueling task for
shoppers was juggling between an overwhelming number of packages and labels, stocked in the train of
shelves. Instafresh founder Ramiz Nathani got an aisle-side view of obtaining inventory and store layout
data from major grocery chains into a single application which can help shoppers navigate to items
quickly from their favorite stores, without hunting around and staring at shelves.

The Solution

SQL Server

The app included the feature of sending user’s device position co-ordinates to a back-end server. This SQL server then compared the longitude and latitude of the user’s position to the locations of the various available near by stores and then send back ‘distance to the nearby store’ data to the user’s device, to provide the necessary information to the user.

Front End Development

We have used Google API for Android and iOS through which we have compared the longitude and latitude of the user’s position to the locations of the various available nearby store.

The Challenge

Wireframes

Translating the ideologies, our Design team came up with a wireframe as a default template for an online grocery market, respecting the standard interface design, usability, call-to-actions, and break lines that divides the content for a smooth and crisp design. The app has four stakeholders i.e. User, Store owner, driver and Admin. This skeletal framework of the app clarified the features of the interface and made the design process iterative.

Wireframes
Instafresh

High Fidelity Prototype

As we got the app prototype approved by the project managers and the client team, our UI designers started working on the app visualization. During the process,
they emphasized on all the UI elements including fonts, colors palette, contrasts, and design layout to create a memorable customer experience.

Development

developement

Social Logins

Users can login through Facebook other than email id and mobile number.

Browse Stores

User can browse nearby stores according to the zip code

View Products

User can view category-wise product with their detail page

Search option

Users can search store, category and product by name

Location-Based Searches

Instafresh shoppers can enter their pin code and preview the stores located nearby them.

User Preference Categorization

Customers can categorize offers or deals presented through the app, in accordance with their own pre-set preferences

Add to Cart

The grocery shoppers can easily select the quantity of products they wish to buy and add them into the cart.

Track on Map

Customers can track the location of their driver on the map

Notifications

Customers can receive notifications of offers, delivery status, etc.

Payment Gateway Integration

Users can checkout and pay online through cards, net banking and wallet.

Order History

UseUsers can view order history of purchased grocery items.

Technology Stack

Frontend

  • html
  • css
  • js
  • jquery
  • mysql
  • android
  • ios

Backend

  • html
  • css
  • jquery
  • art

Third Party Tools

  • stripe
The Results

The Results

Everything essential for the user has been thought of and
incorporated within Instafresh so that users can navigate around
the online grocery app easily and accomplish the task in a few steps. Instafresh has empowered retailers and supermarket owners and helped them achieve financial targets and increase user base.

Next Case Study

Bazr