Zunati

On-demand personal styling. Connect with a personal stylist for a makeover of your home, wardrobe, jewelry & accessories. Buy designer fashion clothing & home decor products.

Visit website

My Role

  • Web and Mobile Product Design
  • Front End Development
  • Marketing via social media
  • Everything in between

Challenge

Our main challenge is to connect fashion stylists, merchants and buyers on a single platform.

This helps stylists to find more clients, merchants to sell products and buyers to buy the items they want.

tl;dr

Overview

In late 2013 Kunal approached me with an idea of a shopping app. He wants to make a social discovery app to make shopping smarter. But through the development process it transformed into a full-fledged product platform.

In the beginning of 2014, we scrapped everything we made and start over. If we really want the product to get shaped, we need to concentrate fully on this. it’s a kind of risk having very limited resources and a tiny team. Being my first startup experience; jumping into this world though is a risky decision but is also a great experience.

We really don’t know whether we got succeeded or not. But if we really want to deliver this; then have to step further. So I pull up my sleeves and dive deep into the product.

Need Finding

We sat down and start asking some questions to ourselves:

  • What exactly we are going to make?
  • What benefits will a user have?
  • Does the product really solve his pain points?
  • Why he will use the product?
  • Who are other competitors in this space?
problem
solution

What Is Zunati?

We called our idea as "zunati". Our platform enables brand propagation via social and person to person mechanisms and helps designers create their brand awareness in the community. Our aim is to create a user experience that will be simple, effective and engaging to the user. We describe our idea as:

  • Zunati is a platform for designers in the fashion and home accessories to market and sell their products via social and personal recommendations.
  • Designers add their products to our platform. All products added by these designers are discoverable in the platform. Online users who want to market those products sign up with Zunati as a Stylist.
  • These stylist curate products they like in an online page and share them via social networks and email. Friends and connections of Stylist see the products and if they buy a product then the stylists get a commission.

Building Personas

Our product revolves around 3 stakeholders. We created personas for all of them to have a broad idea about our possible users:

User Goals

Now we know what kind of possible users who are going to use the product; it’s time for their goals. What exactly they are going to do? How they achieve their goals? How they are going to use zunati?

user-goals

User Tasks

Each feature involves the tasks which a user is going to perform. I Note down the possible tasks for all the respective user features. There are also sub-takes and inter-personal tasks involved.

stylist-tasks
seller-tasks

Wireframes/Interaction Flows

Based on all the information we have for each user; I started creating possible interaction flows/wireframes. This process involves a lot of iterations and we try multiple possible solutions of the same problem. I created end-to-end flow for each feature. I try to make the steps simple and easy to use; providing possible information to get the work done.

stylist-interaction-flow
seller-interaction-flow
buyer-interaction-flow
common-interaction-flow

Branding

Once all the documentation process gets over, now starts the actual designing. Before getting into the whole design process; I made the branding part. Like what color should be used? What font will look good? How the logo should be? I tried and tested several options for this and settle on the following:

branding

Modular Design & Development

While designing the screens; I felt that if we want to extend the product and want to iterate further and faster, then need to think in a different way. So we implemented the modular design approach. Being a tiny team, limited resources and I am doing all the interaction/design/dev part; we used lean and mean approach for the whole stuff.

I started with pencil-n-paper to wireframe the design or any interaction flow. Once we settle on something; I look upon to see if any new components needs to design or we can use the existing one. If it’s already present; I skip the design process and directly start the prototype with html/css/js. We then just plug-n-play the components to see multiple versions of the same page whenever necessary. This helps us to same on some time, iterate faster and try and test different approaches of the same problem.

Similarly we tested the possible solutions with some of our early adopters. We take their feedback into account and refine it. All of the screens go through the same process before actually coming to shape.

Stylist Features

stylist-my-shop

My Shop

Stylists able to sell their items through the shop.

stylist-my-finds

My Finds

If someone finds something useful, he can store it into my finds.

stylist-my-shows

My Shows

Trunk shows created for users to help them ease the fashion decisions.

stylist-upload

Upload products

Upload the products and show your skills to the world.

stylist-select-category

Add products

Add products to your trunk show and create a perfect look for user.

stylist-add-products

Browse products

Explore products from other sellers through various categories.

stylist-add-cataloges

Add catelogues

Add entire catalogue to an event which your are creating.

stylist-earn-commission

Earned Commission

Earn some comission for each product sold through your trunk show.

Seller Features

seller-my-shop

My Shop

The home of seller. He can add/sell/promote his products via My shop.

seller-shop-details

Stepup the Shop

By adding a few required details; a seller can create the shop.

seller-upload

Upload products

Seller can drag and drop a bunch of products to upload

seller-add-products

Add details

Add some basic details of your product and it's ready to sell now!

seller-product-details

Product view

Each product has all the required details based on it's category. Anybody can buy the product from here itself.

seller-folder-items

Folder view

The detailed view of a folder in a seller's shop. All the available products along with some basic info are shown here.

Buyer Features

buyer-buy-products

Buy Products

Any buyer buys products from here. It's the 1st step in a 3 step process.

buyer-card-details

Add Card Details

The last step in the buying process; add required card details to buy.

Buyer Purchase

Purchase details

A detailed report of your purchaed items. All the purchased items can be tracked.

Buyer Settings

Settings

The usual settings for any user. Differs based on user criteria.

User Onboarding

The community which we are targeting is kind of mixed bunch. We want to make sure that users should not get any issues while interacting with the product. So to ease the onboarding we tried several things to get this going. Some of them are:

onboarding-product-tour

Product tour on signing

onboarding-blank-states

Action items for blank states

onboarding-graphic-help

Easy to understand to do graphics

onboarding-inplace-help

In place help on each screen

Landing pages

Once everything is in place, it’s now time to launch our main site. We tried hard to get users understand the concept through home pages. Users should easily come to know what the product is all about.

Starting with a very simple one, we keep refining the home pages to a stage where everybody should quickly see what they are looking for and start signing in.

Email Marketing

We are about to launch the product. We want to make sure that we should able to communicate with the users once they sign up with emails. So we come up with a chart where all the possible tyes of communication messages listed along with the emails. This helps us to know when to send which mail.

email-campaigns

Email Templates

In sync with the chart; I created the possible email templates for each type. I created a basic structure of the mail. A welcome message, some info about the communication and the required user action. Once the structure is ready; we can send multiple mails as per the message.

Lets Talk about your Product

get in touch