Tag: Ux Design

Low Cost MVP App built for Startup on NUXT in 3 hours

Low Cost MVP App built for Startup on NUXT in 3 hours

In this 2nd wave of Covid 19 Pandemic in India many young generation entrepreneurs are coming to help society with their Ideas in many ways they can. In Bihar’s town Muzaffarpur everything is not same as metro cities of India, people were facing lots of issue with travel restrictions to fetch essential medicines and essentials.

A young graduate from Muzaffarpur reached out to me to build a simplest form of web app where he can take online medicine order in Muzaffarpur. The orders received via Whatsapp can be organised and delivered by there volunteers following proper Covid norms. As this was a noble cause and we had to make some kind of MVP overnight for App name decided as Dawa Gaadi we choose Nuxt.Js for making a quick landing page for DawaGaadi.com

Simple Nuxt App Landing Page for Dawa Gaadi

This time we choose to develop our first production web app development using NUXT. The current app is very basic with Server Side Rendering, bi lingual (Hindi & English).

As I have very long experience as full stack PHP developer it was not very hard to build first app on NUXT which is a Vue.Js framework. It took only 3 hrs to setup, customise design for the landing page (bootstrap 5 is used), configure SSR and host it online.

How does my 1st Nuxt App looks on Mobile?

Dawa Gaadi App Screens

For long time I have used Laravel for backend & frontend customised app development for our clients in Bihar. I have been making cross platform mobile apps using Corodova & IONIC framework under my company Webx99 which provides Android App Development in Patna, Bihar for long time.

My Experience of Building first Nuxt.js (MVP App)

The experience of building an app on Javascript framework was very interesting and fun, Currently I am building a full-stack website using headless cms concept over Nuxt once launched I would start providing Node & Javascript development on both NEXT.Js which is a React framework and Nuxt.Js which is Vue javascript framework under my web development company Webx99 based in Patna.

In the meantime If you want are a startup trying to build a affordable MVP for your Mobile APP feel free to choose us for Mobile App Development in Bihar. Also you can follow me on Twitter at https://twitter.com/xvivek for any questions.

How I increased Conversion with new UX & PWA for RailRestro [Case Study]

How I increased Conversion with new UX & PWA for RailRestro [Case Study]

Context

Every one likes increased conversion and decreased bounce rate for their eCommerce web and mobile app. So does our client RailRestro wanted with us. The first version of Railrestro web app was built on Cakephp Framework back in 2015 by our team in which most of the development, design , ux all was done single handedly by me. 

The Client

RailRestro is official e-catering partner of Indian Railways IRCTC which delivers restaurant food in train as agregator across India. At first we had just the front-end web app from where people used to place order from partner restaurants, Later after 3 years of operation and lacs of food orders processed we were requested to build an app, We chose to build a hybrid mobile app for IOS and Android. But with the growth in order volume while crossing 10 lac orders we needed to improve ux of web app and mobile app as the user base of mobile exploded to over 95%. 

OLD UX of WEB APP & MOBILE APP

We needed a full rebuild of Web app and Mobile app both as mobile app was almost fulfilling the purpose but was lacking features and slow development cycle for the mobile app development was keeping us from deploying rapid changes and also the UX on Mobile web / Desktop and Android app was totally different. 

New Objective

After discussion with the founder and their team we came up to develop single PWA app so that we can focus on the mobile first ux and rapid improvement was possible keeping speed and seamless design on all platform I was handed over task to re design the whole web app and replace the android app with the new PWA web app which was to be served also via play store. 

NEW DESKTOP AND MOBILE APP SCREENS

NEW UX on Desktop & MOBILE APP Screen

Challenges and our Approach

Because the web application front-end was in production and had to plan the new app development and transition without disturbing most of the url structure due to SEO rankings it was tough listing and planning every page and develop totally fresh on a new stack, I used Laravel with bootstrap 4 to design and code the backend and frontend for new PWA app of Railrestro. I had to be careful as conversion pages url, landing pages which were indexed and events to be migrated in new app to reflect the similar analytics data specially for goal conversion. 

The New Ordering UX Screen Checkout Page and Confirmation

The Result

After initial testing and feedback gathering we launched the new app and measured the performance of application load time impact on conversion rate, total eCommerce transaction, bounce rate and other metrics and found significant improvement in all areas.

Performance Improvement was in multiple x to the previous app.

GT METRIX Report compared with peer
Lighthouse SCORE for PWA (The Best we achieved)

When we compared whole week analytics data since we launched new app the bounce rate decreased by 4 percent , Conversion Rate Increased from 5 % to 8% Sessions increased by approx 25 % on an average. Cart abandonment rate decreased by 2x.

Takeaways

The period of 4 months was challenging due to the fact that we had to migrate every feature, content and improve the ux at the same time, but the hundreds of pulls and pushes along with feedback from client end had made it possible and we are happy with the significant improvement in website performance, goal completions & conversion rate.

We encourage you to test the new RailRestro app and experience ordering food in train it your self.

You can follow me on twitter.com/xvivek or on linkedin and be connected with me and my work. If you are looking for mobile app development in Panta feel free to discuss your project with me.