Web App that allows you to buy in India & ship worldwide

My India Shops (MIS) is an online platform that allows anyone outside India to buy products from any shopping platform in India without hassle.

Anyone can buy the product, ship it to MIS address, either pay online or choose COD, and MIS will ship it to their international address.

Moreover, they can view delivered product images & request to either proceed or return the product.

Project Scope

My India Shop’s client Mr. Farhan reached out to us for end-to-end services starting from branding, and UI/UX design to frontend development.

Our goal was to design a brand image with a purpose and build a user-friendly online portal through which users can place orders & track them.

Our role was also to integrate 3rd party API’s from the Kapture CRM & tracking service providers.

Goals

→ To build a typical Indian style brand image
→ Login system to place & track the orders
→ 3rd party API integrations (CRM & Tracking)
→ Review & accept features to verify delivered products

Challenges

→ Working with 3rd party APIs & the backend team
→ Building a user-friendly product verification system
→ Mixing things up with the Indian flag color for the website
→ To be built on the AIDA concept for easy marketing

Outcomes

The entire design came out really clean, simple, and easy to use. From a convincing website (to increase sign-ups) to a user-friendly dashboard, everything was built to perfection.

Starting from the logo, the client loved each of our deliverables.

The design was modern yet professional with a clean layout. On top of everything, it was very easy to sign up, place orders, review products, and track shipment on the site.

Play Video
Styleguides

Based on our discovery session with Mr. Farhan (CEO) and the team, we managed to come up with three different styleguides.

For this project, we were on the same side as the client. Although, the other two versions were also good Indian feel was really promising for the brand.

The reason was simple, most of the customers were NRI, and providing them with an Indian feel increases trust & credibility.

So, we went ahead with the following:

1. Indian flag colors for trust
2. Orange for vibrant CTAs
3. Rasters to build an emotional connection
4. Vectors to look modern
5. Professionalism with San Serif
6. Simplicity throughout the design

Logo Design

We had so many ideas for the logo ranging from a wordmark to a shipping truck but nothing seemed to work. Finally, we thought of switching to shopping from shipping.

The finalized logo icon was a shopping bag with the Indian flag color and negative space showing shipping from one destination to the other.

Collaterals

Apart from the logo, the client required us to design some physical collaterals. This included visiting card, letterhead, and an envelope.

Guidelines

Finally, we jump to creating a brand guide that can be used by the client & other third-party vendors to maintain brand authenticity.

The following details were included in the brand guide:

1. Logo Family & Usage
2. Typography & Colors
3. Iconography & Photography

Play Video
UX Design

Based on the approved sitemap, we were supposed to build the UX for 39 pages including the user dashboard. Due to a lack of reference, the activity was difficult.

After designing some low fidelity designs, we planned to have a robust UX strategy session with the client & team.

The goal was to understand the complete product review process from uploading it to the portal to getting the customer approval.

The 4-hour workshop led to some great results. The final UX (Mid Fidelity) designs were super simple to understand & use.

Our team was also responsible for the entire content of the My India Shop project.

This included technical content, company-related content, and the UX copy.

UI Design

Lastly, in the design phase, we were supposed to build high-fidelity designs with interactive prototypes for both desktop & mobile devices.

Like all our projects, we went ahead with the mobile-first approach for this application.

The UX was combined with the approved styleguide and the final design was outstanding.

We faced several challenges while using the flag colors, and combining vectors with raster but finally we managed to align everything in place & delivering the best outcome.

Finally, we used Vue JS for the frontend development activity. The project took around 10 weeks to get completed including API integrations.

If you are planning to build a web or mobile app, our team of strategists, designers, and developers can help you build your ideal product.

Get a project estimate or book a call with us to get onboarded (or to learn more about us).

Need more information,
request a sales pitch presentation today.

Filter by Industries
Filter by Solutions
*Close the popup to see the result

Request a Sales Pitch

SUBMIT PROMOTIONAL POST

CONTENT
STRATEGY DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

APPLY NOW

SUBMIT EDUCATIONAL POST

UI/UX DESIGN DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

FRONTEND DEVELOPMENT DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

Become Partner

CMS BASED DEVELOPMENT DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

BACKEND DEVELOPMENT DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

BRAND IDENTITY DESIGN DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

PRINT DESIGN DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

BRAND
STRATEGY DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

UX STRATEGY DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

CONTENT CREATION DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

SOCIAL MEDIA MARKETING DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings

SOCIAL MEDIA MARKETING DECK

Hi there,

Thank you for showing interest.

In this deck, we will cover the
following:

Thanks
Wilson Wings