Qskip – Self Checkout Grocery Shopping application

qskip grocery app

Qskip is a self-checkout grocery shopping application. For too long we have been going to the stores and waited long hours for the billing which spoils the complete fun of grocery shopping. Finding the product you desire is pretty tedious, exploring a new store without the help of the assistant sounds like a nightmare. And after all the hassle it is pretty disappointing to know that the grocery store is out of stock.

No More long ques: Now you can do your own billing and skip the waiting time.

No More trouble while finding the right product: You can just scan the barcode of your used products to shop the new ones

No More Running store to store: Select the product to find the nearest store around you selling the product and at the best deal.

Qskip makes use of technology to the fullest. With Qskip Mobile App you can simply SCAN the BARCODE of any product (used or unused) and find the stores near you selling the product with price comparison. Even if you choose to pay at the counter, each of our orders are marked with a QR code which the vendor can scan to read your order details and you can move out of the line within seconds.

Challenges and Features:

Below are the features and a brief explanation on why were they required and how did we design the:

 

3 Different Models in 1 App:

UX Challenge:  The app was supposed to have 3 different shopping Experiences namely: In-Store, Pickup and Home Delivery. Our Challenge was to make sure that user doesn’t get confused as to which service he is availing and yet is easily able to transition from one service to another.

Our Approach: We laid down all the 3 models at the bottom to enhance the visibility and gave minute differences to the UI to make sure that users feel the difference while using the app. Things as minute as On-click animations were different to make the user feel the difference.

 

Bar Code Scanning and Adding Products:


UX Challenge: The most time spend on the applications by customers is in finding the product they want to buy. The sooner they find the product and add it to cart the faster is the payment.
Our Approach: Manufacturers have been using barcode since forever to maintain inventory, track sales, and distributions and we wanted to leverage the ease. Just by placing the product in front of the camera you can add a product to the cart and even keep adding the quantity without a single click.

Category and SubCategory:

qskip 3 shopping experience
UX Challenges: Drop Downs are old school and it interferes with the real highlight of the application which are the products displayed below. We wanted to have a process where the screen is not obstructed and visibility of the different options to purchase is always in the field of view of the customer.
Our Approach: We were sure that all the category options have to be blatantly visible but at the same time we wanted to make sure that it does not occupy lot of screen space. We came up with sliders based category and sub category structure.

Swipe to Cart:


UX Challenge: There are 3 steps that are required to close a purchase, Finding the product, next is adding the desired quantity, and finally doing the payment. The faster we can make it happen the more sales we can generate.

Our Approach: We brought all 3 on single screen. Just by a swipe up user can access the cart any time. Without any click, without any new UI, without clicking back button. Payment becomes just a swipe away.

 

Vendor Application

 

QR Code based Order Discovery:


Flow Challenge: It is really time-consuming and irritating to keep going back and finding the customer standing in front of you. It also increases the customer time on the counter, resulting in long ques.
Our Approach:  We build a unique QR Code for each order. All that a customer needs to do is open his past order and show this QR code to the vendor. As soon as the vendor scans the QR Code the order pops up on the screen which can then be processed.

Vendor Order Verification, Add Product:

QSkip verify screen
UX Challenge: This screen probably has the highest number of features within 1 screen. The important part was, the person on the counter has to manually verify each product while the customer can make demands to add a new product or remove the existing ones.
Our Approach: As simple as the touch of the tile can mark the product as verified. Qskip Verification counter runs at the bottom to keep a check. Loyalty of the client can be seen by the number of the order he has done in the past.

Easy Order Management


UX Challenge: For a busy store it could be challenging to manage multiple orders with their status and the type of delivery they prefer. Especially in the peak hours or on the busy days
Our Approach: Qskip’s UI is designed in such a way that it highlights the important things in each order through which in a glance the vendor can understand the status and manage their priorities.

Auto Inventory Management


