Over the past ten years, Zibbet has been working hard to build useful tools that help creative entrepreneurs sell more. Zibbet began as an ecommerce marketplace – an alternative to Etsy. But, we quickly realised that we could do more to help our users. One of the biggest pain points for online creative sellers is the difficulty around managing products across multiple marketplaces and websites. Listing new products, managing orders across different channels and syncing inventory levels can be a real headache and a road blocker. Each marketplace, channel and ecommerce platform is so different, too. How can we make this process simple?
50,000+ active creative entrepreneurs across online marketplaces
Launched in 130+ countries
My role on the product design team was to lead the visuals and support the team with user flows, user personas, site mapping, wireframes, usability testing and collecting feedback from marketplace surveys. The project scope involved designing a marketing site, a visual design system, an illustration and branding system and an inventory management web application.
The goal is to provide creative entrepreneurs with more exposure, awareness and sales by offering a convenient, effective distribution through multiple sales channels, a synchronised inventory management system and simple accounting tools.
Real creatives get lost in the noise of outsourcing and mass manufacturing, ignored by a saturated market. Zibbet's mission is to change all of that. Our ethos is to help creatives streamline their online business with the new platform. Zibbet’s mission is to help them manage all the tasks involved with running an online ecommerce shop more efficiently.
Retailers who sell on two marketplaces see 190% more in revenue than those who only sell only on a single marketplace - Stitch Labs (2017)
The marketing site was my chance to shape the new branding tone for Zibbet using illustrations, colour and visual design elements. I chose to stick with a neutral palette for the interface, focusing on bright pops of colour throughout with the illustrations. The marketing site aims to highlight and delight our users by providing a clear understanding of how powerful Zibbet's new inventory management application could be for growing their online business.
When you are a business owner you are a jack of all trades and the one thing you are always lacking is time. A lot of our users face the challenge of listing products on multiple channels and have no way to manage it without carving time out for each task individually (it looks something like the image to the left). The Zibbet platform aims to simplify inventory management by allowing bulk editing and the ability to sync products with ease. The results? Time is saved, friction is reduced and the selling experience is simpler and more profitable for creative entrepreneurs.
I created two user personas who embody Zibbet’s users and their target audience. My goal was to visualise various aspects of the users behavior / motivations so we can better speak to our customers. Both personas are roughly based around the user profiles I discovered while researching popular accounts though-out Etsy and Zibbet marketplaces.
Our user onboarding goal is to create an experience that is unbelievably easy to understand so that they can start selling more, quickly. We want to get our users onto the platform where they can import products from existing sales channels, list new products, and start managing all their marketplaces tasks seamlessly across the new Zibbet. I designed a set of illustrations to enhance the visual design and assist users who might not always read platform copy or need some extra visual context.
Zibbet's web application was designed with a mobile first approach – we design with the smallest of screens and work our way up. This ensures responsiveness and adaptive design across all devices. The above example shows the mobile on boarding flow. Next, we ask them to connect the channel they currently sell the most on. After that, we start the importing process – this is where we explain that they can still navigate the platform while all the products are being uploaded in the background. Finally, we land out users into the dashboard where they can manage all their products and get them ready to sell.
Using Zibbet solves the hassle of uploading the same products multiple times across different channels (marketplaces you sell on). Part of this process includes adding a product name, description, measurements, price, quantity, product photography, and policies on returns and shipping. Now, imagine re-doing this same process for the one product on a whole bunch of channels...
Thats why we've designed a better way. From the products page you can list a new product, select what channel you would like these products visible on and – voila! Now, after just a few clicks, the new product will appear on the channels you selected. This feature is a real time saver for our users and one of the most requested features from the user surveys.
Who says a dashboard needs to be so vanilla?
From here, you are able to manage it all – products, channels and orders. Variants were a real challenge when designing for the team, every marketplace has their own unique wording and way of displaying the same elements. Some marketplaces let you upload twenty product photos – some only ten. A “tag” is a “keyword” elsewhere, and a category you choose for one channel might not exist on another. The list goes on. We needed to solve for all these variants when designing the application. Keep in mind that our information would be pushed across all these marketplaces so it needed to match up accurate, seamless and with minimal friction for our users.
The new Zibbet dashboard provides a high-level overview of your productivity as a creator. You can quickly see your pending orders, recent sales and monthly revenue, as well as get some tailored tips direct from the Zibbet team on how to sell more.
More than just a blank state, I see these pages as great opportunity to drive engagement and retain users at critical moments. I designed these to help our users navigate through the application while assisting them with some visual delight along their journey. These moments are great opportunities to highlight first impressions, celebrate moments of success and ease the pain during moments of frustrations.
We partnered up with an amazing agency in Surry Hills and they set us up with a component's library to help speed up the process and enable our engineering team to work faster. This helped us to ensure consistency while designing and set the guidelines across our web application, This was super helpful because our design team only consisted of two people.
Crafting Zibbet’s brand personality; I designed it to embody the personality of a creative seller. This was not only the launch of a new product but also a new brand and tone direction for Zibbet's ecosystem. Leading the visual design direction for this project was a truly meaty task. I worked with the existing brand constraints of Zibbet Marketplace to create a new brand for the inventory management platform. I dressed it up with new typography and brand colours while keeping the Zibbet teal. The end result was a more neutral palette that’s mixed in with loud pops of saturated colour.
“Zibbet first launched on February 5, 2009. Our mission was the same as it is today…To help creative entrepreneurs sell more"
Jonathan Peacock- Founder of Zibbet