Twitter is a free social networking microblogging service that allows registered members to broadcast short posts called Tweets. Twitter users can broadcast tweets and follow other users’ tweets by using multiple platforms and devices. Tweets, which may include hyperlinks, are limited to 140 characters, due to the constraints of Twitter’s Short Message Service (SMS) delivery system. Because tweets can be delivered to followers in real-time, they are permanent, they are searchable and they are public. Anyone can search for a tweet on Twitter, whether they are a member or not.
Twitter is looking to expand functionality for business owners by introducing Twitter Shop. Twitter Shop will allow users to post and sell their products in the app. From here, users will be able to list their products (catalog) for their followers to see. Their followers can now buy and pay them from the app.
As the designer for this project, I need to come up with the following flows while sticking to Twitter’s visual language
– Listing products
– Getting verified as a seller
– Receiving payment
Getting Verified As a Seller
Seeing as Twitter does not have a “shop feature”, It was quite difficult to come up with a verification page. I decided on focusing on what a business needs to present to make them look authentic. I added a “Twitter Shop” to the menu tab, this way it’s easy to find your shop as a seller and verify your business if you have not.
Listing Products In Your Shop
After verifying your shop, It’s time to start listing what you sell. To make it easy for users to access their shop, I went ahead and added “Go to Twitter shop” in the notification page after they have been verified.
I made sure I kept the visual design and language of Twitter while I made subtle but Important changes to the overall flow. I designed this section in a way that the seller still “tweets” their actual products like an everyday tweet you see on Twitter but with a little twist; giving them the option to add a product name and also put their price tag on the product.
After hitting the Tweet button, I designed the timeline in a way that it appears like a normal tweet on your feed but with an eye-catchy CTA button that is hard to miss
Receiving and Withdrawing Payments
I had to design this product in a way that buyers can purchase an item from a seller, pay IN the app, and not be transferred to a third-party payment merchant. Also, sellers can receive their money IN-APP and withdraw it to their various bank accounts.
To accomplish this, I decided on creating a wallet where anyone can add funds from their bank account, purchase any item they like on Twitter, send money to other users on the platform, and withdraw their money at any given time.
User-flow For Purchasing a Product
For the final stage, I thought about the buyers and how to make it easy for them to identify a product and purchase that item in a few steps. I went ahead to create a straightforward user experience from start to finish, thereby reducing how long it takes for a user to complete the required task; to purchase an item.