Flow Challenge: Inventory is the biggest management requirement for any grocery store since the product move really fast and for some products, it even needs to be updated on a daily basis.
Our Approach: Vendors get a notification for the products that are running low. The inventory is auto deducted once a customer adds it to their cart. Quantity and price could be updated by clicking on the product or in bulk via CSV Upload.

Conclusion:

Based on all the research we did and the market test we realized that Grocery is a pretty vast domain with a  market cap of  $1+ Trillion in a year. Grocery can very easily accommodate multiple big players. Grocery is important because it is a basic necessity for any human hence there is still a lot of scope for innovation and enhancing the ease of access to these products.

With this vision in mind, we are next trying to compete with Startups like Amazon Go in the field of automated grocery shopping experience through AI and Machine Learning. If you have some interesting ideas we would love to hear them.

LeBot: AI powered SaaS based chatbot

“Le” stands for The and “Bot” stands for an autonomous program. LeBot is an AI powered SaaS based chatbot. LeBot can be used in vast areas of client interactive domains from converting leads to survey forms, it can handle all the dynamics of the different markets.

We have powered LeBot with some unique quality which makes it stand out from its competitors. As always, we have put especial emphasis on the UX part since long chain of conversations could become really complex and confusing.

LeBot follows a tree-structure approach to easily drive the conversation flow and hence drive the customer behaviour.

Features of LeBot:

  • Lead Conversion

    LeBot can easily be attached to websites with 0 technical knowledge. When your customers visit your website they can interact with the chatbot and resolve their queries, while you can focus your time and attention on more important things. Therefore, now you can convert leads even while sleeping.

  • Trained Answers

    You can train LeBot to fluently have conversation with the users. You can define the set of questions to LeBot where each question is associated with its respective responses. This works best when the questions are exhaustive and repetitive. It can save lot of time for customers and human resources for the company. It also has the potential to replace the FAQ for any industry.

  • Conversational Tree

    LeBot is advanced enough to handle sophisticated conversations and guide the user to the end goal. Imagine the possibilities if your end goal is selling a product (almost always). We have designed LeBot in a structure that you can construct a sequence of conversation where the flow of conversation changes based on the response of the customer. Since the conversations can be tricky and lengthy, our expert UX team has very carefully designed the UI to ensure that you never lose track or leave an open end conversation.

  • Variety LeBot can handle

    LeBot currently has a vast number of answering possibilities, namely, Text, Radio Buttons, Multiple Choice, Yes/No, Calendar, DropDown, Checkboxs, Website, Email, Phone Number and Range Selection. Pretty much covering all the aspects of any business deal.

  • Appointment Booking System

    Since, the inception was to create a bot which can convert leads to paying customers and replace the human need for repetitive work, it was imperative to have a system for booking calls. The bot can schedule a booking based on the calendar availability. It can also give reminders for the upcoming meeting and meeting updates.

  • Chat history

    LeBot can even maintain a chat history for the users so you can manually cross check the conversation as per your availability. It can also help you experiment with different strategies, test customer behaviour and improvise the conversion rate and make most sales.

Usages:

  • Website Integration: Chatbot
  • Survery Form
  • FAQ
  • Search Products
  • Filter products
  • Messenger Integration

TasteMade: 100 million visitors per month !!

What exactly is TasteMade.com?

TasteMade was founded in 2012 by Larry Fitzgibbon, Steven Kydd and Joe Perez in Santa Monica, California. In the short time of just 6 years, it is one of the most loved and trusted sources by the millennials in more than 200 countries. With well over 100 million visitors per month, it is undoubtedly one of the dominant TV Networks. TasteMade curates content for Food, Travel, and Home related products and services for its digital audience. TasteMade.com is the company’s official website which handles it gigantic view base and enables them to make purchases swiftly.

Let’s look at the features of the websites?

Credit

Live Show :

