The Brief
Redesigned to increase Sales and improve
the Ux of the app
The task was to improve the flow of the app and make it more user friendly for B2B users. It would not be a complete overhaul but to help generate more sales by e.g pushing products at the checkout stage. The current platform generates millions in revenue hence its important.
Wireframes
Boosting Sales and UX with Improved Product Visibility and Checkout Features.
There are a range of current issues with the app such as products not coming up during search resulting in people clicking off. There are also not many function which help generate more sales e.g showing similar products during checkout so I will be implementing a range of those help boost sales and improve the UX of the app.
Current Design
The Problem
Tackling problems in B2B Redesign
The existing app lacked a search function, hindering B2B users in quickly finding the products they need.
To stimulate more sales the current app lack an offer features to motivate the consumer to buy more.
The original app lacks categories, potentially causing confusion for users. I am to restructure this to provide a more intuitive and organised navigation experience.
The previous inconsistently categorised frozen and ambient products leading to user confusion especially when they planned to buy from both categories. I am to streamline this and implement a unified approach.
My Role
In my role, I led the redesign of the SuryaOnline B2B app. Starting with wireframes, I crafted a user-friendly layout. Once approved, I redesigned the app, introducing features to boost sales and improve the UX for B2B users.
Discovery
User Persona
WIREFRAMES
To start of I created wireframe based on the initial design. This featured a new login page and an updated nav bar with search function. A new Multi-Buy page was also created to help generate more sales.
LOGIN
LOGIN
HOME
MENU
SHOP
UPDATED DESIGN
LOGIN
HOME
PRODUCTS
MULTI-BUY
SIDE - NAVBAR
Create a page to showcase the companies move to sustainability and how Surya Foods is currently helping the environment. The design should have a modern feel
but use the companies design guidelines.
SEARCH FUNCTION
User can search any items by searching on top bar, once it clicks, they go to another screen where user can see recent searches also can see related searched items too. This was one of a new feature added to improve the UX. In that page if there is no data for recent purchases, or if user come to this screen after placing order, recent search API call and fetch new data.
The main array from which we search is also fetch once when user enter this screen, after that it will remain same for the current session. When user close app and restart app it will fetch again. You can see recent search terms and that will store locally up to 10
BUNDLE BUY
In the bundle offer, user can buy 2 products in said quantity then got a discount of X currency. For an e.g. If user bought rice of 5 kg in 2 quantity and Laila chana masala-5kg in 1 quantity then it should be for £100 rather than its original total price of £125.
Option to add more quantity was also added to help the consumers add more quantity of the same product and would be shown how much they would be saving (if discounted).