Live Show feature basically mean live streaming of the shows on the website. Hence the shows are AIRed in real time and could be viewed by the viewers with internet access. Although TasteMade has its own channel, however, the traditional cable system is not sufficient when we talk of a global audience. TasteMade makes sure that it is well connected with its viewers irrespective of the country, origin or the language barriers. Therefore, the website live streams all the shows with subtitles hence making it easily accessible to the vast global audience. TasteMade has some really ambitious plans with the live streaming feature.

Credit

Repository :

With such a powerful website, TasteMade made sure that it’s viewers have accesses to all the content as per their convenience. Therefore, it has a repository of all the shows it has AIRed which can be viewed by anyone, from anywhere and at any time. You can consider it a Youtube of its own. Although it can put a huge load on the server with the help of some good tools and a great development team it felt like a piece of cake.

E-Commerce :

Youth loved TasteMade and TasteMade wanted to give it back to them. Hence they added an e-commerce section to their website where they could easily find the products they were looking for an order directly to TasteMade. E-commerce also has a very high acceptance for TasteMade they content on their website often gives suggestions for different items. These suggestions could then be easily linked with the relevant product already available on the website. The website features a full-fledged E-Store with features like:

  1. Inventory Management
  2. Order Management
  3. Ads Management
  4. Invoice Management
  5. Delivery Management

CMS :

CMS stands for Content Management System. This feature empowers the Admin of the website to change/add any content pages on the website with a mere click of a button and with 0 technical knowledge. TasteMade has a very active blog section where they add a new content multiple times in a day. It would be highly inconvenient to have a developer keep creating a new page for each blog, hence the CMS was created for the core team to manage it without any external support requirement.

Unlike most of the CMS websites, TasteMade is a custom built website. Hence, it is far more powerful and has superior User Experience. The reason to not choose WordPress or other such CMS was the high traffic and the lack of customization offered by such systems. For such sophisticated websites, custom development is always recommended, while the template based CMS is more suitable for early stage and low traffic websites.

Credit

Wanna know about the Technology behind:

TasteMade is built with some of the best in industry technologies which makes it really fast and scalable. It is not an easy task to handle over 100 million visitors per month and the decisions maker for the company were well aware of it. Below is the technical stack of the website.

  • Language: React Js
  • Image Handling: Imgix
  • Server: Heroku
  • Hosting: Digital Ocean

To conclude:

We are proud of present TasteMade, it is a masterpiece for more than 1 reason. We have had so much to learn from the complete team and so many wonderful experiences to share from our development site. If you are at an early stage and confused on how to become the next TasteMade then some of the below articles may prove to be of some help.

 5 Non-Technical ways to hire the right technical team

Things to prepare before reaching out to a developer

7 ways on how UI could increase your sales

justify

no-repeat;center top;;

auto

Clean Laundry Application: Most Convenient Way To Do Laundry

About:

Clean Laundry Application is a US start-up offering quick laundry booking services dedicated to college students. Clean Laundry Application facilitates students to plan their laundry or book on-the-go to have a professional pickup their cloths and delivery as per student’s convenience.

Clean Laundry Application’s basic aim is to give quality cleaning and convenient pickup and drop to match student’s dynamic timetable. Students are famous for being messy and prefer to remain budgeted users for obvious reason. Clean Laundry Application aim at solving both the problem by creating a demand high enough to compensate for the cheaper rates.

Clean Laundry Application has its own cleaning stations where inventory is managed. Delivery is done by the delivery boys of Clean Laundry Application itself with some incentive based assistance from the students. The start-up focuses purely on the hostels where the community was closed and trusted. This gave rise to some unique delivery mechanism (explained in “Interesting Feature”) and technical sales features (explained in “Interesting Feature”). These are something worth to spend time on. The founders are college students themselves. Working with students from IV League College gave Graffersid alot of learning as well.

Laundry Application Dashboard

Features:

Functionality for Users:
  • One click booking,
  • Scheduling future bookings,
  • Tracking the delivery,
  • Managing Booking History,
  • Making Reoccurring booking,
  • Cancel Booking,
  • Raising issues,
  • Marking themselves as available. (explained in “Interesting Features”)
Features for the Super Admin:
  • Managing Current bookings,
  • Tracking Delivery,
  • Resolving Complaints,
  • Viewing Inventory
  • Managing customers,
Features for the Admin:
  • Managing Current bookings,
  • Tracking Delivery,
  • Updating Inventory,
Features for the Delivery boy:
  • Receiving Delivery Request,
  • Auto-Matched Delivery destination,
  • Updating Status of the delivery,

Laundry Application Share

Special Feature:

Delivery

Students are very unpredictable and can move real quickly from any locations. The average time for student at a single location is very less and unpredictable. Hence matching the correct time and destination for delivery is insanely challenging. Nonetheless, hostel culture on the other hand is very friendly and behaves like a closed community. Another thing to consider is financial status of the students which is not very strong.

Based on the above observation Clean Laundry Application used 2 approached to the delivery:

  • They tied up with the hostel management to use reception as the collecting and drop off point

  • They used other students to deliver it on their behave. Students could mark themselves as available to receive delivery which he can later go and personally hand the parcel to the real owner. If permission is provided, based on the GPS location they are auto marked to accept delivery. To attract more users the delivery was incentivised by adding gift cards and free service, if a student took the order for another student and delivered it to them safely.

Clean Laundry Application saved a huge delivery cost and time. They bifurcated the orders over sectors and hired a heavy vehicle to take all the orders at once since there was no time issue one person could make all the deliveries of a specific region.

Getting new user on Application

The above strategy also worked great in making new users aware of the Clean Laundry Application’s services. Clean Laundry Application spend some money in getting custom bags with their logo on top in which the company used to make deliveries. When alot of people moved around carrying the branded polybags others got curious and the word spread quickly.

Once a new user comes on board, they had the option to enter reference codes which benefitted the referee and the user both. With these points users can avail certain discount codes and online coupons. Since student segment is very cost sensitive segment, this feature definitely turned lot of heads. The coupons could easily be availed at different websites or local stores. The digital coupons is a negligible cost to use and are easily available over different mediums.

To add cherry on the top, Clean Laundry Application gave reduced certain % of cost once the total users from a specific facility touches a milestone. This move was applauded as it started creating a community around the facility and motivated people to interact with fellow companions.

Laundry Application Tutorial

Technical Hidden Challenges

Inventory Management

Unlike the traditional Inventory Management Systems (IMS), the IMS for laundry stands out. All the cloths come in different packages when they first reach the cleaning facility. Nonetheless, all the clothes are mixed when they enter cleaning cycle. Such a practice is followed majorly to reduce the cleaning cost. Once all the clothes are mixed, it can be challenging to segregate the pieces as per their owners. It is also important to track any specific piece and know the exact location of where the particular piece is at any given point of time.

This particular practice could be made easy by using a auto-generated tracking system which can pinpoint the pieces that belong to a single owner. Which developing there are lot of permutation and combinations possible which can create a significantly complicated logic. There are also high chances of missing out on some of the possible cases if not evaluated properly.

Invoking actions based on the location

Lot of Mobile applications want more and more users to be active on their platform and spend hours wasting time. Well luckily this wasn’t the case with Clean Laundry Application. The founders wanted to the user to not open the application at all and yet be active on the platform. On a daily basis the user interacts almost 10 times with the application without even getting distracted. The application tends to automate a lot of tasks on the student’s behalf. Once the permissions are acquired the user literally doesn’t need to open the application and can still be updated simply by the notification panel. This proved to be the show winner for Clean Laundry Application.

Technically, it was very challenging to make it happen. The user journey and user experience took multiple iterations and lot of brain storming before being finalized. Around 35% of the project time was spent on the wire framing and brain storming. Similar to the delivery model, some of the features doesn’t currently exist hence these features had to be custom made from scratch, which can be a good test of technical skills and patience.

justify

no-repeat;center top;;

auto